.story{--night:#0f141e;--night-2:#151b27;--moon:#e9e4d7;--ash:#8e94a4;--dim:#666d7e;--string:#d9a84e;--slate:#7a8496;--limestone:#b8af9c;--dawn-a:#c77b4a;--dawn-b:#f0c878;--font-display:var(--font-cormorant), "Cormorant Garamond", Georgia, serif;--font-body:var(--font-inter), system-ui, sans-serif;--font-label:var(--font-ibm-mono), ui-monospace, "SFMono-Regular", monospace;--ground:60%;background:var(--night);color:var(--moon);font-family:var(--font-body);isolation:isolate;position:relative;overflow:visible}:is(body:has(.page-story) .side-fixed-bar,body:has(.page-story) .musictog,body:has(.page-story) .stickycta){display:none!important}.story__dawn{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(120% 80% at 50% 108%, var(--dawn-b) 0%, var(--dawn-a) 38%, transparent 74%), linear-gradient(180deg, #1b2030 0%, #3a2c33 52%, #6d4638 100%);transition:opacity 1.5s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.story.is-dawn .story__dawn{opacity:1}.story__rail{z-index:40;pointer-events:none;background:#e9e4d712;width:3px;height:100vh;position:fixed;top:0;left:0}.story__rail:after{content:"";transform-origin:50% 0;height:100%;transform:scaleY(var(--sp,0));background:linear-gradient(180deg, var(--string), var(--slate));position:absolute;inset:0 0 auto}.story__skip{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--moon);font-family:var(--font-label);letter-spacing:.13em;text-transform:uppercase;background:#0f141ed1;border:1px solid #e9e4d757;border-radius:999px;align-items:center;gap:.5rem;padding:.62rem 1.05rem;font-size:.72rem;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:inline-flex;position:fixed;top:clamp(1rem,2.4vw,1.6rem);left:clamp(1.1rem,2.6vw,2rem)}.story__skip:hover,.story__skip:focus-visible{background:var(--moon);border-color:var(--moon);color:var(--night)}.story__skip:focus-visible{outline:2px solid var(--string);outline-offset:3px}.story__ledger{z-index:44;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-label);letter-spacing:.06em;color:var(--ash);opacity:0;pointer-events:none;background:#151b27e6;border:1px solid #e9e4d724;border-radius:10px;align-items:center;gap:.7rem;padding:.6rem .95rem;font-size:.72rem;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:clamp(1.1rem,2.6vw,2rem);left:clamp(1.1rem,2.6vw,2rem);transform:translateY(10px)}.story.is-ledger .story__ledger{opacity:1;transform:translateY(0)}.story__ledger b{color:var(--moon);font-weight:600}.story__ledger .is-gold{color:var(--string)}.story__ledger span[aria-hidden]{color:var(--dim)}.story__sound{z-index:44;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:42px;height:42px;color:var(--ash);cursor:pointer;background:#151b27e6;border:1px solid #e9e4d72e;border-radius:999px;place-items:center;transition:color .25s,border-color .25s;display:grid;position:fixed;bottom:clamp(1.1rem,2.6vw,2rem);right:clamp(1.1rem,2.6vw,2rem)}.story__sound:hover{color:var(--moon)}.story__sound[aria-pressed=true]{color:var(--string);border-color:#d9a84e80}.story__sound:focus-visible{outline:2px solid var(--string);outline-offset:3px}.ch{z-index:1;height:300vh;position:relative}.ch__stage{align-items:flex-end;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sc{pointer-events:none;position:absolute;inset:0}.sc__sky{background:radial-gradient(38% 30% at 76% 24%, #e9e4d717, transparent 62%), linear-gradient(180deg, #0c111a 0%, var(--night) 46%, #121824 100%);position:absolute;inset:0}.sc__moon{aspect-ratio:1;opacity:.82;filter:blur(.4px);background:radial-gradient(circle at 38% 34%,#efeade,#cfc9ba 58%,#9aa0ab);border-radius:50%;width:clamp(52px,7vw,94px);position:absolute;top:15%;right:17%;box-shadow:0 0 90px 26px #c8d2e221}.sc__clouds{filter:blur(6px);background:radial-gradient(60% 44% at 78% 34%,#96a3b829,#0000 70%),radial-gradient(48% 30% at 62% 52%,#7a849621,#0000 72%),radial-gradient(70% 26% at 90% 62%,#7a84961a,#0000 74%);height:34%;position:absolute;top:6%;left:0;right:0}.sc__range{width:100%;left:0;bottom:calc(100% - var(--ground));display:block;position:absolute}.sc__range path{fill:currentColor}.sc__range--far{color:#1b2331;opacity:.55;height:20%}.sc__range--mid{color:#161d29;opacity:.8;height:15%}.sc__range--near{color:#111722;height:10%}.sc__mesa{width:22%;left:33%;bottom:calc(100% - var(--ground));clip-path:polygon(6% 100%,14% 22%,34% 8%,66% 6%,88% 24%,96% 100%);background:linear-gradient(#2b3444 0%,#1b2331 58%,#141a24 100%);height:7%;position:absolute}.sc__mesa:after{content:"";background:linear-gradient(182deg,#b8af9c38 0%,#0000 26%);position:absolute;inset:0}.sc__ground{left:0;right:0;top:var(--ground);background:linear-gradient(#10151f 0%,#0c1017 100%);border-top:1px solid #e9e4d71f;position:absolute;bottom:0}.sc__lamp{aspect-ratio:1;background:radial-gradient(circle,#9eb0ca21,#0000 64%);border-radius:50%;width:min(62vw,880px);position:absolute;top:4%;right:6%;transform:translate(26%,-22%)}.ch--chord .sc__lamp{left:8%;right:auto;top:calc(var(--ground) - 26%);background:radial-gradient(circle,#d9a84e2b,#0000 66%);width:min(46vw,620px);transform:translate(-30%)}.sc__figure{color:#05070c;filter:drop-shadow(2px -1.5px #bacae0b8)drop-shadow(0 0 18px #96aac82e)}.ch--chord .sc__figure{filter:drop-shadow(-2px -1.5px #d9a84eb3)drop-shadow(0 0 16px #d9a84e33)}.ch--plain .sc__hero{left:63%;top:calc(var(--ground) - 34vh);width:auto;height:34vh;position:absolute}.st{width:var(--w,74px);height:var(--h,40px);transform:rotate(var(--r,0deg));background:linear-gradient(172deg,#97907f 0%,#6c6f77 16%,#3c4251 54%,#232936 100%);border-radius:2px;position:absolute;box-shadow:inset 1px 1px #e9e4d71a,inset -1px -2px #0006}.st:before{content:"";background:linear-gradient(#c7d2e280,#c7d2e214);width:2px;position:absolute;inset:0 0 0 auto}.ch--plain .st:after,.ch--hard .st:after{content:"";transform-origin:100% 100%;filter:blur(3px);pointer-events:none;background:linear-gradient(90deg,#00000080,#0000 88%);width:100%;height:9px;position:absolute;bottom:-1px;left:0;transform:skew(-64deg)scaleX(2.7)}.ch__copy{z-index:3;width:min(36rem,100%);opacity:clamp(0, calc((var(--p,0) - .06) * 6), 1);transform:translateY(calc((1 - clamp(0, calc((var(--p,0) - .06) * 6), 1)) * 22px));margin:0 0 clamp(4.6rem,11vh,7rem) clamp(1.4rem,6vw,6rem);transition:opacity .2s linear;position:relative}.ch__eyebrow{font-family:var(--font-label);letter-spacing:.42em;color:var(--string);margin-bottom:1.1rem;font-size:.74rem;display:inline-block}.ch__h{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--moon);margin:0 0 1.15rem;font-size:clamp(2.6rem,7vw,5rem);font-weight:500;line-height:1}.ch__line{color:var(--moon);margin:0 0 .7rem;font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1.42}.ch__sub{color:var(--ash);max-width:30rem;margin:0;font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.6}.ch--plain .st{bottom:calc(100% - var(--ground) - var(--b,0px))}.ch--hard .sc__figure{left:12%;top:calc(var(--ground) - 19vh);color:#0a0d14;height:19vh;transform:translateX(calc(var(--p,0) * 13vw));position:absolute}.ch--hard .st--pushed{left:12%;bottom:calc(100% - var(--ground));--w:86px;--h:52px;transform:translateX(calc(var(--p,0) * 13vw));margin-left:clamp(96px,14vh,158px)}.ch__days{z-index:3;text-align:right;font-family:var(--font-label);position:absolute;top:38%;right:clamp(1.4rem,6vw,6rem)}.ch__days-n{color:var(--slate);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1;display:block}.ch__days-l{letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-top:.5rem;font-size:.7rem;display:block}.ch--chord .sc__figure{left:16%;top:calc(var(--ground) - 20vh);color:#0a0d14;height:20vh;position:absolute}.ch--chord .lyre-frame{stroke:var(--string);opacity:.85}.ch--chord .lyre-string{stroke:var(--string);opacity:.5;transition:opacity .3s}.ch--chord.is-struck .lyre-string{animation:1.1s ease-out storyStringGlow}@keyframes storyStringGlow{0%{opacity:1}to{opacity:.5}}.sc__ripple{left:22%;top:calc(var(--ground) - 9vh);aspect-ratio:1;opacity:0;border:1px solid #d9a84e8c;border-radius:50%;width:26vmax;margin:-13vmax 0 0 -13vmax;position:absolute;transform:scale(.16)}.ch--chord.is-struck .sc__ripple{animation:1.5s cubic-bezier(.16,.84,.44,1) forwards storyRipple}.ch--chord.is-struck .sc__ripple--2{animation-delay:.16s}.ch--chord.is-struck .sc__ripple--3{animation-delay:.32s}@keyframes storyRipple{0%{opacity:.9;transform:scale(.16)}to{opacity:0;transform:scale(2.6)}}.sc__footing{left:52%;right:16%;top:calc(var(--ground) - 8vh);opacity:0;background:linear-gradient(90deg,#0000,#d9a84e6b,#0000);height:1px;transition:opacity .7s .15s;position:absolute}.ch--chord.is-struck .sc__footing{opacity:1}.st--rising{left:56%;bottom:calc(100% - var(--ground));--w:90px;--h:50px;transition:transform 1.15s cubic-bezier(.22,.9,.28,1) .12s,box-shadow .5s}.ch--chord.is-struck .st--rising{transform:translateY(-8vh);box-shadow:inset 1px 1px #e9e4d717,inset -1px -2px #0000005c,0 0 34px 6px #d9a84e6b}.ch--chord.is-struck .st--rising:after{content:"";border:1px solid #d9a84ecc;border-radius:3px;animation:1.4s ease-out 1.05s both storyLock;position:absolute;inset:-2px}@keyframes storyLock{0%{opacity:1}to{opacity:0}}.ch--gate{align-items:center;height:auto;min-height:100vh;padding:clamp(5rem,12vh,8rem) clamp(1.2rem,5vw,4rem) clamp(4rem,10vh,7rem);display:flex}.ch--gate .ch__copy{opacity:1;margin:0 0 2.6rem;transform:none}.gate{z-index:2;width:min(62rem,100%);margin:0 auto;position:relative}.gate__structure{position:relative}.gate__wall{opacity:.9;background:repeating-linear-gradient(#232a39 0 30px,#1a202c 30px 32px);border:1px solid #e9e4d717;width:clamp(28px,9vw,104px);position:absolute;top:0;bottom:0}.gate__wall--l{left:0}.gate__wall--r{right:0}.gate__opening{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151b27b8;border:1px solid #e9e4d71f;border-radius:4px;margin:0 clamp(34px,11vw,128px);padding:clamp(1.6rem,4vw,2.6rem);position:relative}.gate__arch{--radius:clamp(128px, 36vw, 391px);--vs-w:calc(var(--radius) * .245);--vs-h:clamp(20px, calc(var(--radius) * .16), 62px);height:calc(var(--radius) * .658 + var(--vs-h) / 2);margin:0 clamp(34px,11vw,128px);position:relative}.vs{left:50%;bottom:calc(var(--radius) * -.342);width:var(--vs-w);height:var(--vs-h);margin-left:calc(var(--vs-w) / -2);transform:translate(calc(var(--radius) * var(--sx)), calc(var(--radius) * -.342 + var(--sy))) rotate(var(--sr));opacity:.72;transition:transform .9s cubic-bezier(.2,.9,.25,1),opacity .6s,box-shadow .6s;transition-delay:calc(var(--i) * 55ms);background:linear-gradient(103deg,#2f3648,#1a202b);border-radius:2px;position:absolute;box-shadow:inset 1px 1px #e9e4d717}.story.is-built .vs{transform:rotate(var(--a)) translateY(calc(-1 * var(--radius)));opacity:1;box-shadow:inset 1px 1px #e9e4d71f,0 0 22px 2px #d9a84e47}.gate__form{gap:.9rem;display:grid}.gate__row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.gate__field{gap:.42rem;display:grid}.gate__field label{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.gate__field input,.gate__field textarea{width:100%;color:var(--moon);font-family:var(--font-body);background:#0f141eb3;border:1px solid #e9e4d729;border-radius:4px;padding:.8rem .9rem;font-size:.98rem;transition:border-color .2s,box-shadow .2s}.gate__field textarea{resize:vertical;min-height:104px}.gate__field input::placeholder,.gate__field textarea::placeholder{color:var(--dim)}.gate__field input:focus,.gate__field textarea:focus{border-color:var(--string);outline:none;box-shadow:0 0 0 3px #d9a84e29}.gate__submit{border:1px solid var(--string);background:var(--string);color:#17120a;font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-self:start;margin-top:.3rem;padding:.85rem 1.7rem;font-size:.76rem;transition:background .25s,color .25s,opacity .25s}.gate__submit:hover:not(:disabled){color:var(--string);background:0 0}.gate__submit:disabled{opacity:.55;cursor:default}.gate__submit:focus-visible{outline:2px solid var(--moon);outline-offset:3px}.gate__err{color:#e2a08a;margin:0;font-size:.9rem}.gate__done{opacity:0;gap:.6rem;padding:.6rem 0;transition:opacity .8s .5s,transform .8s .5s;display:grid;transform:translateY(10px)}.story.is-built .gate__done{opacity:1;transform:translateY(0)}.gate__done p{font-family:var(--font-display);color:var(--moon);margin:0;font-size:clamp(1.3rem,3vw,1.85rem)}.gate__done span{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--string);font-size:.72rem}.story.is-dawn .gate__opening{background:#3a282699;border-color:#f0c8784d}.story.is-dawn .ch__sub,.story.is-dawn .story__ledger{color:#e8d6c4}.story.is-dawn .story__ledger{background:#3a2826d1;border-color:#f0c8783d}@media (max-width:900px){.ch__days{top:clamp(4.2rem,10vh,6rem)}.gate__row{grid-template-columns:1fr}}@media (max-width:560px){.story{--ground:54%}.ch:not(.ch--gate){height:260vh}.ch__copy{width:auto;margin-left:1.3rem;margin-right:1.3rem}.ch__days-n{font-size:2.3rem}.gate__wall{width:16px}.gate__opening,.gate__arch{margin-left:26px;margin-right:26px}.story__skip{padding:.5rem .8rem;font-size:.64rem;left:auto;right:1.1rem}.story__sound{width:38px;height:38px}.story__ledger{padding:.5rem .7rem;font-size:.66rem}}@media (prefers-reduced-motion:reduce){.ch{height:auto;min-height:100vh}.ch__stage{height:auto;min-height:100vh;position:relative}.ch__copy{opacity:1;transform:none}.ch--hard .sc__figure,.ch--hard .st--pushed{transform:translate(13vw)}.ch--chord .sc__footing{opacity:1}.ch--chord .st--rising{transform:translateY(-8vh);box-shadow:inset 1px 1px #e9e4d717,inset -1px -2px #0000005c,0 0 34px 6px #d9a84e6b}.sc__ripple{display:none}.story__ledger{opacity:1;transform:none}.vs{transform:rotate(var(--a)) translateY(calc(-1 * var(--radius)));opacity:1}.story *,.story :before,.story :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}