/* v12 — a thin tear in the page, larger presenters, restrained Christmas depth. */
.onair-person{gap:20px;max-width:690px;padding-top:0;align-items:center}
.onair-person .portrait:not(.is-music){width:300px;height:300px;flex:0 0 300px;background:none;overflow:visible}
.onair-person .portrait:not(.is-music):before,
.onair-person .portrait:not(.is-music):after{inset:auto -5% -27%;width:110%;height:auto;aspect-ratio:2048/1360;background:url('./portrait-tear-v12.webp') center/100% 100% no-repeat;border-radius:0;box-shadow:none;pointer-events:none}
.onair-person .portrait:not(.is-music):before{z-index:0;clip-path:none}
.onair-person .portrait:not(.is-music) img{position:absolute;width:100%;height:125%;left:0;bottom:0;min-height:0;object-fit:contain;object-position:center bottom;clip-path:polygon(0 0,100% 0,100% 85%,90% 90%,75% 94%,50% 95%,25% 94%,10% 90%,0 85%);filter:drop-shadow(3px 4px 3px #30291e22);transform:none;transition:none}
.onair-person .portrait:not(.is-music):after{z-index:2;clip-path:polygon(0 48%,8% 50%,18% 54%,30% 55.5%,43% 56%,53% 57%,65% 55%,76% 55%,88% 52%,100% 48%,100% 100%,0 100%)}
.onair-person:hover .portrait img{transform:none}
.onair-person>span:nth-child(2){min-width:0;flex:1}
.onair-person strong{font-size:clamp(23px,2.1vw,30px);text-wrap:balance}
.onair-person .person-arrow{width:34px;height:34px;margin-left:0}
.onair-person .portrait{animation:presenterEntrance .85s cubic-bezier(.22,1,.36,1) both}
@keyframes presenterEntrance{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.hero-weather{cursor:default}
body[data-mood=winter] .hero-deck{isolation:isolate;margin-top:55px}
body[data-mood=winter] .hero-deck>.turntable{position:relative;z-index:2}
body[data-mood=winter] .paper-season-hero{width:67%;height:auto;right:-9%;top:auto;bottom:7%;z-index:0;transform:none;filter:drop-shadow(7px 9px 5px #27271830);animation:presenterEntrance 1s ease both}
body[data-mood=winter] .footer-top{min-height:0}
.global-player .retro-garland{inset:-1px 8px;z-index:0}
.global-player .retro-bulb{width:8px;height:16px;filter:drop-shadow(1px 2px 1px #12190f55)}
.global-player .retro-bulb:before{inset:-7px -10px -6px;opacity:.85;filter:blur(3px);animation:none}
.global-player .retro-bulb:after{left:2px;right:2px;top:5px;bottom:3px;background:#fff7dc;opacity:.62;box-shadow:0 0 7px 2px var(--glow);filter:blur(1px)}
.global-player .garland-wire{opacity:.5}
.global-player .wire-core{stroke-width:1.1}
.global-player .wire-shadow{stroke-width:1.8;filter:none}
.global-player .mood-santa-hat{width:40px;top:-19px;left:-8px;z-index:2;transform:rotate(-16deg)}
@media(min-width:801px) and (max-width:1100px){
 .onair-person .portrait:not(.is-music){width:225px;height:260px;flex-basis:225px}
 .onair-person{gap:14px}.onair-person .person-arrow{display:none}
 .onair-person [data-onair-name]{font-size:16px}
}
@media(max-width:800px){
 .onair-person{max-width:500px;gap:18px;padding-top:14px;margin-top:24px}
 .onair-person .portrait:not(.is-music){width:245px;height:270px;flex-basis:245px}
 .onair-person strong{font-size:24px}.onair-person .eyebrow{font-size:10px}
 .onair-person .person-arrow{display:none}
 body[data-mood=winter] .hero-deck{margin-top:40px;margin-bottom:45px}
 body[data-mood=winter] .paper-season-hero{width:65%;right:-8%;top:auto;bottom:8%}
 .global-player .retro-bulb{width:7px;height:14px}
 .global-player .mood-santa-hat{width:30px;top:-14px;left:-3px}
}
@media(max-width:520px){
 .onair-person{gap:10px;margin-top:16px}
 .onair-person .portrait:not(.is-music){width:55%;height:240px;flex:0 0 55%}
 .onair-person strong{font-size:21px}.onair-person [data-onair-name]{font-size:15px}
 .onair-person .eyebrow{font-size:9px;letter-spacing:0}
 .onair-person .portrait:not(.is-music):before,.onair-person .portrait:not(.is-music):after{bottom:-18%}
}
@media(prefers-reduced-motion:reduce){.onair-person .portrait,body[data-mood=winter] .paper-season-hero{animation:none}}
.onair-person .portrait:not(.is-music) img{top:0;bottom:auto;clip-path:polygon(0 0,100% 0,100% 66%,90% 69%,75% 72%,50% 73%,25% 72%,10% 69%,0 66%)}
body[data-mood=winter] .paper-season-hero{width:95%;right:-15%;bottom:0}
body[data-mood=winter] .hero-deck{margin-top:125px}
@media(max-width:800px){body[data-mood=winter] .hero-deck{margin-top:100px}body[data-mood=winter] .paper-season-hero{width:90%;right:-9%;bottom:0}}
.onair-person .portrait:not(.is-music) img{clip-path:polygon(0 0,100% 0,100% 67%,90% 71%,75% 74%,50% 75.2%,25% 74%,10% 71%,0 67%)}
body[data-mood=winter] .hero-deck{max-width:440px;justify-self:start}
body[data-mood=winter] .paper-season-hero{width:100%;right:-29%;bottom:8%;clip-path:inset(0 0 5% 0)}
@media(max-width:800px){body[data-mood=winter] .hero-deck{max-width:340px;justify-self:center}body[data-mood=winter] .paper-season-hero{width:90%;right:-13%;bottom:7%}}
@media(max-width:520px){body[data-mood=winter] .hero-deck{max-width:285px}.onair-person .portrait:not(.is-music) img{clip-path:polygon(0 0,100% 0,100% 70%,90% 76%,75% 78%,50% 78.5%,25% 78%,10% 76%,0 70%)}}
/* Keep the paper lip and portrait crop in the same coordinate system at every width. */
.onair-person .portrait:not(.is-music){height:auto;aspect-ratio:1}
.onair-person .portrait:not(.is-music):before,.onair-person .portrait:not(.is-music):after{bottom:-27%}
.onair-person .portrait:not(.is-music) img{clip-path:polygon(0 0,100% 0,100% 67%,90% 71%,75% 74%,50% 75.2%,25% 74%,10% 71%,0 67%)}
@media(min-width:801px){body[data-mood=winter] .paper-season-hero{width:94%;bottom:6%}}