/* The folded seven: one material palette across the logo and service artwork.
   This layer deliberately leaves the approved hero artwork and its motion alone. */
.identity-mark{display:block;flex:none;object-fit:contain;border-radius:22%;width:44px;height:44px}
.identity-name{font-weight:500;letter-spacing:-.7px}
.identity-name>span{font-weight:500;letter-spacing:2.75px}
.sg-service-art{display:block;width:100%;height:auto;aspect-ratio:20/13;object-fit:cover;background:#13232c;border:1px solid var(--line)}
.sg-service-art-wrap{position:relative;overflow:hidden;border:1px solid var(--line);background:#13232c}
.sg-service-art-wrap>.sg-service-art{border:0}
.sg-service-art-wrap:after{content:"";position:absolute;inset:0;border:1px solid #c8f3f312;pointer-events:none}
.sg-visual{--art-tint:#e3eeef;--art-fins:#bdd9dd}
html[data-theme=dark] .sg-visual{--art-tint:#1c333d;--art-fins:#38606a}
.sg-visual .visual-frame{border-color:var(--art-line)}
.sg-visual .brand-fins{gap:8px;transform:skew(-24deg) translateX(45px)}
.sg-visual .brand-fins i{border-radius:50% 0 0 0;background:linear-gradient(100deg,transparent 5%,var(--art-fins) 90%);border-right-color:var(--art-accent)}
@media(max-width:760px){.identity-mark{width:36px;height:36px}.identity-name{letter-spacing:-.5px}.identity-name>span{letter-spacing:2.3px}}
@media(max-width:400px){.header .identity-mark{width:32px;height:32px}}