.scroll-page{--bg:var(--amber-950);--card-gap:clamp(46px, 7svh, 76px);--card-max:80svh;--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:300svh;position:relative}.stage{--p:0;--card: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:auto 1fr auto;justify-items:center;padding-bottom:40px;display:grid}.stage-brand{color:var(--amber-50);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;opacity:calc(1 - min(1, var(--p) * 2.4));justify-self:start;padding:clamp(20px,3.4vw,40px);font-size:clamp(13px,1.1vw,15px);font-weight:600}.stage-cover-centre{align-self:center;justify-items:center;gap:clamp(14px,2vw,26px);display:grid}.stage-eyebrow{color:#fbf6ecd1;font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;text-shadow:0 2px 20px #1a0e08b3;opacity:calc(1 - min(1, var(--p) * 3));margin:0;font-size:clamp(10px,.95vw,13px);font-weight:500}.stage-title{color:#fff;font-family:var(--font-display);letter-spacing:-.01em;text-shadow:0 8px 60px #1a0e0880;margin:0;font-size:clamp(64px,15vw,200px);font-weight:700;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:#fbf6ecc7;letter-spacing:.22em;text-transform:uppercase;opacity:calc(1 - min(1, var(--p) * 3));justify-items:center;gap:10px;margin:0;font-size:11px;font-weight:600;display:grid}.stage-hint-arrow{width:11px;height:20px;color:var(--accent)}.stage-mark{--mp:clamp(0, (var(--p) - .55) / .3, 1);--wp:clamp(0, (var(--p) - .64) / .3, 1);--mo:calc(clamp(0, 1 - var(--sheet) * 3, 1) * clamp(0, 1 - var(--card) * 2.2, 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-display);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-card-scrim{z-index:13;opacity:var(--card);pointer-events:none;background:#0a050266;grid-area:1/1/-1/-1}.stage-card{z-index:14;padding:var(--card-gap) clamp(14px, 6vw, 90px);transform:translateY(calc((1 - var(--card)) * 100svh));pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.stage-card-inner{width:100%;max-width:1240px;height:auto;max-height:min(var(--card-max), calc(100svh - 2 * var(--card-gap)));overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(90% 70% at 50% 42%,#96521e6b,#0000 70%),#5a290cf0;border-radius:22px;padding:clamp(28px,3.4vw,46px) clamp(24px,3.4vw,52px) clamp(36px,4.2vw,58px);overflow:hidden;box-shadow:0 -30px 90px #00000080,inset 0 2px #ffe1be17}.stage-card-inner[data-overflows=true]{overflow-y:auto}.stage[data-card=open] .stage-card{pointer-events:auto}.stage-card-title{color:#fff;max-width:40ch;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;border-bottom:1px solid #ffe4c429;margin:0 0 clamp(16px,1.8vw,24px);padding-bottom:clamp(13px,1.5vw,20px);font-size:clamp(21px,4vw,34px);font-weight:400;line-height:1.18}.stage-card-title-lean{transform-origin:0 100%;display:inline-block;transform:skew(-4deg)}.stage-card-body{color:#fff4e8e0;font-family:var(--font-display);gap:clamp(11px,1.15vw,17px);font-size:15px;line-height:1.62;display:grid}.stage-card-body p{margin:0}.stage-card-hint{z-index:16;height:var(--card-gap);color:#fbf0e2b8;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;opacity:calc(min(1, max(0, var(--card) * 2 - 1)) * (1 - min(1, var(--sheet) * 5)));pointer-events:none;justify-content:center;align-items:center;gap:9px;margin:0;font-size:10.5px;font-weight:600;display:flex;position:absolute;inset:auto 0 0}.stage-card-hint svg{width:10px;height:18px;color:var(--accent)}.stage-scrim{z-index:15;opacity:var(--sheet);pointer-events:none;background:#0c0603b8;grid-area:1/1/-1/-1}.stage-sheet{z-index:20;min-height:86svh;transform:translateY(calc((1 - var(--sheet)) * 100%));pointer-events:none;background:radial-gradient(70% 80% at 42% 78%,#783e1480,#0000 68%),#0d0906;border-top:1px solid #e9bc6e24;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-inner{grid-template-columns:1.15fr .85fr;align-self:center;align-items:center;gap:clamp(32px,6vw,84px);width:100%;max-width:1180px;margin:0 auto;padding:48px clamp(24px,6vw,80px) 40px;display:grid}.stage-sheet-intro{justify-items:start;display:grid}.stage-sheet-mark{width:84px;height:auto;filter:drop-shadow(0 8px 28px var(--glow))}.stage-sheet-word{color:#fff;font-family:var(--font-display);letter-spacing:-.005em;margin-top:24px;font-size:clamp(34px,3.2vw,46px);font-weight:400;line-height:1}.stage-sheet-eyebrow{color:#cc7c2e;letter-spacing:.2em;text-transform:uppercase;margin:26px 0 18px;font-size:11px;font-weight:600}.stage-sheet-title{color:#fff;font-family:var(--font-display);letter-spacing:-.015em;text-wrap:nowrap;margin:0;font-size:clamp(34px,4.4vw,62px);font-weight:400;line-height:1.04}.stage-sheet-form{padding-left:0}.stage-sheet .form{gap:22px}.stage-sheet .field label{color:#f6ece0b8;letter-spacing:.14em;font-size:11px}.stage-sheet .field input{background:#ffffff05;border-color:#e9bc6e29;border-radius:10px;padding:19px 18px}.stage-sheet .form-submit{color:#140b04;letter-spacing:.12em;text-transform:uppercase;background:#cc7c2e;border-radius:999px;margin-top:18px;padding:20px 30px;font-size:13px;font-weight:600;box-shadow:0 0 34px #cc7c2e80,0 8px 26px #0006}.stage-sheet .form-submit:hover:not(:disabled){background:#dd8a37;box-shadow:0 0 46px #cc7c2e9e,0 10px 30px #00000073}.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{color:#cc7c2e;font-family:var(--font-display);letter-spacing:.01em}@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-inner{grid-template-columns:1fr 1fr;justify-items:stretch;gap:28px;max-width:840px}.stage-sheet-intro{text-align:left;align-self:center;justify-items:start}.stage-sheet-mark{display:none}.stage-sheet-word{margin-top:0;font-size:30px}.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}.scroll-page{--card-gap:40px;--card-max:95svh}.stage-card{padding:var(--card-gap) 10px}.stage-card-inner{border-radius:18px;padding:26px 22px}.stage-card-title{max-width:none;margin-bottom:14px;padding-bottom:13px;font-size:21px}.stage-card-body{gap:10px;line-height:1.55}}@media (max-height:940px){.stage-card-body{gap:13px}.stage-card-inner{padding-top:clamp(22px,3vw,38px);padding-bottom:clamp(30px,3.8vw,50px)}}@media (max-height:560px){.scroll-page{--card-gap:26px;--card-max:92svh}.stage-card-title{margin-bottom:11px;padding-bottom:10px;font-size:19px}}@media (prefers-reduced-motion:reduce){.scrub{height:100svh}}