.scroll-page{--bg:var(--amber-950);--cols:5;--slide-w:17%;--slide-h:56svh;--gap:2vw;--radius:23vw;--inset-y:calc((100svh - var(--slide-h)) / 2);--inset-x:calc((100% - var(--slide-w)) / 2);--depth:600px;--img-base:#241409;background:var(--bg)}.scrub{height:380svh;position:relative}.stage{--p:0;--sheet:0;grid-template-rows:1fr;grid-template-columns:1fr;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.stage-slides{grid-area:1/1/-1/-1;grid-template-columns:repeat(var(--cols), var(--slide-w));gap:var(--gap);perspective:1000px;pointer-events:none;place-content:center;align-items:center;height:100%;display:grid}.stage-slide{--sp:0;height:var(--slide-h);border-radius:var(--radius);opacity:var(--sp);transform:translateZ(calc((1 - var(--sp)) * var(--depth)));overflow:hidden}.stage-slide[data-centre]{opacity:0}.stage-slide-img{background-color:var(--img-base);background-blend-mode:lighten;background-position:50%;background-size:cover;width:100%;height:100%}.stage-clip{clip-path:inset(calc(var(--p) * var(--inset-y)) calc(var(--p) * var(--inset-x)) round calc(var(--p) * var(--radius)));grid-area:1/1/-1/-1;display:grid}.stage[data-active=true] .stage-clip{will-change:clip-path}.stage-clip-img{background-color:var(--img-base);background-blend-mode:lighten;width:100%;height:100%;transform:scale(calc(1 - .2 * var(--p)));background-position:50%;background-size:cover}.stage-cover{z-index:10;pointer-events:none;grid-area:1/1/-1/-1;grid-template-rows:1fr auto;justify-items:center;padding-bottom:40px;display:grid}.stage-title{color:var(--amber-50);font-family:var(--font-ui), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.02em;text-shadow:0 8px 60px #1a0e0880;align-self:center;margin:0;font-size:clamp(64px,15vw,200px);font-weight:500;line-height:1;display:flex}.stage-char{--cp:0;transform:scaleY(calc(1 - var(--cp)));transform-origin:50% 100%;display:inline-block}.stage-hint{color:var(--amber-200);letter-spacing:.2em;text-transform:uppercase;opacity:calc(1 - min(1, var(--p) * 3));margin:0;font-size:12px;font-weight:600}.stage-mark{--mp:clamp(0, (var(--p) - .55) / .3, 1);--wp:clamp(0, (var(--p) - .64) / .3, 1);--mo:clamp(0, 1 - var(--sheet) * 3, 1);z-index:12;opacity:var(--mo);pointer-events:none;grid-area:1/1/-1/-1;place-self:start;align-items:center;gap:clamp(10px,.9vw,14px);padding:clamp(20px,3.4vw,40px);display:flex}.stage-mark-img{width:clamp(34px,3.4vw,46px);height:auto;filter:drop-shadow(0 6px 22px var(--glow));opacity:var(--mp);transform:translateY(calc((1 - var(--mp)) * -12px)) scale(calc(.86 + .14 * var(--mp)));transform-origin:50%;display:block}.stage-mark-word{color:var(--amber-50);font-family:var(--font-ui), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.02em;opacity:var(--wp);transform:translateY(calc((1 - var(--wp)) * -12px));font-size:clamp(17px,1.5vw,21px);font-weight:500;line-height:1}.stage-scrim{z-index:15;opacity:var(--sheet);pointer-events:none;background:#0c0603b8;grid-area:1/1/-1/-1}.stage-sheet{z-index:20;border-top:1px solid var(--hair);min-height:86svh;transform:translateY(calc((1 - var(--sheet)) * 100%));pointer-events:none;background:radial-gradient(120% 60% at 50% 0,#a85b1838,#0000 62%),linear-gradient(#241408 0%,#180d05 100%);border-radius:40px 40px 0 0;grid-template-rows:1fr auto;display:grid;position:absolute;inset:auto 0 0;box-shadow:0 -30px 90px #0009}.stage[data-sheet=open] .stage-sheet{pointer-events:auto}.stage-sheet:before{content:"";background:var(--hair);border-radius:2px;width:44px;height:4px;margin-left:-22px;position:absolute;top:16px;left:50%}.stage-sheet-inner{grid-template-columns:1fr 1fr;align-self:center;align-items:center;gap:clamp(32px,6vw,72px);width:100%;max-width:940px;margin:0 auto;padding:48px clamp(24px,5vw,48px) 40px;display:grid}.stage-sheet-intro{justify-items:start;display:grid}.stage-sheet-mark{width:104px;height:auto;filter:drop-shadow(0 8px 28px var(--glow))}.stage-sheet-word{color:var(--amber-50);font-family:var(--font-ui), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.01em;margin-top:20px;font-size:38px;font-weight:500;line-height:1}.stage-sheet-eyebrow{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin:22px 0 10px;font-size:12px;font-weight:600}.stage-sheet-title{color:var(--amber-50);font-family:var(--font-display), Georgia, serif;margin:0;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.02}.stage-sheet-form{border-left:1px solid var(--hair);padding-left:clamp(28px,5vw,60px)}.stage-sheet .form{gap:20px}.stage-sheet .field input{padding:16px}.stage-sheet .form-submit{margin-top:12px;padding:17px 30px}.stage-sheet-foot{border-top:1px solid var(--hair);color:#a4907cbf;justify-content:space-between;gap:20px;width:100%;max-width:940px;margin:0 auto;padding:18px clamp(24px,5vw,48px) 26px;font-size:13px;display:flex}.stage-sheet-beats{font-family:var(--font-display), Georgia, serif;letter-spacing:.01em;font-style:italic}@media (max-width:900px){.stage-sheet-inner{grid-template-columns:1fr;justify-items:center;gap:30px;max-width:460px}.stage-sheet-intro{text-align:center;justify-items:center}.stage-sheet-form{border-left:0;width:100%;padding-left:0}.stage-sheet-foot{max-width:460px;font-size:12px}.stage-sheet-mark{width:72px}.stage-sheet-word{margin-top:14px;font-size:30px}.stage-sheet-eyebrow{margin:16px 0 8px}.stage-sheet-title{font-size:clamp(28px,7vw,36px)}.stage-sheet .form{gap:16px}.stage-sheet .field input{padding:13px 15px}}@media (max-height:760px){.stage-sheet-inner{padding:32px clamp(24px,5vw,48px) 26px}.stage-sheet-mark{width:54px}.stage-sheet-title{font-size:clamp(26px,3vw,34px)}.stage-sheet .form{gap:12px}.stage-sheet .field input{padding:11px 14px}.stage-sheet .form-submit{padding:13px 28px}}@media (max-height:560px){.stage-sheet{min-height:94svh}.stage-sheet-inner{padding:24px clamp(24px,5vw,48px) 20px}.stage-sheet-mark{width:42px}.stage-sheet-eyebrow,.stage-sheet-title,.stage-sheet-foot{display:none}.stage-sheet .field label{font-size:11px}}@media (max-width:700px){.scroll-page{--cols:3;--slide-w:30%;--slide-h:34svh;--gap:2.5vw;--radius:14vw;--depth:400px}.stage-slide:first-child,.stage-slide:last-child{display:none}}@media (prefers-reduced-motion:reduce){.scrub{height:100svh}}
