@property --shade { syntax:'<number>'; inherits:false; initial-value:0; }
/* Motion layer: preserves the reference layout and degrades to static content. */
body.motion-loading { overflow:hidden; }
.motion-atmosphere { position:fixed; inset:0; z-index:-1; overflow:hidden; background:#101014; pointer-events:none; }
.motion-atmosphere:before,.motion-atmosphere:after { content:''; position:absolute; inset:-60%; background:repeating-conic-gradient(from 25deg at 50% 50%,transparent 0deg 24deg,#b9b6b32e 35deg,transparent 49deg 85deg); filter:blur(32px); animation:light-drift 27s linear infinite; }
.motion-atmosphere:after { animation-duration:39s; animation-direction:reverse; opacity:.55; transform:scale(1.3); }
@keyframes light-drift { to { transform:rotate(360deg); } }
.motion-loader { position:fixed; inset:0; z-index:90; background:#edf3ef; color:var(--ink); display:grid; place-items:center; transform-origin:center; border-radius:0; }
.motion-loader-label { font:400 clamp(30px,3.5vw,54px)/1.1 var(--font-pixel); overflow:hidden; }
.motion-loader-label span { display:block; }
.motion-loader-count { position:absolute; bottom:var(--layout-columns-gap); right:var(--layout-margin); font:400 clamp(38px,4.6vw,72px)/1 var(--font-pixel); }
.motion-menu-frame { position:fixed; inset:0; z-index:51; overflow:hidden; pointer-events:none; background:var(--paper); border-radius:0; transform-origin:center; }
.motion-menu-frame .motion-page-copy { position:absolute; top:0; left:0; width:100%; pointer-events:none; }
.motion-menu-frame:after { --shade:inherit; content:''; position:absolute; inset:0; background:#08090c; opacity:var(--shade); }
#menu { background:transparent; width:40vw; z-index:60; transition:opacity .5s,transform .7s cubic-bezier(.76,0,.24,1),visibility .7s; }
.menu-backdrop { z-index:50; background:transparent; backdrop-filter:none; }
body.menu-open .app_root__CIxIS { visibility:hidden; }
body.menu-open #menu { visibility:visible; }
body.menu-open .motion-atmosphere { z-index:49; }
.motion-word { display:inline-block; will-change:transform,opacity; }
.motion-line-mask { display:block; overflow:hidden; padding-bottom:.12em; margin-bottom:-.12em; }
.motion-line { display:block; will-change:transform; }
.quote_text__mBwQ0>div { display:block; width:63%; perspective:1000px; }
.quote_text__mBwQ0 .motion-word { transform-style:preserve-3d; }
.quote_root__N7YTH { overflow:clip; }
.layout_footer__I5bXP { background:transparent; position:relative; isolation:isolate; }
.layout_footer__I5bXP:before { content:''; position:absolute; inset:-50%; z-index:-1; background:repeating-conic-gradient(from 30deg at 50% 50%,#101014 0deg 28deg,#55555b 41deg,#101014 57deg 90deg); filter:blur(35px); animation:light-drift 32s linear infinite; }
.footer_root__s8jc0 { position:relative; will-change:transform; }
.heroShowcase_pill__bbdr0 { transition:none; }
.buttonLink_btnPosnawr__CNjFx { isolation:isolate; }
.buttonLink_ball__aTBoa,.footer_ball__ZQjqC { left:var(--pointer-x,50%); top:var(--pointer-y,50%); pointer-events:none; }
.footer_circleButton__aI9zh { transition:background-color .3s; }
.footer_circleButton__aI9zh:hover { background:var(--amber); }
.motion-progress { position:fixed; right:4px; top:0; height:36px; width:2px; background:var(--ink); z-index:45; opacity:0; transition:opacity .25s; pointer-events:none; }
.motion-progress.is-scrolling { opacity:1; }
@media(max-width:812px) { #menu { width:100vw; } .quote_text__mBwQ0>div { width:100%; } }
@media(prefers-reduced-motion:reduce) { .motion-atmosphere:before,.motion-atmosphere:after,.layout_footer__I5bXP:before { animation:none; } .motion-word,.motion-line { transform:none!important; opacity:1!important; } }
.layout_footer__I5bXP { overflow:clip; }

/* Split words must not inherit the paragraph first-line indent. */
.about_statement__q4ksl .motion-word { text-indent:0; }
/* Reference scrollbar: 10svh inset, 80svh rail, 6svh thumb. */
.motion-progress { top:10svh; right:1vw; width:.25vw; height:80svh; z-index:100; border-radius:.15vw; background:rgba(240,244,241,.102); mix-blend-mode:difference; transition:opacity .5s; }
.motion-progress.is-scrolling { transition-duration:.3s; }
.motion-progress-thumb { position:absolute; top:0; left:0; width:100%; height:6svh; background:var(--white); border-radius:.15vw; transition:top .3s ease-out; }
body.menu-open .motion-progress, body.motion-loading .motion-progress { opacity:0; }
@media(max-width:812px) { .motion-progress { width:.65vw; } }
