/* One original mark. No reconstructed components. */
.brand-bow{display:none!important}
.brand-symbol{display:block;aspect-ratio:2179/2006}
.brand-symbol .hero-mark{display:block!important;width:100%!important;height:100%!important;object-fit:contain;filter:none!important;clip-path:inset(0 0 .5% 0)}
.hero .snn-brand-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;left:50%!important;top:47%!important;width:280px!important;transform:translate(-50%,-50%);background:none}
.hero .snn-brand-center .eyebrow{display:none}
.hero .snn-brand-center h1{font-size:20px!important;line-height:1.45!important;font-weight:400;letter-spacing:.13em!important;text-indent:.13em;display:block;width:100%;margin:24px 0 0!important;text-align:center;text-transform:none}
.hero .snn-brand-center h1 span{font-size:inherit!important;letter-spacing:inherit!important;color:inherit;display:inline;margin:0!important}
.hero .snn-brand-center .brand-symbol{width:164px}
.hero .tile .company-visual img,.grid .project .company-visual img{object-position:var(--photo-position,50% 50%)!important}
.hero .tile .company-visual.photo img{object-fit:cover;padding:0}
.hero .tile:after{background:linear-gradient(0deg,rgba(3,4,8,.96) 0%,rgba(3,4,8,.65) 25%,transparent 64%)!important}
.hero .tile .card-caption{padding:15px!important;gap:5px}
.hero .tile .card-meta{color:#e1dde7}.hero .tile .card-caption strong{font-size:18px;font-weight:500;letter-spacing:-.02em}
.hero .tile .card-service{font-size:11px;color:#ddd8e4;line-height:1.4}
.grid .project:after{background:linear-gradient(0deg,#040509fa,#040509b0 35%,transparent 75%)!important}
.grid .project .card-caption{padding:24px!important}
.grid .project .card-caption strong{line-height:1.15}
.grid .project{height:340px;min-height:340px}
.grid .project .company-visual img{transition:transform .5s}
.grid .project:has(.project-review){height:340px;min-height:340px}
.universe-backdrop{position:absolute;inset:-12% -8%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 42px;pointer-events:none;opacity:.16;transform:rotate(-8deg) scale(1.04);mask-image:radial-gradient(ellipse 36% 35% at 50% 46%,transparent 45%,#000 100%);z-index:0}
.backdrop-card{display:block;aspect-ratio:1.55;overflow:hidden;background:#161721;border:1px solid #ffffff20}
.backdrop-card:nth-child(3n){transform:translateY(35px)}
.backdrop-card:nth-child(4n){transform:scale(.82)}
.backdrop-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.5)}
.hero .world{z-index:2}.hero .ambient{opacity:.3}
.opening{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vw;background:radial-gradient(ellipse at 50% 48%,#171521,#060709 72%);opacity:1;transition:opacity .65s ease;pointer-events:auto}
.opening[hidden]{display:none}.opening.leaving{opacity:0;pointer-events:none}
.opening .eyebrow{font-size:11px;color:#bcb6c9;letter-spacing:.22em}
.opening h2{font-weight:400;font-size:clamp(44px,7.2vw,105px);letter-spacing:-.055em;line-height:1.1;margin:24px 0}
.opening p{display:block;font-size:clamp(17px,2vw,27px);color:#b8b1c6;line-height:1.4;margin:0}
.opening button{position:absolute;bottom:55px;background:none;border:0;color:#ada5b7;font-size:11px;letter-spacing:.12em;padding:16px;cursor:pointer}
.proof-line{padding:45px 5vw 50px;max-width:1600px;margin:auto;border-bottom:1px solid #ffffff16}
.proof-line p{font-size:clamp(21px,2.9vw,39px);line-height:1.4;letter-spacing:-.025em;font-weight:400;margin:0;max-width:1050px;color:#b6b1bd}
.proof-line strong{font-weight:400;color:#f2edf6}
.proof-source{display:inline-block;margin-top:20px;font-size:11px;letter-spacing:.03em;color:#a39caa;border-bottom:1px solid #ffffff28;padding-bottom:5px}
.section>.archive-intro{max-width:630px;font-size:21px}
.cta{min-height:620px;padding:100px 5vw 130px!important;overflow:hidden;position:relative}
.cta>.eyebrow,.cta>h2,.cta>a,.cta>p{position:relative;z-index:2;max-width:68%}
.cta h2{font-size:clamp(58px,8vw,115px);max-width:920px;line-height:1;letter-spacing:-.065em}
.cta .contact-emblem{position:absolute;width:clamp(620px,70vw,1050px);height:auto;aspect-ratio:2179/2006;right:clamp(-540px,-35vw,-280px);bottom:clamp(-450px,-32vw,-260px);opacity:.48;pointer-events:none;z-index:0;overflow:visible}
.contact-emblem .brand-symbol{width:100%;height:100%;margin:0}
.contact-emblem .hero-mark{width:100%;height:100%;object-fit:contain}
.cta .contact-note{font-size:15px;color:#a29ba9;margin-top:20px}
footer{min-height:0!important;align-items:center!important;padding:28px 5vw!important;gap:18px}
footer .footer-emblem{display:none!important}
@media(max-width:700px){
 .hero .snn-brand-center{width:240px!important}.hero .snn-brand-center h1{font-size:17px!important;margin-top:19px!important}.hero .snn-brand-center .brand-symbol{width:124px}
 .universe-backdrop{grid-template-columns:repeat(3,minmax(0,1fr));inset:-4% -26%;gap:26px;opacity:.12;mask-image:radial-gradient(ellipse 40% 30% at 50% 47%,transparent 40%,#000 100%)}
 .hero .tile .card-caption{padding:10px!important;gap:4px}.hero .tile .card-caption strong{font-size:15px}.hero .tile .card-service{font-size:10px}
 header nav{gap:17px;font-size:9px}header nav>a{white-space:nowrap}
 .opening{padding:8vw}.opening .eyebrow{font-size:9px;letter-spacing:.13em}.opening h2{font-size:47px}.opening p{font-size:18px}
 .proof-line{padding:32px 6vw}.proof-line p{font-size:24px;line-height:1.45}
 .cta{min-height:610px;padding:85px 6vw 190px!important}
 .cta>h2{max-width:100%;font-size:64px}.cta>.eyebrow,.cta>a,.cta>p{max-width:90%}
 .cta .contact-emblem{width:650px;right:-320px;bottom:-260px;opacity:.38}
 .section>.archive-intro{font-size:19px}.grid .project{height:320px;min-height:320px}
}
@media(prefers-reduced-motion:reduce){.opening{transition:none}.grid .project .company-visual img{transition:none}}

.hero .snn-brand-center{z-index:22!important}
.opening{z-index:60}
.hero .tile .company-visual.photo img,.grid .project .company-visual.photo img{object-fit:var(--photo-fit,cover)!important}
.hero .tile .company-visual.photo:has(img[alt*="GrabJobs"]){background:#ddd6d1}
.hero .tile .company-visual.photo img[alt*="GrabJobs"]{object-fit:contain!important}