/* Short, scroll-triggered motion. Content remains visible without JavaScript. */
.hero h1{animation:none}.brush-word{display:inline-block;white-space:nowrap}.brush-letter{display:inline-block}
.motion-ready:not(.intro-seen):not(.motion-reduced) .brush-letter{animation:brush-stroke .27s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(.12s + var(--stroke)*.065s)}
@keyframes brush-stroke{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:.1}45%{clip-path:polygon(0 0,75% 0,25% 100%,0 100%);opacity:1}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}
.hero-frame{border:0;clip-path:none;opacity:.6}.draw-square{display:block;width:100%;height:100%;overflow:visible}.draw-square path{fill:none;stroke:var(--orange);stroke-width:1;vector-effect:non-scaling-stroke}
.motion-ready:not(.intro-seen):not(.motion-reduced) .hero-frame path{stroke-dasharray:1 1;animation:frame-draw 1s .08s both ease-out}
@keyframes frame-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.hero-photo{animation:ambient-zoom 18s ease-out both}
@keyframes ambient-zoom{from{transform:scale(1.035)}to{transform:scale(1)}}
.paint-underline{position:relative;display:inline-block;padding-bottom:.1em}.paint-underline:after{content:'';position:absolute;left:1%;right:0;bottom:0;height:4px;background:var(--orange);clip-path:polygon(0 35%,70% 0,100% 45%,80% 65%,4% 100%);transform-origin:left;transform:scaleX(0);transition:transform .42s .12s cubic-bezier(.2,.7,.3,1)}.paint-underline.motion-visible:after{transform:scaleX(1)}
.motion-ready .photo-reveal img{clip-path:inset(45% 45%);filter:brightness(.55) saturate(.65);transition:clip-path .65s cubic-bezier(.2,.75,.3,1),filter .65s,transform .7s}
.motion-ready .photo-reveal.motion-visible img{clip-path:inset(0);filter:brightness(.8) saturate(.65)}.photo-grid figure:nth-child(2) img{transition-delay:.08s}.photo-grid figure:nth-child(3) img{transition-delay:.15s}.photo-grid figure:hover img{filter:brightness(1) saturate(.85)}
.elimination b{position:relative;width:max-content}.elimination span:first-child b:after{content:'';position:absolute;left:-4%;right:-4%;top:47%;height:4px;background:var(--orange);transform:rotate(-8deg) scaleX(0);transform-origin:left;clip-path:polygon(0 20%,100% 0,96% 80%,5% 100%);transition:transform .25s .15s}.elimination.motion-visible span:first-child b:after{transform:rotate(-8deg) scaleX(1)}
.elimination span:last-child b:after{content:'';position:absolute;inset:-4px -7px;border:1px solid var(--orange);transform:rotate(-3deg);clip-path:inset(0 100% 0 0);transition:clip-path .4s .35s}.elimination.motion-visible span:last-child b:after{clip-path:inset(0)}
.survival-track{display:flex;align-items:center;gap:25px;margin-top:38px}.survival-grid{display:grid;grid-template-columns:repeat(16,9px);gap:7px;min-height:16px;align-items:center}.survival-grid i{height:9px;width:9px;background:var(--orange);opacity:.8;transition:opacity .2s,transform .25s,box-shadow .25s}.survival-grid .eliminated{opacity:.08;transform:scale(.45) rotate(30deg)}.survival-grid .last-standing{opacity:1;box-shadow:0 0 14px #ff6a0080;transform:scale(1.35)}.survival-caption{font-size:9px;font-weight:bold;letter-spacing:.15em;color:var(--orange)}
.steps{position:relative;margin-top:40px;--step-progress:0%}.steps:before{content:'';position:absolute;left:0;top:-1px;height:2px;width:var(--step-progress);background:var(--orange);transition:width .35s ease-out;max-width:100%}.steps article>span{transition:color .3s}.steps article.step-active>span,.steps article.step-passed>span{color:var(--orange)}.steps article.step-active:before,.steps article.step-passed:before{background:var(--orange);box-shadow:0 0 12px #ff6a0070}.steps article.step-active h3{color:var(--orange);transition:color .3s}
.case-wrap{overflow:hidden}.motion-ready .case-wrap img{animation:none;transition:filter .85s ease,transform .85s ease;filter:brightness(.2) saturate(.5);transform:translateY(12px) scale(.98)}.case-wrap.motion-visible img{filter:brightness(1) saturate(1);transform:translateY(0) scale(1)}.case-wrap:after{content:'';position:absolute;inset:-15% -35%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 38%,#ff790030 48%,#ffd7a650 50%,transparent 59%);transform:translateX(-80%);mix-blend-mode:screen}.case-wrap.motion-visible:after{animation:case-light 1.15s .12s ease-out both}@keyframes case-light{0%{transform:translateX(-80%);opacity:0}20%{opacity:.7}80%{opacity:.3}100%{transform:translateX(80%);opacity:0}}
.motion-ready .prize-copy.motion-visible .amount{animation:prize-impact .38s cubic-bezier(.2,.8,.3,1) both}@keyframes prize-impact{0%{opacity:.2;transform:scale(.96)}65%{opacity:1;transform:scale(1.015)}100%{transform:scale(1)}}
.button{position:relative;isolation:isolate;overflow:hidden}.button-trace{position:absolute;inset:4px;pointer-events:none;border:1px solid currentColor;clip-path:polygon(0 0,0 0,0 0);opacity:.65;transition:clip-path .4s ease-out}.button:hover .button-trace,.button:focus-visible .button-trace{clip-path:polygon(0 0,200% 0,0 200%)}.button>span:not(.button-trace){transition:transform .2s}.button:hover>span:not(.button-trace){transform:translate(3px,-2px)}.button:active{transform:translateY(1px) scale(.985)}
.final:before{display:none}.final{isolation:isolate}.final-frame{position:absolute;inset:40px max(6%,calc((100% - 700px)/2));z-index:-1;transform:rotate(-3deg);opacity:.45;pointer-events:none}.motion-ready .final-frame path{stroke-dasharray:1 1;stroke-dashoffset:1}.final.motion-visible .final-frame path{animation:frame-draw .8s both ease-out}.final.motion-visible>.button{animation:cta-arrive .35s .5s both}@keyframes cta-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.sparks{opacity:.3}.sparks i{animation-duration:12s}
@media(max-width:760px){.hero-photo{animation-duration:10s}.hero-frame{opacity:.35}.survival-track{gap:15px;flex-wrap:wrap;margin-top:28px}.survival-grid{grid-template-columns:repeat(16,7px);gap:6px}.survival-grid i{width:7px;height:7px}.steps:before{top:0;left:-1px;width:2px;height:var(--step-progress);max-height:100%;transition:height .25s}.steps{margin-top:30px}.motion-ready .photo-reveal img{transition-duration:.4s}.final-frame{inset:30px 7%}.case-wrap img{transition-duration:.5s}.case-wrap.motion-visible:after{animation-duration:.65s}}
/* Dynamic preference changes restore every reveal and disable all motion. */
.motion-reduced .brush-letter,.motion-reduced .photo-reveal img,.motion-reduced .case-wrap img{clip-path:none!important;opacity:1!important;transform:none!important;filter:none!important}.motion-reduced .draw-square path{stroke-dashoffset:0!important}.motion-reduced .paint-underline:after{transform:scaleX(1)}.motion-reduced .case-wrap:after{display:none}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important}.motion-reduced{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brush-letter,.motion-ready .photo-reveal img,.case-wrap img{clip-path:none!important;opacity:1!important;transform:none!important;filter:none!important}.draw-square path{stroke-dashoffset:0!important}.paint-underline:after{transform:scaleX(1)}.case-wrap:after{display:none}}
