:root{--bg: #0b0a08;--ink: #fff7ea;--ink-dim: rgba(255, 247, 234, .72);--orange: #ff7a1a;--yellow: #ffc81f;--hazard-dark: #16140f;--px: 0;--py: 0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.stage{position:relative;width:100%;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}.bg{position:absolute;inset:-4%;z-index:-3;transform:translate(calc(var(--px) * -24px),calc(var(--py) * -16px));transition:transform .4s ease-out}.capsule{width:100%;height:100%;object-fit:cover;display:block;animation:kenburns 24s ease-in-out infinite alternate,reveal 1.6s ease-out both}.capsule-fallback{background:radial-gradient(ellipse at 30% 70%,rgba(255,122,26,.35),transparent 55%),radial-gradient(ellipse at 75% 25%,rgba(255,200,31,.2),transparent 50%),repeating-linear-gradient(90deg,#1a1712 0 120px,#15130f 120px 240px),#120f0b}@keyframes kenburns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.14) translate(-1.5%,-1%)}}@keyframes reveal{0%{filter:brightness(0) blur(8px)}to{filter:brightness(1) blur(0)}}.vignette{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(0,0,0,.75) 100%),linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 45%);pointer-events:none}.scanlines{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;pointer-events:none}.spotlight{position:absolute;top:-30%;width:55vmax;height:140%;z-index:-2;background:linear-gradient(to bottom,#ffe6aa47,#ffc87800 75%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);mix-blend-mode:screen;filter:blur(10px);transform-origin:50% 0;pointer-events:none;display:none}.spotlight-a{left:-10%;animation:sweep-a 9s ease-in-out infinite alternate}.spotlight-b{right:-10%;animation:sweep-b 11s ease-in-out infinite alternate}@keyframes sweep-a{0%{transform:rotate(-28deg)}to{transform:rotate(14deg)}}@keyframes sweep-b{0%{transform:rotate(26deg)}to{transform:rotate(-12deg)}}.sparks{position:absolute;inset:0;z-index:-1;pointer-events:none;display:none}.spark{position:absolute;bottom:-10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px 2px #ff9628cc;opacity:0;animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;display:none}@keyframes rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}80%{opacity:.6}to{transform:translate(var(--drift),-105vh);opacity:0}}.hazard{position:absolute;left:-5%;width:110%;height:14px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 18px,var(--hazard-dark) 18px 36px);background-size:51px 100%;box-shadow:0 0 24px #0009;z-index:2;display:none}.hazard-top{top:0;transform:translateY(-100%);animation:hazard-scroll 1.6s linear infinite,tape-in .7s .2s cubic-bezier(.2,.9,.3,1.2) forwards}.hazard-bottom{bottom:0;transform:translateY(100%);animation:hazard-scroll 1.6s linear infinite reverse,tape-in .7s .3s cubic-bezier(.2,.9,.3,1.2) forwards}@keyframes hazard-scroll{to{background-position:51px 0}}@keyframes tape-in{to{transform:translateY(0)}}.sprite-layer{position:absolute;z-index:0;pointer-events:none;transition:transform .4s ease-out}.sprite-img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}.forklift-left{left:-2%;top:14%;width:clamp(400px,48vw,800px);transform:translate(calc(var(--px) * 40px),calc(var(--py) * 28px))}.forklift-left .sprite-enter{animation:enter-left 1.1s .9s cubic-bezier(.2,1.25,.35,1) both}.forklift-left .sprite-img{transform-origin:60% 50%;animation:hover 3.4s 2s ease-in-out infinite}@keyframes enter-left{0%{opacity:0;transform:translate(-130%,35%) rotate(-14deg)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes hover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(-2.5deg)}}.forklift-right{right:-4%;bottom:-6%;width:clamp(400px,60vw,790px);transform:translate(calc(var(--px) * 56px),calc(var(--py) * 36px))}.forklift-right .sprite-enter{animation:enter-right 1s .6s cubic-bezier(.2,1.2,.4,1) both}.forklift-right .sprite-img{transform-origin:50% 100%;animation:idle-rumble 2.8s 1.8s ease-in-out infinite}@keyframes enter-right{0%{opacity:0;transform:translate(75%,75%) rotate(10deg)}25%{opacity:1}to{opacity:1;transform:none}}@keyframes idle-rumble{0%,to{transform:rotate(0) translateY(0)}40%{transform:rotate(-1.2deg) translateY(-4px)}44%{transform:rotate(-.8deg) translate(1px,-3px)}48%{transform:rotate(-1.2deg) translate(-1px,-4px)}52%{transform:rotate(-.9deg) translate(1px,-3px)}70%{transform:rotate(.6deg) translateY(0)}}.basketball{--ball-w: clamp(550px, 37vw, 300px);left:calc(50% - var(--ball-w) / 2 + 4vw);top:calc(var(--ball-w) * -.3);width:var(--ball-w);transform:translate(calc(var(--px) * 30px),calc(var(--py) * 20px))}.basketball .sprite-enter{animation:enter-top .9s 1.2s cubic-bezier(.3,1.3,.45,1) both}.basketball .sprite-img{transform-origin:48% 64%;animation:ball-float 3s 2.1s ease-in-out infinite}@keyframes enter-top{0%{opacity:0;transform:translate(35%,-130%) rotate(-40deg)}20%{opacity:1}to{opacity:1;transform:none}}@keyframes ball-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(8deg)}}.content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(.6rem,1.6vh,1.2rem);padding:0 16px clamp(3rem,9vh,6rem);text-align:center;transform:translate(calc(var(--px) * 10px),calc(var(--py) * 6px));transition:transform .4s ease-out}.kicker{margin:0;display:inline-flex;align-items:center;gap:.6em;padding:.45em 1em;border-radius:999px;background:#00000080;border:1px solid rgba(255,200,31,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:clamp(.72rem,1.2vw,.85rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow);animation:fade-up .8s 1.3s both}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 #ff7a1acc;animation:pulse 1.8s ease-out infinite}@keyframes pulse{to{box-shadow:0 0 0 12px #ff7a1a00}}.title{margin:0;line-height:0;display:flex;justify-content:center}.title-logo{position:relative;display:block;width:min(92vw,max(260px,min(760px,34svh * 2.39)));filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:slam .7s .5s cubic-bezier(.2,1.4,.4,1) both}.title-logo img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.title-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);background-size:250% 100%;-webkit-mask:var(--logo) center / 100% 100% no-repeat;mask:var(--logo) center / 100% 100% no-repeat;mix-blend-mode:overlay;pointer-events:none;animation:shimmer 4s 2s ease-in-out infinite both}@keyframes slam{0%{opacity:0;transform:translateY(-60px) scale(1.6)}60%{opacity:1;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}@keyframes shimmer{0%,60%{background-position:100% 0}to{background-position:-50% 0}}.tagline{margin:0;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 2px 12px rgba(0,0,0,.8);animation:fade-up .8s 1.1s both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cta{position:relative;overflow:hidden;margin-top:.6rem;display:inline-flex;align-items:center;gap:.7em;padding:1em 1.8em;border-radius:6px;background:linear-gradient(180deg,#ff8f33,var(--orange) 55%,#e55d00);color:#1a0d02;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 0 2px #0009,0 6px #8a3300,0 14px 40px #ff7a1a73;transition:transform .15s ease,filter .15s ease;animation:fade-up .8s 1.5s both,glow 2.6s 2.4s ease-in-out infinite}.cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.cta:active{transform:translateY(4px)}.cta:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.cta-icon{width:1.5em;height:1.5em;flex-shrink:0}.cta-shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:shine 3.5s 2.5s ease-in-out infinite}@keyframes shine{0%,70%{left:-60%}to{left:130%}}@keyframes glow{0%,to{box-shadow:0 0 0 2px #0009,0 6px #8a3300,0 14px 40px #ff7a1a59}50%{box-shadow:0 0 0 2px #0009,0 6px #8a3300,0 14px 60px #ff7a1ab3}}@media(max-width:600px){.hazard{height:10px}.tagline{letter-spacing:.18em}.sprite-layer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition:none!important}.sparks,.spotlight{display:none}}
