/* Native-scroll choreography. Content remains visible without JavaScript. */
.social-links{display:flex;gap:30px;align-items:center}
.social-links a{font-size:14px;letter-spacing:.08em;min-height:44px;display:flex;align-items:center}
.footer-bottom>div>a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.motion-toggle{position:fixed;z-index:40;right:22px;bottom:20px;border:1px solid #796443;background:#171410ed;color:var(--paper);backdrop-filter:blur(12px);padding:12px 18px;border-radius:30px;font-size:12px;min-height:44px;box-shadow:0 4px 24px #0004}
.motion-toggle:hover{background:var(--red-main)}
.menu-open .motion-toggle{visibility:hidden}
.motion-paused .hero-track,.motion-paused .portal-track{height:auto;min-height:0}
.motion-paused .hero{position:relative}
.motion-paused .portal-sticky{position:relative;height:auto;min-height:0;display:block;padding:80px 7%}
.motion-paused .portal-intro{position:relative;inset:auto;margin-bottom:40px}
.motion-paused .observation-window{position:relative;top:auto;width:100%;height:650px;border-radius:80px 80px 15px 15px}
.motion-paused .portal-caption{opacity:1}
.motion-paused .motion-title .line-mask{overflow:visible}
.hero-character{transform-origin:56% 52%}
.hero-watermark{will-change:transform}
.image-deck{overflow:hidden;isolation:isolate}
.team-image{width:100%;aspect-ratio:3/2}
.team-image img{width:100%;height:100%;object-fit:contain}
.research-figure{height:560px}
.research-figure img{height:100%;width:100%;object-fit:cover}
.community-card .coliseo-card-image{object-position:64% center}
.community-card .memecoins-card-image{object-position:36% center}
.observation-window{background:radial-gradient(ellipse at 70% 70%,#480101,#181512 60%)}
.observation-window>img{object-position:43% center;filter:saturate(.8)}
.portal-caption{max-width:85%}
.window-shade{background:linear-gradient(90deg,rgba(7,7,6,.76),transparent 73%),linear-gradient(0deg,rgba(7,7,6,.65),transparent 65%)}
.motion-title .line-mask{display:block;overflow:hidden;padding:.16em .05em .18em;margin:-.16em -.05em -.18em}
.motion-title .line-inner{display:block;transform-origin:left bottom;will-change:transform,opacity}
.motion-title>.line-mask,.motion-title .line-inner{color:inherit}
.motion-title .line-inner>span{color:var(--gold)}
.team .motion-title .line-inner>span{color:var(--red-main)}
.motion-ready .hero-track{height:195svh}
.motion-ready .hero{position:sticky;top:0}
.motion-ready .hero-copy,.motion-ready .hero-character{will-change:transform,opacity}
.motion-ready .hero-copy{transform-origin:left center}
.motion-ready .hero-copy>p,.motion-ready .hero-copy>a{animation:intro-fade 1.2s .15s both}
.motion-ready .hero-copy h1{animation:intro-title 1.5s cubic-bezier(.19,1,.22,1) both}
@keyframes intro-title{from{clip-path:inset(100% 0 0);transform:translateY(45px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes intro-fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.motion-ready .about{position:relative;z-index:2}
.motion-ready .portal-track{height:275svh}
.motion-ready .portal-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;perspective:1400px}
.motion-ready .observation-window{inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;clip-path:inset(30% 34% 10% round 180px 180px 40px 40px);will-change:clip-path,transform}
.motion-ready .observation-window>img{width:100%;height:100%;will-change:transform;transform-origin:45% 55%}
.motion-ready .portal-intro{inset:8% 7% auto;pointer-events:none}
.motion-ready .portal-intro h2{font-size:clamp(44px,5.2vw,84px)}
.motion-ready .portal-caption{bottom:12%;left:8%;opacity:1;will-change:opacity,transform}
.motion-ready .portal-caption p{font-size:clamp(72px,9vw,150px);text-shadow:0 3px 35px #0008}
.motion-ready .research-figure{clip-path:inset(0);will-change:clip-path}
.motion-ready .research-figure img{will-change:transform}
.motion-ready .team-image{will-change:clip-path,transform}
.motion-ready .tron-backdrop{inset:-10%;will-change:transform}
.motion-ready .community{height:195svh;padding-top:0;padding-bottom:0;overflow:clip}
.motion-ready .community-stage{position:sticky;top:0;min-height:760px;height:100svh;padding:55px 0 35px;display:flex;flex-direction:column;justify-content:center}
.motion-ready .community .section-label{padding-bottom:18px}
.motion-ready .community .section-heading{margin:28px 0 35px}
.motion-ready .community .section-heading h2{font-size:clamp(50px,4.8vw,78px)}
.motion-ready .community-grid{perspective:1800px}
.motion-ready .community-card{height:clamp(340px,48svh,520px);transform-origin:center bottom;will-change:transform;transition:border-color .3s}
.motion-ready .community-card img{transition:filter .6s;will-change:transform}
.motion-ready .community-card:hover img{filter:saturate(1)}
.motion-ready .card-copy{bottom:24px}
.motion-ready .card-copy h3{font-size:clamp(30px,2.8vw,42px)}
.motion-ready .card-copy p{margin-bottom:20px}
.motion-ready .team-roster{overflow:clip}
.motion-ready .team-roster>div{will-change:opacity,transform}
@media(max-width:1050px){
 .motion-ready .community-stage{min-height:730px;padding-top:40px}
 .motion-ready .community .section-heading{gap:22px}
 .motion-ready .community .section-heading>p{max-width:260px}
 .motion-ready .card-copy h3{font-size:32px}
}
@media(max-width:800px){
 .motion-ready .hero-track{height:155svh;min-height:1100px}
 .motion-ready .portal-track{height:225svh}
 .motion-ready .portal-sticky{height:100svh;min-height:620px}
 .motion-ready .portal-intro{inset:9% 5% auto}
 .motion-ready .portal-intro h2{font-size:clamp(36px,9vw,56px)}
 .motion-ready .observation-window{clip-path:inset(35% 16% 9% round 110px 110px 25px 25px)}
 .motion-ready .portal-caption{bottom:13%;left:7%;max-width:86%}
 .motion-ready .portal-caption p{font-size:clamp(55px,15vw,85px)}
 .motion-ready .observation-window>img{object-position:35% center}
 .research-figure{height:auto;aspect-ratio:4/3}
 .motion-ready .community{height:auto;padding-top:75px;padding-bottom:75px}
 .motion-ready .community-stage{position:relative;top:auto;display:block;height:auto;min-height:0;padding:0}
 .motion-ready .community .section-heading{margin:45px 0}
 .motion-ready .community .section-heading h2{font-size:clamp(44px,12vw,60px)}
 .motion-ready .community .section-heading>p{max-width:100%}
 .motion-ready .community-grid{gap:32px}
 .motion-ready .community-card{height:clamp(430px,72svh,560px)}
 .motion-ready .card-copy h3{font-size:42px}
 .motion-ready .card-copy{bottom:30px}
 .social-links{gap:24px}
 .motion-toggle{right:12px;bottom:12px;padding:10px 14px}
 .motion-paused .observation-window{height:560px}
}
@media(max-height:700px) and (min-width:801px){
 .motion-ready .community-stage{min-height:660px;padding:30px 0}
 .motion-ready .community .section-heading{margin:20px 0}
 .motion-ready .community .section-heading h2{font-size:44px}
 .motion-ready .community-card{height:340px}
 .motion-ready .card-copy h3{font-size:30px}
 .motion-ready .card-copy p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
html:not(.motion-override) .motion-title .line-mask{overflow:visible}
html:not(.motion-override) .motion-title .line-inner{transform:none!important;opacity:1!important}
html:not(.motion-override) .image-deck,html:not(.motion-override) .community-card,html:not(.motion-override) .team-roster>div{transform:none!important;clip-path:none!important;opacity:1!important}
html:not(.motion-override) .research-figure img{transform:none!important}
html:not(.motion-override) .portal-caption{opacity:1}
html:not(.motion-override) .team-image{aspect-ratio:3/2}
}