:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#090909;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}.trailer{height:100svh;min-height:560px;display:grid;grid-template-rows:72px 1fr 72px;background:#090909}.trailer>header,.controls{display:flex;align-items:center;padding:0 34px;position:relative;z-index:20}.trailer>header{justify-content:space-between;border-bottom:1px solid #292929;font-size:9px;letter-spacing:.15em;color:#888}.trailer-brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;letter-spacing:-.03em}.trailer-brand img{background:#fff;border-radius:8px;padding:4px}.stage{position:relative;overflow:hidden}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6vw;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1),visibility .6s}.scene.active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:#a7a7a7}.scene h1,.scene h2{margin:20px 0;font-size:clamp(58px,9vw,145px);line-height:.83;letter-spacing:-.075em}.scene h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}.scene-1{flex-direction:column;gap:25px;background:#f4f1e9;color:#111}.scene-1 p{font-size:10px;letter-spacing:.25em;font-weight:800}.mark-wrap{width:230px;height:230px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 30px 80px rgba(0,0,0,.15)}.scene-1.active .mark-wrap{animation:arrive 1.2s cubic-bezier(.2,.8,.2,1) both}.scene-2{justify-content:flex-start;background:#0b0b0b}.scene-2 h1{position:relative;z-index:2}.voxel-field{position:absolute;inset:0}.voxel-field i{position:absolute;width:9vw;height:9vw;border:1px solid #373737;transform:rotate(30deg);animation:float 4s ease-in-out infinite}.voxel-field i:nth-child(1){right:8%;top:13%;background:#b6f45d}.voxel-field i:nth-child(2){right:27%;bottom:7%;animation-delay:-1s}.voxel-field i:nth-child(3){left:5%;bottom:10%;width:4vw;height:4vw;animation-delay:-2s}.voxel-field i:nth-child(4){right:4%;bottom:14%;width:5vw;height:5vw;background:#ff7043;animation-delay:-.5s}.voxel-field i:nth-child(5){left:44%;top:7%;width:3vw;height:3vw}.scene-3{background:#f4f1e9;color:#111;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.scene-3 .kicker{color:#5e5e58}.scene-3 h2,.scene-5 h2{font-size:clamp(52px,7vw,110px)}.scene-copy>p:last-child{color:#716f68;max-width:400px;line-height:1.6}.trailer-search{padding:12px;background:#e4e2da;border-radius:24px;transform:rotate(2deg);box-shadow:0 35px 80px rgba(0,0,0,.18)}.input{height:65px;background:white;border-radius:15px;display:flex;align-items:center;gap:13px;padding:0 20px}.input span{font-weight:700}.input b{margin-left:auto;font-size:10px;color:#777}.result{height:92px;background:#fff;margin-top:2px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:12px 18px}.result:last-child{border-radius:0 0 15px 15px}.result i{width:53px;height:53px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-weight:900}.result span{display:flex;flex-direction:column;gap:5px}.result small{color:#777}.result em{font-style:normal}.lime{background:#c8fa86}.orange{background:#ffb08e}.scene-4{background:#b6f45d;color:#111;display:block;padding-top:9vh}.scene-4 .kicker{color:#374923}.scene-4 h2{font-size:clamp(57px,8vw,125px);position:relative;z-index:2}.big-number{position:absolute;right:7vw;bottom:3vh;font-size:clamp(100px,19vw,300px);font-weight:850;letter-spacing:-.1em}.big-number span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-left:20px}.speed-lines{position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 70px,rgba(0,0,0,.055) 72px 74px);transform:skew(-12deg)}.scene-5{background:#111;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.cards{position:relative;height:410px}.cards article{position:absolute;left:0;right:0;height:150px;border-radius:22px;background:#f4f1e9;color:#111;padding:28px;display:flex;flex-direction:column;gap:9px;box-shadow:0 25px 55px #000}.cards article span{font:700 9px monospace;color:#888}.cards article b{font-size:24px;letter-spacing:-.04em}.cards article small{color:#777}.cards article:nth-child(1){top:0;z-index:3;transform:rotate(-2deg)}.cards article:nth-child(2){top:100px;z-index:2;transform:rotate(2deg) scale(.95);background:#b6f45d}.cards article:nth-child(3){top:200px;z-index:1;transform:rotate(-1deg) scale(.9);background:#777;color:#fff}.scene-6{background:#f4f1e9;color:#111;flex-direction:column;text-align:center}.scene-6 img{background:#fff;border-radius:28px;padding:15px;box-shadow:0 20px 60px rgba(0,0,0,.13)}.scene-6 h2{font-size:clamp(70px,11vw,170px);margin:12px 0}.scene-6>p:not(.kicker){color:#6d6b65}.final-links{display:flex;gap:10px;margin-top:20px}.final-links a{padding:13px 18px;border:1px solid #ccc;border-radius:999px;color:#111;text-decoration:none;font-size:12px;font-weight:750}.final-links a:last-child{background:#111;color:#fff;border-color:#111}.controls{gap:20px;border-top:1px solid #292929;font-size:10px;color:#888}.controls button{border:0;background:none;color:#fff;cursor:pointer;font:700 10px inherit}.controls button:first-child{width:38px;height:38px;border:1px solid #444;border-radius:50%}.controls button:last-child{margin-left:auto}.timeline{height:3px;background:#333;flex:1;border-radius:5px;overflow:hidden}.timeline span{display:block;width:0;height:100%;background:#b6f45d}.trailer.playing .timeline span{animation:timeline 42s linear forwards}.trailer.paused .timeline span{animation-play-state:paused}
@keyframes arrive{from{opacity:0;transform:scale(.6) rotate(-30deg)}to{opacity:1;transform:none}}@keyframes float{50%{transform:rotate(37deg) translateY(-14px)}}@keyframes timeline{from{width:0}to{width:100%}}
@media(max-width:760px){.trailer>header,.controls{padding:0 16px}.trailer>header>span{display:none}.scene{padding:25px}.scene-3,.scene-5{grid-template-columns:1fr;align-content:center;gap:25px}.scene-3 h2,.scene-5 h2{font-size:52px}.trailer-search{max-width:500px;width:100%;justify-self:center}.cards{height:270px}.cards article{height:110px;padding:18px}.cards article:nth-child(2){top:70px}.cards article:nth-child(3){top:140px}.big-number{font-size:110px}.big-number span{display:block;margin-left:7px}.controls [data-time]{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}