
/* Deliberate brand hierarchy and compositor-only depth. */
header{height:96px;display:flex;align-items:center;padding:20px 4.5vw}
header>a{display:flex;align-items:center}
header .brand-symbol{width:46px;margin:0}header .hero-mark{display:block;width:100%;height:auto;filter:none}
header nav{display:flex;align-items:center;gap:32px;font-size:11px;line-height:1;letter-spacing:.16em}
header nav>a,.lang-switch{display:flex;align-items:center;min-height:44px}
.lang-switch{gap:14px}
.hero .snn-brand-center{top:47%!important;width:260px!important}
.hero .brand-symbol{width:170px}
.hero .snn-brand-center h1{margin-top:22px;font-size:22px!important;letter-spacing:.2em}
.hero .snn-brand-center h1 span{font-size:9px}
.hero .world{perspective:1400px!important;perspective-origin:50% 47%}
.hero .orbit{top:47%!important;transform-style:preserve-3d!important}
.hero .tile{width:280px;height:194px;margin:-97px 0 0 -140px;border-color:#ffffff30}
.hero .tile .card-caption strong{font-size:18px}
.hero .tile .card-service{font-size:11px}
.hero .tile .company-visual img{object-fit:cover;padding:0;background:transparent}
.hero .tile:after{background:linear-gradient(0deg,#050509f0,transparent 82%)}
.hero .snn-brand-center{background:radial-gradient(ellipse,#08090cdd,transparent 72%)}
.hero .hero-bottom #universe-count[hidden]{display:none}
.hero-controls .scroll{border:0;font-size:25px;line-height:1;padding:10px}
.section>.eyebrow{font-size:11px}
.section>h2{font-size:clamp(48px,7.5vw,108px);line-height:1.02;margin:20px 0 24px;max-width:1000px}
.section>.archive-intro{display:block;font-size:clamp(18px,2.1vw,28px);line-height:1.5;color:#bdb8c6;max-width:760px;margin:0 0 46px}
.cta>p{font-size:20px}
footer{position:relative;min-height:360px;align-items:flex-end;overflow:hidden;padding-top:280px}
footer>span{position:relative;z-index:2}
.footer-emblem{position:absolute;left:0;top:0;width:280px;height:290px;overflow:hidden;pointer-events:none}
.footer-emblem .brand-symbol{position:absolute;width:500px;left:-30px;top:-22px;opacity:.75;margin:0}
.footer-emblem .hero-mark{display:block;width:100%;height:auto}
.project-review{display:flex;flex-direction:column;gap:7px;margin-top:7px;font-size:13px;line-height:1.4;color:#f0e8dc}
.review-stars{font-size:11px;letter-spacing:.16em;color:#e2c491}
.project-review q{font-style:normal;font-size:14px;letter-spacing:0}
.project-review .review-credit{font-size:10px;color:#b7b2be;letter-spacing:.03em}
.project:has(.project-review){min-height:370px;height:370px}
.tile .project-review{margin:0}.tile .review-stars{font-size:9px}
.detail-inner>.project-review{padding:20px 0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22}
@media(max-width:700px){
 header{height:78px;padding:14px 5vw}header .brand-symbol{width:36px}header nav{font-size:9px;gap:20px;letter-spacing:.10em}
 .lang-switch{gap:12px}.hero .brand-symbol{width:130px}
 .hero .snn-brand-center{width:220px!important}.hero .snn-brand-center h1{font-size:18px!important}
 .hero .world{perspective:1800px!important}
 .hero .tile{width:216px;height:164px;margin:-82px 0 0 -108px}
 .hero .tile .card-caption strong{font-size:15px}.hero .tile .card-service{font-size:10px}
 .hero .hero-controls{bottom:40px;gap:14px}
 footer{min-height:330px;gap:16px;font-size:9px}.footer-emblem{width:250px;height:265px}
 .footer-emblem .brand-symbol{width:450px}
}
@media(prefers-reduced-motion:reduce){.hero .orbit{transform-style:preserve-3d!important}}