@font-face{font-family:Bree;src:url(/fonts/bree-light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Bree;src:url(/fonts/bree-regular.woff2)format("woff2");font-weight:500 800;font-display:swap}:root{--reel-yellow:#fed701;--reel-pink:#ed1566}*{box-sizing:border-box}body:has(.reel-page){background:#07080a;margin:0}.reel-page{color:#fff;isolation:isolate;background:#08090c url(/reel/reel-tv.jpg) 50% 42%/cover no-repeat fixed;place-items:center;min-height:100svh;font-family:Bree,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.reel-page:before{z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";pointer-events:none;background:radial-gradient(at 50% 52%,#191f2a47,#030406d1 74%),linear-gradient(90deg,#020203f0,#04050738 22%,#04050733 78%,#020203f0);position:absolute;inset:-3%}.reel-page:after{z-index:20;background:var(--reel-yellow);content:"";height:7px;position:absolute;top:0;left:0;right:0}.reel-brand{z-index:21;color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;top:27px;left:clamp(20px,4vw,60px)}.reel-brand>span{filter:drop-shadow(0 7px 7px #0000008c);width:35px;height:50px;display:block}.reel-brand img{object-fit:contain;width:100%;height:100%}.reel-brand b{color:var(--reel-yellow);letter-spacing:-.04em;font-size:26px;font-weight:500}.reel-stage{align-content:center;justify-items:center;width:min(1540px,100vw);min-height:100svh;padding:120px clamp(18px,3vw,48px) 54px;display:grid;position:relative}.reel-heading{z-index:6;pointer-events:none;position:absolute;top:clamp(90px,10vh,125px);left:clamp(26px,6vw,112px)}.reel-heading>span{color:var(--reel-yellow);letter-spacing:.22em;font-size:12px;font-weight:800}.reel-heading h1{color:#fff;letter-spacing:-.045em;text-shadow:0 8px 35px #000;margin:10px 0 0;font-size:clamp(37px,4.4vw,68px);font-weight:300;line-height:.9}.reel-tv{aspect-ratio:16/9;background:linear-gradient(145deg,#252a31,#08090c 58%,#1d2025);border:clamp(15px,2.1vw,32px) solid #11141a;border-radius:clamp(32px,5.2vw,74px);width:min(1260px,92vw);margin-top:76px;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s;position:relative;box-shadow:0 58px 110px #000000c7,inset 0 0 0 3px #ffffff12,inset 0 0 34px #000000e6}.reel-tv:before{z-index:4;border-radius:inherit;content:"";pointer-events:none;border:1px solid #9bb4d21f;position:absolute;inset:-18px;box-shadow:inset 0 2px 14px #dcebff14,0 0 70px #5870961f}.reel-tv:hover{transform:translateY(-5px)scale(1.006);box-shadow:0 68px 125px #000000d6,inset 0 0 0 3px #ffffff17,0 0 55px #7693b81a}.reel-tv-frame{display:none}.reel-tv-screen{z-index:2;background:#050607;border-radius:clamp(20px,3.2vw,48px);position:absolute;inset:2.3%;overflow:hidden;box-shadow:inset 0 0 58px #000000e6,inset 0 0 0 2px #c4dcf517,0 0 34px #a0c3eb21}.reel-tv-screen video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.reel-tv-trigger{color:#fff;width:100%;height:100%;font:inherit;cursor:pointer;background:#0b0e12;border:0;place-content:center;justify-items:center;gap:13px;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.reel-tv-noise-canvas{image-rendering:auto;opacity:.78;filter:contrast(1.38)brightness(.78)saturate(.42);width:104%;height:104%;position:absolute;inset:-2%;transform:scale(1.03)}.reel-tv-signal{mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px),linear-gradient(90deg,#4a69871c,#0000 22%,#ffffff09 51%,#0000 76%,#ed156609);animation:.32s steps(2,end) infinite signal-flicker;position:absolute;inset:0}.reel-tv-signal:after{filter:blur(1px);content:"";background:linear-gradient(#0000,#e1efff33,#080c116b,#0000);height:9%;animation:2.8s linear infinite signal-roll;position:absolute;top:42%;left:-12%;right:-12%}.reel-scanline{z-index:1;background:linear-gradient(#0000,#dcf0ff29,#0000);height:12%;animation:4.2s linear infinite tv-scan;position:absolute;top:-18%;left:0;right:0}.reel-play-icon,.reel-tv-trigger strong{z-index:3;transition:transform .35s cubic-bezier(.2,.9,.25,1.35),background .3s,color .3s;position:relative}.reel-play-icon{background:#00000085;border:2px solid #ffffffdb;border-radius:50%;place-items:center;width:76px;height:76px;padding-left:5px;font-size:25px;display:grid;box-shadow:0 14px 45px #0000009e,inset 0 0 0 8px #ffffff08}.reel-tv-trigger strong{letter-spacing:.2em;text-shadow:0 3px 9px #000;font-size:12px}.reel-tv-trigger:hover .reel-play-icon{border-color:var(--reel-yellow);background:var(--reel-pink);transform:scale(1.13)rotate(-3deg)}.reel-tv-trigger:hover strong{color:var(--reel-yellow);transform:translateY(4px)}.reel-instruction{z-index:6;color:#b6bac1;text-shadow:0 3px 10px #000;align-items:center;gap:9px;margin:0;font-size:13px;display:flex;position:absolute;bottom:clamp(24px,4vh,54px);right:clamp(24px,6vw,110px)}.reel-instruction span{color:var(--reel-pink);animation:1.5s ease-in-out infinite signal}@keyframes signal-flicker{0%,to{opacity:.78}50%{opacity:.96}}@keyframes signal-roll{0%{transform:translateY(-520%)}to{transform:translateY(720%)}}@keyframes tv-scan{to{top:110%}}@keyframes signal{50%{opacity:.25}}@media (max-width:760px){.reel-page{background-position:50%;background-attachment:scroll}.reel-brand{top:20px}.reel-heading{top:86px;left:24px}.reel-heading h1{font-size:clamp(31px,9.5vw,44px)}.reel-stage{align-content:center;padding:138px 14px 72px}.reel-tv{border-width:12px;border-radius:34px;width:96vw;margin-top:90px}.reel-tv:before{inset:-9px}.reel-tv-screen{border-radius:24px;inset:2%}.reel-play-icon{width:58px;height:58px;font-size:19px}.reel-tv-trigger strong{font-size:10px}.reel-instruction{width:max-content;max-width:90vw;font-size:12px;bottom:25px;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:430px){.reel-brand b{font-size:22px}.reel-heading h1{font-size:31px}.reel-tv{border-radius:25px;margin-top:78px}.reel-tv-screen{border-radius:17px}}@media (prefers-reduced-motion:reduce){.reel-tv-signal,.reel-scanline,.reel-instruction span{animation:none}.reel-tv{transition:none}}