@font-face{font-family:SceneVariable;src:url('./fonts/noto-sc-subset.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.intro{font-family:SceneVariable,'PingFang SC',sans-serif;left:49%;top:29%;max-width:465px;width:34%;pointer-events:auto}
.masked-heading{text-shadow:none;font-size:clamp(23px,1.9vw,31px);font-weight:900;line-height:1.5;letter-spacing:.22em;margin:0 0 18px;transform:skewX(-5deg);filter:drop-shadow(0 0 18px #48dfcf25)}
.masked-heading>span{display:inline-flex;gap:.03em}
.masked-heading i{font-style:normal;display:inline-block;background:radial-gradient(ellipse at 15% 30%,#e7fff9,transparent 48%),radial-gradient(ellipse at 75% 60%,#8db9ff,transparent 55%),linear-gradient(120deg,#75ffe4 20%,#1a9c91 45%,#e6fff7 65%,#79c3ee);background-size:240% 220%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.35px #b6fff45c;animation:masked-mesh 4s ease-in-out infinite alternate;animation-delay:calc(var(--order)*-.35s);clip-path:inset(100% 0 0)}
.type-entered .masked-heading i{clip-path:inset(0);transition:clip-path .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--order)*.11s)}
@keyframes masked-mesh{from{background-position:0% 10%}to{background-position:100% 100%}}
.intro h1{font:900 clamp(28px,2.55vw,45px)/1.42 SceneVariable,'PingFang SC',sans-serif;letter-spacing:-.02em;margin:0 0 25px;transform:skewX(-4deg);color:#edfaff;text-shadow:2px 2px 0 #082c3c,0 3px 32px #0007}
.decrypted-heading>span{display:block;white-space:nowrap}
.decrypted-heading i{font-style:normal;display:inline-block;width:1em;text-align:center}
.decrypted-heading .is-decoding{color:#69efd6;text-shadow:0 0 12px #5affe08a;font-family:monospace}
.intro .variable-copy{border-left:2px solid #77ddce;padding-left:17px;font-size:clamp(13px,.98vw,17px);line-height:1.95;letter-spacing:.06em;margin:0;color:#a9bcc7;font-weight:420}
.variable-copy>span{display:block;white-space:nowrap}.variable-copy i{font-style:normal;display:inline-block;transform-origin:center bottom}
body:not(:has(.controls:not([hidden]))) .spatial-tools{display:none}
.end-note{position:relative;background:#030b13;isolation:isolate;padding:90px 7% 95px;min-height:490px;overflow:hidden;border-top:1px solid #61aabd33;font-family:SceneVariable,'PingFang SC',sans-serif}
.end-note::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 15%,#083c4833,transparent 60%),linear-gradient(120deg,#051923,transparent 55%)}
.author-top{display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;border-bottom:1px solid #7cc5d126;padding-bottom:44px}.author-kicker{font-size:10px;letter-spacing:.35em;color:#6cb4b9}.end-note h2{font-size:clamp(29px,3vw,44px);font-weight:850;letter-spacing:.08em;margin:14px 0 0;color:#e1f4f5}.end-note h2 span{color:#69f3d9}.author-details{display:flex;gap:65px;margin:0}.author-details dt{font-size:10px;letter-spacing:.25em;color:#6a8f9b;margin-bottom:12px}.author-details dd{margin:0;font-size:14px;color:#b9d1db}.author-details a{margin:0;font:inherit;color:inherit;text-decoration:none;border-bottom:1px solid #628d9466;padding-bottom:3px}.author-details a:hover{color:#8cffe9}
.end-note .closing-quote{max-width:none;margin:50px 0 0;font-size:clamp(24px,3.4vw,60px);font-weight:850;line-height:1.65;letter-spacing:.06em;color:#e1f8f4}
@media(max-width:650px){.intro{left:auto;right:6%;top:14%;max-width:200px;width:44%}.masked-heading{font-size:20px;letter-spacing:.18em;margin-bottom:13px}.intro h1{font-size:clamp(20px,5.15vw,24px);line-height:1.5;margin:0 0 16px}.intro .variable-copy{display:block;font-size:10px;letter-spacing:.02em;padding-left:9px;line-height:1.95}.end-note{padding:55px 7% 60px;min-height:440px}.author-top{display:block;padding-bottom:28px}.author-details{margin-top:29px;gap:30px;flex-wrap:wrap}.author-details dd{font-size:12px}.end-note .closing-quote{font-size:26px;margin-top:32px;line-height:1.8}.author-details dt{font-size:9px;margin-bottom:7px}}
@media(max-height:550px) and (min-width:651px){.intro{top:20%;width:38%;max-width:380px}.masked-heading{font-size:18px;margin-bottom:7px}.intro h1{font-size:26px;margin-bottom:12px}.intro .variable-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.masked-heading i{animation:none!important;clip-path:none!important}.variable-copy i{transform:none!important}}

/* Near/far text follows the frozen camera, including reverse scrolling. */
.intro-far{opacity:var(--far-copy,0);transform:translateY(calc((1 - var(--far-copy,0))*18px));pointer-events:none;top:27%}
.masked-heading-staggered{font-size:clamp(30px,3.1vw,48px);line-height:1.45;letter-spacing:.13em;margin:0 0 25px}
.masked-heading-staggered>span{display:flex;width:max-content}
.masked-heading-staggered>span+span{margin-left:1.45em;margin-top:.16em}
@media(max-width:650px){.intro-near .masked-heading{font-size:17px;letter-spacing:.08em}.intro-far{top:15%}.masked-heading-staggered{font-size:24px;letter-spacing:.08em;margin-bottom:17px}.intro-far .variable-copy{font-size:10px;letter-spacing:0}}
@media(max-height:550px) and (min-width:651px){.intro-far{top:18%}.masked-heading-staggered{font-size:25px;margin-bottom:12px}}

.site-registration{display:inline-block;margin-top:2rem;color:#9ab8bc;font-size:.75rem}