
/* Mobile first: a short question, a clear mark, and quiet evidence. */
header .brand-home{display:flex;align-items:center;gap:11px}
header .menu-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1}
.wordmark-line{display:flex;align-items:baseline;gap:1px;white-space:nowrap}
.wordmark-super{font-size:14px;font-weight:750;letter-spacing:.035em;color:#fff}
.wordmark-nova{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:400;font-style:italic;letter-spacing:-.055em;color:#e8c9ff;transform:rotate(-10deg) translateY(-1px);text-shadow:0 0 8px #c878e366,0 0 20px #c878e333}
.wordmark-network{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:10px;font-weight:400;letter-spacing:.32em;color:#d8d2dd}
header nav>a{font-size:10px;letter-spacing:.12em}
.hero .snn-brand-center .brand-symbol{width:82px!important}
.hero .snn-brand-center h1{font-family:Didot,"Bodoni MT",Georgia,serif;font-size:20px!important;letter-spacing:.08em!important;font-weight:400!important;margin:17px 0 0!important}
.hero .snn-brand-center{width:260px!important}
.hero{background:radial-gradient(ellipse at 50% 47%,#211b34 0%,#0c0d19 38%,#030409 82%)!important}
.opening{padding:0 8vw;background:radial-gradient(1px 1px at 14% 27%,#c5c5e2 70%,transparent),radial-gradient(1px 1px at 79% 22%,#c8b8e6 70%,transparent),radial-gradient(1px 1px at 66% 73%,#b0c3eb 70%,transparent),radial-gradient(ellipse at 50% 50%,#21162f 0%,#0a0c17 45%,#030409 85%);background-size:260px 311px,367px 283px,419px 377px,100% 100%;pointer-events:none;display:flex;transition:opacity .4s;z-index:60}
.opening-copy{width:100%;transform-origin:50% 52%;will-change:auto}
.opening .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:none;color:#c3b9d0}
.opening h2{font-size:clamp(44px,6.7vw,96px);letter-spacing:-.05em;margin:24px auto 0;max-width:1050px}
.opening .scroll-prompt{position:static!important;display:flex;flex-direction:column;align-items:center;gap:19px;margin:100px auto 0;padding:20px;background:none;border:0;color:#c2b8ce;pointer-events:auto;font:inherit;font-size:10px;letter-spacing:.16em;cursor:pointer}
.scroll-prompt svg{width:15px;height:48px;stroke:currentColor;stroke-width:.7;fill:none}
.opening.black-hole{animation:opening-dissolve .68s ease forwards}
.opening.black-hole .opening-copy{animation:star-collapse .68s cubic-bezier(.62,0,.94,.46) forwards}
.opening.instant{display:none}
@keyframes star-collapse{0%{transform:scale(1) rotate(0);opacity:1}55%{opacity:.8}100%{transform:scale(.005) rotate(22deg);opacity:0}}
@keyframes opening-dissolve{0%,55%{opacity:1}100%{opacity:0}}
.universe-backdrop{grid-template-columns:repeat(10,minmax(0,1fr));gap:18px 24px;inset:-8% -8%;opacity:.3;mask-image:radial-gradient(ellipse 29% 28% at 50% 47%,transparent 45%,#000 100%)}
.backdrop-card:nth-child(3n){transform:translateY(18px)}
.backdrop-card img{filter:saturate(.62)}
.proof-line{padding:65px 5vw 60px;text-align:center}
.proof-line .award-pretitle{font-family:Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.21em;font-size:11px;color:#bdab81;margin:0 0 15px}
.proof-line .award-stars{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,78px);line-height:1.2;letter-spacing:.14em;text-indent:.14em;margin:0 auto 14px;max-width:none;background:linear-gradient(112deg,#8a5b1b 0%,#d7a74b 13%,#fff2b5 23%,#b98228 34%,#f5d98f 47%,#fff9d7 51%,#ba8532 65%,#f8dd96 81%,#a26f27 95%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 1px 12px #dba74522}
.proof-line .award-subtitle{font-family:Didot,"Bodoni MT",Georgia,serif;font-size:22px;letter-spacing:.045em;color:#d6c9af;margin:0 auto;max-width:none}
.proof-line .proof-source{font-size:10px;color:#a99f8b;margin-top:20px;border-color:#aa895b44}
#archive{padding-top:35px}
#archive>.eyebrow,#archive>h2,#archive>.archive-intro,.archive-search{display:none!important}
.filters{justify-content:center;margin-top:0}
@media(max-width:700px){
 header{padding:13px 5vw;gap:14px;height:75px}
 header .brand-symbol{width:26px!important}
 header .brand-home{gap:8px;flex-shrink:0}
 .wordmark-super{font-size:10px}.wordmark-nova{font-size:16px}.wordmark-network{font-size:8px;letter-spacing:.27em}
 header nav{gap:11px;font-size:9px}.lang-switch{gap:9px}
 header nav>a{font-size:8px;letter-spacing:.055em}
 .hero .snn-brand-center .brand-symbol{width:62px!important}
 .hero .snn-brand-center h1{font-size:17px!important;margin-top:14px!important}
 .opening{padding:0 7vw}
 .opening .eyebrow{font-size:11px;letter-spacing:.1em}
 .opening h2{font-size:43px;line-height:1.12;max-width:350px}
 .opening .scroll-prompt{margin-top:95px;font-size:9px}
 .universe-backdrop{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 19px;inset:-5% -32%;opacity:.26;mask-image:radial-gradient(ellipse 26% 24% at 50% 47%,transparent 35%,#000 100%)}
 .proof-line{padding:45px 6vw 42px}
 .proof-line .award-pretitle{font-size:9px;letter-spacing:.15em}
 .proof-line .award-stars{font-size:43px;letter-spacing:.10em;text-indent:.10em}
 .proof-line .award-subtitle{font-size:19px}
 #archive{padding-top:25px}
 .filters{gap:7px}.filters button{font-size:11px;padding:10px 13px}
}
@media(prefers-reduced-motion:reduce){.opening.black-hole,.opening.black-hole .opening-copy{animation:none}.opening.black-hole{display:none}}
