.hero-media-wrap{width:min(48vw,760px);justify-self:end;transform:rotate(1.5deg);filter:drop-shadow(16px 18px 0 #0a0b10)}.hero-tv{position:relative;width:100%;aspect-ratio:3/2}.tv-screen{position:absolute;z-index:1;left:9.4%;top:13.5%;width:68.4%;height:68.5%;overflow:hidden;background:#050509;border-radius:13% 11% 12% 12%/12% 11% 14% 13%}.tv-screen iframe{position:absolute;left:50%;top:50%;width:122%;height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}.tv-scanlines{position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.1) 1px 3px);mix-blend-mode:overlay}.tv-frame{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-media-wrap .year-chip{z-index:5;right:-8px;top:-34px}.hero-media-wrap .play-note{z-index:5;left:5%;bottom:1%;background:var(--yellow)}
@media(max-width:980px){.hero-media-wrap{width:min(92vw,720px);margin:25px auto 0;justify-self:center}.hero-tv{aspect-ratio:3/2}.tv-screen iframe{width:122%;height:100%}}
@media(max-width:650px){.hero-media-wrap{width:100%;filter:drop-shadow(9px 10px 0 #0a0b10)}.hero-media-wrap .year-chip{right:-3px;top:-22px}.hero-media-wrap .play-note{bottom:-2%;font-size:.58rem}.tv-screen{left:9.2%;top:13.4%;width:68.6%;height:68.8%}}
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.hero-media-wrap{width:min(43vw,720px);min-width:0;justify-self:center;transform:translateX(-3vw) rotate(1.5deg)}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-media-wrap{width:min(88vw,680px);margin:25px auto 0;justify-self:center;transform:rotate(1deg)}}
@media(max-width:650px){.hero-media-wrap{width:94vw;transform:translateX(-1vw) rotate(.5deg)}}