.hero-v2{--story-progress:0;--opening:0;--focus:0;--family:0;--curtain-shift:34%;--actor-x:0px;--actor-y:90px;--actor-turn:-5deg;--world-scale:1;--world-y:0px;--intro-opacity:1;--intro-y:0px;--interlude-opacity:0;--interlude-y:55px;--shadow-offset:20px;--shadow-size:1.15;--beam-turn:23deg;--moon-scale:.92;--world-opacity:1;--left-gesture:0deg;--right-gesture:0deg;--head-gesture:-7deg;height:300svh}.hero-v2 .hero-sticky{--look-x:0;--look-y:0;background:#100b17;height:100svh;min-height:0}.theatre-wall{background:radial-gradient(at 66% 44%,#51415e 0%,#2a1d35 37%,#100c17 75%);position:absolute;inset:0}.stage-world{transform:translateY(var(--world-y)) scale(var(--world-scale));transform-origin:68% 58%;opacity:var(--world-opacity);will-change:transform;position:absolute;inset:0}.hero-v2 .theatre-arch{border:2px solid #927b9f22;border-radius:50% 50% 0 0;width:51%;height:107%;top:7%;left:40%;transform:none;box-shadow:0 0 0 22px #15101d,0 0 0 23px #a18aaa21,0 0 0 50px #1d1526,0 0 0 51px #a18aaa18,0 0 0 77px #1c142400,0 0 0 78px #cbb5dd0d}.arch-inside{background:repeating-conic-gradient(from 240deg at 50% 20%,#0000 0deg 14deg,#b39ac105 15deg,#0000 16deg 24deg);border:1px solid #bca5d01f;border-radius:50% 50% 0 0;width:45%;height:102%;position:absolute;top:10%;left:43%;box-shadow:inset 0 0 100px #08050e99}.hero-v2 .moon{width:min(34vw,490px);height:min(34vw,490px);transform:translate(calc(var(--look-x)*-9px),calc(var(--look-y)*-9px)) scale(var(--moon-scale));opacity:.96;background:radial-gradient(circle at 40% 32%,#e1d5ec,#b8a8ca 43%,#7c688e 85%);top:17%;left:50%;box-shadow:0 0 100px #c1a5df24,inset -20px -15px 75px #59416e66}.hero-v2 .moon:after{content:"";border:1px solid #cbb4dd30;border-radius:50%;position:absolute;inset:-13px}.hero-v2 .spotlight-one{width:44%;height:145%;transform:rotate(var(--beam-turn));z-index:1;background:linear-gradient(#cbb7e326,#d5c3e30a 60%,#0000);animation:none;top:-30%;left:40%}.hero-v2 .spotlight-two{opacity:.4;background:linear-gradient(#b9a0d41f,#0000);width:33%;top:-20%;left:81%}.scene-orbit{width:42%;height:66%;opacity:var(--focus);border:1px dashed #c6abdf2a;border-radius:50%;position:absolute;top:14%;left:46%;transform:rotate(-22deg)scaleX(.84)}.hero-v2 .hero-actor{width:43%;height:86%;transform:translate(var(--actor-x),var(--actor-y)) rotate(var(--actor-turn));transform-origin:50% 85%;z-index:5;will-change:transform;cursor:pointer;top:9%;left:43%}.hero-v2 .hero-actor>.puppet{filter:drop-shadow(0 9px 10px #05020a66)drop-shadow(0 0 1px #bfa1d455);width:100%;height:100%}.hero-v2 .hero-actor:hover>.puppet{filter:drop-shadow(0 9px 10px #05020a66)drop-shadow(0 0 3px #bfa1d455)}.hero-v2 .shadow-actor{width:46%;height:91%;transform:translate(calc(var(--actor-x) + var(--shadow-offset)),calc(var(--actor-y) - 15px)) rotate(-15deg) scaleX(var(--shadow-size));transform-origin:50% 83%;color:#09050fc2;filter:blur(3px);opacity:.65;z-index:2;pointer-events:none;animation:none;top:10%;left:44%}.hero-v2 .stage-floor{z-index:3;background:radial-gradient(at 62% 10%,#9e7cb82b,#25172f 44%,#110b18 80%);height:21%;bottom:-5%}.hero-v2 .stage-rings{z-index:4;border-color:#ccb3e223;width:56%;height:9%;bottom:5%;left:37%;transform:rotate(-4deg);box-shadow:0 0 0 22px #b9bcff03,0 0 0 23px #b9bcff08}.stage-curtain{z-index:10;pointer-events:none;will-change:transform;background:repeating-linear-gradient(92deg,#100a18 0%,#28172f 4%,#4b2b4b 7%,#301a36 10%,#170d20 14%,#392140 18%,#211129 22%);width:56%;position:absolute;top:0;bottom:-5%;box-shadow:inset -25px 0 60px #0009,15px 0 35px #0008}.stage-curtain:before{content:"";background:linear-gradient(#0d0712cc,#0000 25%,#5931570c 58%,#0d07125c 100%);position:absolute;inset:0}.stage-curtain:after{content:"";background:linear-gradient(90deg,#302035,#b18fa854,#221029);border-left:1px solid #cf9bc727;width:5px;position:absolute;top:0;bottom:0;right:0}.stage-curtain-left{transform:translateX(calc(var(--curtain-shift)*-1));border-radius:0 0 15%;left:-1px}.stage-curtain-right{transform:translateX(var(--curtain-shift)) scaleX(-1);border-radius:0 0 15%;right:-1px}.curtain-hems{opacity:.5;background:repeating-linear-gradient(90deg,#5b3c59 0 2px,#301b34 2px 7px);border-top:1px solid #cba8c33b;border-bottom:1px solid #cba8c327;height:14px;position:absolute;bottom:2%;left:0;right:0}.curtain-valance{z-index:13;clip-path:polygon(0 0,100% 0,100% 62%,91% 80%,82% 61%,72% 89%,62% 66%,50% 98%,38% 66%,28% 89%,18% 61%,9% 80%,0 62%);height:135px;transform:translateY(calc(var(--opening)*-80px));pointer-events:none;background:radial-gradient(at 50% 0,#3f2445,#160d20 65%);position:absolute;top:-35px;left:-5%;right:-5%;box-shadow:0 10px 30px #0006}.hero-v2 .hero-copy{z-index:16;max-width:58%;opacity:var(--intro-opacity);transform:translateY(var(--intro-y));pointer-events:var(--intro-events,auto);top:28%;left:8.5%}.hero-v2 .hero-copy h1{text-shadow:0 2px 30px #11091866;margin-top:26px;font-size:clamp(70px,7.1vw,114px);line-height:1.03}.hero-v2 .hero-description{color:#b8a8c4;font-size:12px;line-height:1.9}.hero-v2 .hero-link{color:var(--ink);background:0 0;border-radius:0;padding:12px 0;font-weight:400}.hero-interlude{z-index:8;max-width:36%;opacity:var(--interlude-opacity);transform:translateY(var(--interlude-y));pointer-events:var(--interlude-events,none);position:absolute;top:31%;left:8.5%}.hero-interlude h2{text-shadow:0 3px 30px #130a1c;margin:25px 0;font-size:clamp(62px,6.3vw,100px)}.hero-interlude p{color:#c1b1ce;font-size:12px;line-height:1.8}.hero-interlude .text-link{margin-top:15px}.hero-v2 .actor-caption{z-index:17;opacity:calc(.5 + var(--opening)*.5);border-right:1px solid #b19bc447;padding-right:15px;bottom:20%;right:6%}.hero-v2 .hero-bottom{z-index:20;color:#bba7ca;gap:30px;bottom:29px;left:4.2%;right:4.2%}.scene-scroll-hint{align-items:center;gap:11px;font-size:8px;display:flex}.scene-scroll-hint i{border:1px solid #b9a1d27a;border-radius:9px;width:12px;height:20px;display:block;position:relative}.scene-scroll-hint i:after{content:"";background:#d2bce3;width:2px;height:5px;animation:2s ease-in-out infinite scroll-indicator;position:absolute;top:4px;left:4px}.scene-chapters{gap:35px;display:flex}.scene-chapters button{color:#8e7a9f;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:10px;padding:10px 0;font-size:9px;transition:color .3s,border-color .3s;display:flex}.scene-chapters button>span{opacity:.6;font-size:8px}.scene-chapters button.active{color:#e4d1ee;border-bottom-color:#c7a5df66}.scene-counter{letter-spacing:.14em;color:#8b759c;font-size:7px}.scene-progress{z-index:23;width:100%;height:2px;transform:scaleX(var(--story-progress));transform-origin:0;background:#cdb2e4;position:absolute;bottom:0;left:0;box-shadow:0 0 12px #c0a5e044}.supporting-actor{z-index:3;width:25%;height:62%;opacity:calc(var(--family)*.78);pointer-events:none;filter:drop-shadow(0 8px 15px #0009);transform:translateY(calc((1 - var(--family))*120px)) rotate(-7deg);position:absolute;top:37%}.supporting-oracle{--left-gesture:14deg;--right-gesture:-9deg;--head-gesture:6deg;left:22%}.supporting-moth{transform:translateY(calc((1 - var(--family))*120px)) rotate(8deg);--left-gesture:-12deg;--right-gesture:17deg;--head-gesture:-7deg;left:72%}.supporting-actor .puppet{width:100%;height:100%}.inheritance-threads{z-index:2;fill:none;stroke:#c8a7dc;stroke-width:.8px;width:100%;height:100%;opacity:calc(var(--family)*.5);pointer-events:none;position:absolute;inset:0}.inheritance-threads path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--family))}.inheritance-threads circle{fill:#c8a7dc;stroke:none}.motion-toggle{color:#c8b6dc;background:#23192b88;border:1px solid #b79dcd40;border-radius:50%;place-items:center;width:30px;height:30px;padding:6px;display:grid}.motion-toggle svg{fill:currentColor;width:13px;height:13px}.motion-toggle:hover{background:#b9bcff24}.motion-toggle[aria-pressed=true]{color:#f0d3fe;border-color:#d4b5ea}@keyframes scroll-indicator{0%,to{opacity:.4;translate:0}50%{opacity:1;translate:0 5px}}@media (min-width:1600px){.hero-v2 .hero-copy,.hero-interlude{left:12%}}@media (max-width:1100px){.scene-chapters{gap:22px}.scene-counter{display:none}.hero-v2 .hero-copy h1{font-size:80px}.hero-v2 .hero-copy{left:7%}.hero-v2 .hero-description{font-size:11px}.hero-interlude{left:7%}.hero-interlude h2{font-size:76px}.hero-v2 .hero-actor{width:48%;left:42%}}@media (max-width:760px){.hero-v2{height:280svh}.hero-v2 .hero-sticky{height:100svh;min-height:0}.hero-v2 .hero-copy{max-width:none;top:16%;left:7%;right:7%}.hero-v2 .hero-copy h1{margin:20px 0;font-size:clamp(52px,10vw,69px);line-height:1.03}.hero-v2 .hero-description{margin-bottom:22px;font-size:10px}.hero-v2 .hero-link{margin:0;font-size:8px}.hero-v2 .hero-actor{width:92%;height:69%;transform:translate(var(--actor-x),var(--actor-y)) rotate(var(--actor-turn));top:32%;left:3%}.hero-v2 .moon{width:68vw;max-width:none;height:68vw;max-height:none;top:46%;left:22%}.hero-v2 .shadow-actor{width:100%;height:75%;transform:translate(calc(var(--actor-x) + var(--shadow-offset)*.4),var(--actor-y)) rotate(-13deg) scaleX(var(--shadow-size));opacity:.55;top:34%;left:1%}.stage-world{transform-origin:60% 70%}.hero-v2 .theatre-arch{width:83%;height:75%;top:35%;left:14%}.arch-inside{width:75%;height:70%;top:38%;left:18%}.stage-curtain{background:repeating-linear-gradient(92deg,#140b1b 0%,#301b37 7%,#4a2a4b 12%,#28152f 17%,#160c1e 23%);width:57%}.curtain-valance{height:110px;top:-30px}.hero-v2 .stage-floor{height:15%;bottom:-3%}.hero-v2 .stage-rings{width:90%;height:5%;bottom:5%;left:10%}.hero-v2 .spotlight-one{width:75%;left:15%}.hero-v2 .spotlight-two{width:55%;left:75%}.hero-interlude{max-width:75%;top:14%;left:7%}.hero-interlude h2{margin:20px 0 15px;font-size:59px;line-height:1}.hero-interlude p{font-size:10px}.hero-interlude .text-link{margin-top:7px;padding-top:10px;font-size:9px}.hero-v2 .hero-bottom{display:block;bottom:19px;left:7%;right:7%}.scene-chapters{justify-content:space-between;gap:8px}.scene-chapters button{gap:5px;padding:12px 0;font-size:7px}.scene-chapters button>span{font-size:6px}.scene-scroll-hint{opacity:.7;gap:7px;font-size:7px;position:absolute;bottom:59px;left:0}.scene-scroll-hint i{width:10px;height:16px}.scene-scroll-hint i:after{height:4px;left:3px}.supporting-actor{width:60%;height:49%;top:49%}.supporting-oracle{left:-23%}.supporting-moth{left:66%}.scene-orbit{width:95%;height:42%;top:43%;left:7%}.hero-v2 .actor-caption{display:none}.inheritance-threads{opacity:calc(var(--family)*.3)}.header-actions{gap:10px}.motion-toggle{width:27px;height:27px;padding:5px}.header{gap:12px}.hero-v2 .eyebrow{letter-spacing:.13em;font-size:7px}}@media (max-width:380px){.scene-chapters button{font-size:6px}.hero-v2 .hero-copy h1{font-size:49px}.hero-v2 .hero-link{font-size:7px}.header{padding-left:5%;padding-right:5%}.wallet-button{gap:7px;padding:9px;font-size:8px}.hero-interlude h2{font-size:52px}}html[data-motion=off] .hero-v2{height:110svh}html[data-motion=off] .hero-v2 .stage-curtain-left{transform:translate(-110%)}html[data-motion=off] .hero-v2 .stage-curtain-right{transform:translate(110%)scaleX(-1)}html[data-motion=off] .hero-v2 .curtain-valance{transform:translateY(-80px)}html[data-motion=off] .hero-v2 .hero-copy{opacity:1;pointer-events:auto;transform:none}html[data-motion=off] .hero-v2 .hero-interlude,html[data-motion=off] .hero-v2 .supporting-actor,html[data-motion=off] .hero-v2 .scene-chapters{display:none}html[data-motion=off] .hero-v2 .stage-world{opacity:1;transform:none}html[data-motion=off] .hero-v2 .hero-actor{transform:none!important}html[data-motion=off] .hero-v2 .scene-progress{display:none}.hero-interlude{pointer-events:none}.hero-interlude .text-link{pointer-events:var(--interlude-events,none)}.hero-v2 .actor-caption{opacity:calc(1 - var(--family))}@media (min-width:761px){.hero-v2 .supporting-actor{width:22%;height:43%;top:55%}.hero-v2 .supporting-oracle{left:26%}.hero-v2 .supporting-moth{left:77%}}
