.tune-story{--turn-x:7deg;--turn-y:-24deg;--model-scale:1;--pointer-x:0deg;--pointer-y:0deg;--device-opacity:1;--portal-opacity:0;position:relative;height:calc(100svh - var(--site-header-height,105px));color:#f4ebd9;background:#181513}
.tune-story.is-scroll-story{height:420svh}
.tune-stage{position:sticky;top:var(--site-header-height,105px);height:calc(100svh - var(--site-header-height,105px));min-height:min(620px,calc(100svh - var(--site-header-height,105px)));overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 72% 37%,#86633d40,transparent 48%),radial-gradient(ellipse at 5% 90%,#9c26234a,transparent 60%),#181513}
.tune-stage:before{content:"";position:absolute;inset:58% -50% -40%;background:repeating-linear-gradient(90deg,#f4ebd90a 0 1px,transparent 1px 90px),repeating-linear-gradient(0deg,#f4ebd90a 0 1px,transparent 1px 90px);transform:perspective(500px) rotateX(62deg);transform-origin:top;pointer-events:none}
.tune-wordmark{position:absolute;left:4%;top:9%;font:600 clamp(8rem,24vw,24rem)/.8 Oswald,sans-serif;letter-spacing:.025em;color:#f4ebd909;white-space:nowrap;pointer-events:none}
.tune-portal{position:absolute;inset:0;opacity:var(--portal-opacity);z-index:1;pointer-events:none}
.tune-portal img{width:100%;height:100%;object-fit:cover}
.tune-portal:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#181513dc,#18151365 65%,#18151330)}
.tune-copy{position:absolute;z-index:4;left:max(40px,5vw);top:27%;width:36%;max-width:450px;pointer-events:none}
.tune-copy .eyebrow{color:#d1ae7b;font-size:.78rem;letter-spacing:.19em;margin-bottom:22px}
.tune-copy h1{font-size:clamp(3rem,5.7vw,5.4rem);letter-spacing:-.035em;line-height:1.04;margin:0 0 25px;max-width:440px;color:#f4ebd9}
.tune-copy>p:last-of-type{max-width:330px;font-size:.98rem;line-height:1.7;color:#e1d4be;min-height:5.1em}
.tune-enter{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:.85rem;font-weight:700;color:#f4ebd9;text-underline-offset:6px;pointer-events:auto;opacity:var(--enter-opacity,0);visibility:hidden}
.tune-story.is-final .tune-enter{visibility:visible}
.tune-camera{position:absolute;left:68%;top:51%;width:600px;height:388px;perspective:1400px;transform:translate(-50%,-50%) translateY(var(--model-lift,0px)) scale(var(--model-scale));opacity:var(--device-opacity);z-index:3;pointer-events:none}
.tune-device{width:600px;height:388px;position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--turn-x) + var(--pointer-x))) rotateY(calc(var(--turn-y) + var(--pointer-y))) rotateZ(var(--turn-z,-2deg));will-change:transform}
.tv-face{position:absolute;backface-visibility:hidden;border-radius:5px}
.tv-front{width:600px;height:388px;transform:translateZ(65px);background:#38271c;box-shadow:0 25px 55px #0007}
.tv-card-artwork{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:5px;object-fit:fill}
.tv-right,.tv-left{width:130px;height:388px;background-image:linear-gradient(90deg,#2b160854,#160b097a),url("assets/visit-card-tv.webp");background-size:100% 100%,18000px 388px;box-shadow:inset 0 0 0 2px #2a190f}
.tv-right{left:535px;transform:rotateY(90deg);background-position:center,right top}
.tv-left{left:-65px;transform:rotateY(-90deg);background-position:center,left top}
.tv-top,.tv-bottom{width:600px;height:130px;left:0;background-image:linear-gradient(#3a210b33,#24120880),url("assets/visit-card-tv.webp");background-size:100% 100%,600px 5040px;box-shadow:inset 0 0 0 2px #2e1d13}
.tv-top{top:-65px;transform:rotateX(90deg);background-position:center,center top}
.tv-bottom{top:323px;transform:rotateX(-90deg);background-position:center,center bottom}
.tv-back{width:600px;height:388px;transform:translateZ(-65px) rotateY(180deg);background:repeating-linear-gradient(0deg,#151411 0 3px,#353027 3px 8px);border:25px solid #322b22}
.tv-bezel{position:absolute;left:34px;top:25px;width:435px;height:324px;clip-path:path("M 44 15 C 119 -3 319 -3 394 15 C 425 22 435 57 435 160 C 435 266 427 304 399 312 C 315 330 121 330 40 313 C 10 308 0 276 0 165 C 0 57 8 26 44 15 Z")}
.tv-screen{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}
.tv-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:sepia(.4) saturate(.55) contrast(.92) brightness(.85);transform:scale(1.025);will-change:opacity}
.tv-picture{position:absolute;inset:0;transform-origin:center}
.tv-reception{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;overflow:hidden}
.tv-snow{display:block;width:100%;height:100%;image-rendering:pixelated;background:repeating-conic-gradient(#c2c6bf 0 25%,#252b26 0 50%) 0 0/3px 3px}
.tv-reception:before{content:"";position:absolute;left:0;right:0;top:-35%;height:26%;z-index:1;background:linear-gradient(0deg,transparent,#07130ae0 25%,#d1e1cb60 50%,#07130ae0 75%,transparent);mix-blend-mode:multiply}
.tv-reception:after{content:"";position:absolute;inset:-12px;background:repeating-linear-gradient(0deg,#0000 0 2px,#08110be6 2px 3px,#d4e7cd80 3px 4px,#0000 4px 8px);opacity:.65}
.tv-screen.is-tuning .tv-picture{animation:tv-picture-lock .64s linear both}
.tv-screen.is-tuning .tv-reception{animation:tv-reception-loss .64s linear both}
.tv-screen.is-tuning .tv-reception:before{animation:tv-tracking-roll .64s linear both}
.tv-screen.is-tuning .tv-reception:after{animation:tv-static-drift .09s steps(1,end) infinite}
@keyframes tv-picture-lock{0%{transform:none;filter:none}8%{transform:translate(1.5%,-7%) scale(1.04,1.1);filter:brightness(.55) saturate(.3)}18%{transform:translate(-2%,13%) scale(1.05,.88);filter:brightness(.8) saturate(.15)}28%{transform:translate(1%,-3%) scaleX(1.06);filter:brightness(.7) saturate(.6)}43%{transform:translate(-.6%,1.5%) scaleX(1.02);filter:brightness(1.05) saturate(.8)}65%,100%{transform:none;filter:none}}
@keyframes tv-reception-loss{0%{opacity:.08}10%{opacity:.94}24%{opacity:.85}38%{opacity:.45}58%{opacity:.16}80%{opacity:.05}100%{opacity:0}}
@keyframes tv-tracking-roll{0%{top:-35%}24%{top:37%}52%{top:85%}80%,100%{top:115%}}
@keyframes tv-static-drift{0%{transform:translate(0,0)}25%{transform:translate(-6px,4px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-3px,7px)}}
.tv-screen:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.8'/%3E%3C/svg%3E")}
.tv-screen:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(125deg,#d6e6f55c 1%,#c1d1df2b 6%,transparent 15%),radial-gradient(ellipse at 30% 10%,#e3c58835,transparent 65%),repeating-linear-gradient(0deg,#0000 0 2px,#1d21194d 2px 3px);box-shadow:inset 0 0 22px 13px #111810cc,inset 0 0 6px 2px #f9dd984d}
.tv-screen.is-logo-channel:before,.tv-screen.is-logo-channel:after,.tv-screen.is-logo-channel .tv-channel-number{opacity:0}
.tv-channel-number{position:absolute;left:24px;top:18px;z-index:2;font:500 22px/1 Oswald,sans-serif;color:#f2f5bb;text-shadow:0 0 6px #d3eda566;letter-spacing:.1em}
.tv-card-dial{position:absolute;left:504px;top:50px;width:67px;height:67px;border-radius:50%;background:url("assets/visit-card-tv.webp") -504px -50px/600px 388px;transform:rotate(calc(var(--dial-angle,-30deg) + 30deg))}
.tune-shadow{position:absolute;left:68%;top:81%;width:510px;height:50px;border-radius:50%;background:#0009;filter:blur(16px);transform:translateX(-50%) scale(var(--shadow-scale,1));opacity:var(--device-opacity)}
.tune-footer{position:absolute;left:max(40px,5vw);right:max(40px,5vw);bottom:32px;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.tune-instruction{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#c2b29a;margin:0;max-width:140px}
.tune-instruction:before{content:"↓";display:block;font-size:1.5rem;line-height:1.3;margin-bottom:8px;color:#e4d7be}
.tune-channels{display:none;gap:5px;max-width:500px;width:51%}
.is-scroll-story .tune-channels{display:flex}
.tune-channels button{position:relative;flex:1;min-width:0;padding:12px 10px;border:0;border-top:1px solid #f4ebd940;background:none;color:#b9ab97;text-align:left;font-size:.7rem;letter-spacing:.02em;min-height:60px}
.tune-channels button:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#e5c293;transform:scaleX(var(--channel-fill,0));transform-origin:left}
.tune-channels button[aria-pressed=true]{color:#f4ebd9}
.tune-channels button span{font:500 1.1rem/1 Oswald,sans-serif;display:block;margin-bottom:7px}
.tune-skip{position:absolute;right:max(40px,5vw);top:25px;z-index:6;min-height:44px;display:flex;align-items:center;font-size:.75rem;color:#c7b89e;text-underline-offset:5px}
.hero .hero-title{font-size:clamp(3.25rem,5.5vw,5.5rem);letter-spacing:-.035em;margin:20px 0 24px}
@media(max-width:1000px){.tune-copy{left:30px;width:37%}.tune-copy h1{font-size:3.5rem}.tune-camera,.tune-shadow{left:70%}.tune-footer{left:30px;right:30px}.tune-skip{right:30px}}
@media(max-width:720px){.tune-stage{min-height:min(650px,calc(100svh - var(--site-header-height,80px)))}.tune-copy{left:24px;top:7%;width:85%;max-width:450px}.tune-copy .eyebrow{font-size:.65rem;margin-bottom:12px}.tune-copy h1{font-size:clamp(2.55rem,10vw,3.5rem);max-width:350px;margin-bottom:12px}.tune-copy>p:last-of-type{font-size:.82rem;max-width:310px;line-height:1.55;min-height:3.1em}.tune-camera{left:51%;top:57%}.tune-shadow{left:51%;top:75%;width:74%;height:24px}.tune-wordmark{left:-4%;top:36%;font-size:40vw}.tune-footer{left:24px;right:24px;bottom:23px;display:block}.tune-instruction{font-size:.6rem;max-width:none;margin-bottom:12px}.tune-instruction:before{display:inline;margin:0 10px 0 0;font-size:1rem}.tune-channels{width:100%;max-width:none}.tune-channels button{font-size:.65rem;padding-inline:5px;min-height:52px}.tune-channels button span{font-size:.9rem}.tune-skip{right:24px;top:8px;font-size:.65rem}.tune-enter{font-size:.75rem;min-height:36px}.hero .hero-title{font-size:3.4rem}.tune-portal:after{background:linear-gradient(#181513c9,#1815135e 65%,#181513bb)}}
@media(max-height:620px) and (min-width:721px){.tune-stage{min-height:min(500px,calc(100svh - var(--site-header-height,105px)))}.tune-copy{top:20%}.tune-copy h1{font-size:3rem}.tune-footer{bottom:18px}.tune-camera{top:48%}}
@media(prefers-reduced-motion:reduce){.tune-story.is-scroll-story{height:calc(100svh - var(--site-header-height,105px))}.tune-device{transform:rotateX(3deg) rotateY(-12deg)}.tune-camera{opacity:1}.tune-portal{opacity:0}.tune-channels{display:none!important}.tune-instruction{display:none}.tune-enter{opacity:1;visibility:visible}.tune-stage{scroll-behavior:auto}}

.tune-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--portal-opacity);background:linear-gradient(0deg,#181513b8,transparent 32%),linear-gradient(90deg,#181513e0,transparent 72%)}
@media(prefers-reduced-motion:reduce){.tv-screen.is-tuning .tv-picture{animation:none}.tv-screen.is-tuning .tv-reception{display:none}.tv-screen.is-tuning .tv-reception:before,.tv-screen.is-tuning .tv-reception:after{animation:none}}