/* v80 — shared media interaction and responsive sizing standard. */
:root{--media-hover-lift:-4px;--media-hover-scale:1.006;--media-hover-border:rgba(214,255,75,.58);--media-hover-shadow:0 18px 55px rgba(0,0,0,.34),0 0 28px rgba(214,255,75,.08);--media-hover-ease:cubic-bezier(.2,.78,.2,1)}

/* Media follows both viewport width and height, including smaller laptops. */
.case-study-modal-content .nowhere-card .social-phone-post{width:min(100%,410px,calc(70dvh * .8));max-width:100%}
.case-study-modal-content .nowhere-card .social-phone-reel{width:min(100%,340px,calc(68dvh * .5625));max-width:100%}
.case-study-modal-content .nowhere-card .additional-campaign-media img,
.case-study-modal-content .nowhere-card .additional-campaign-media video,
.case-study-modal-content .nowhere-card .artist-feature-video{max-height:70dvh;object-fit:contain;background:#050505}
.case-study-modal-content :is(img,video){max-width:100%}

/* Neutral at rest. Motion, lime border, and glow exist only during true desktop hover. */
@media(hover:hover) and (pointer:fine){
 :is(.motion-active-media,[data-motion-media],.proof-card,.additional-campaign-media){transform-origin:center;transition:transform .28s var(--media-hover-ease),border-color .28s ease,box-shadow .28s ease,filter .28s ease}
 :is(.motion-active-media,[data-motion-media],.proof-card,.additional-campaign-media):hover{transform:translateY(var(--media-hover-lift)) scale(var(--media-hover-scale));border-color:var(--media-hover-border)!important;box-shadow:var(--media-hover-shadow)!important}
 :is(.social-phone,.artist-feature-phone){transition:transform .28s var(--media-hover-ease),border-color .28s ease,box-shadow .28s ease}
 :is(.showcase-piece>.social-phone,.artist-series-panel.is-active .artist-feature-phone,.additional-campaign-panel:not([hidden]) .social-phone):hover{transform:translateY(var(--media-hover-lift)) scale(var(--media-hover-scale));border-color:var(--media-hover-border)!important;box-shadow:var(--media-hover-shadow)!important}
 .campaign-coverflow-card.is-active:hover,.subsidy-coverflow-card.is-active:hover,.video-coverflow-card.is-active:hover{transform:translateX(-50%) translateY(var(--media-hover-lift)) scale(var(--media-hover-scale))!important}
 :is(.campaign-coverflow-card,.subsidy-coverflow-card,.video-coverflow-card).is-active:hover :is(.campaign-coverflow-frame,.social-phone){border-color:var(--media-hover-border)!important;box-shadow:var(--media-hover-shadow)!important}
}

@media(min-width:901px) and (max-height:820px){
 .case-study-modal-content .nowhere-card .social-phone-post{width:min(100%,365px,calc(64dvh * .8))}
 .case-study-modal-content .nowhere-card .social-phone-reel{width:min(100%,295px,calc(62dvh * .5625))}
 .case-study-modal-content .nowhere-card :is(.campaign-coverflow-stage,.subsidy-coverflow-stage){max-height:68dvh}
}

@media(max-width:900px),(hover:none),(pointer:coarse){
 .case-study-modal-content .nowhere-card .social-phone-post{width:min(100%,390px,calc(67dvh * .8))}
 .case-study-modal-content .nowhere-card .social-phone-reel{width:min(100%,305px,calc(64dvh * .5625))}
 :is(.motion-active-media,[data-motion-media],.proof-card,.additional-campaign-media,.showcase-piece>.social-phone,.artist-series-panel.is-active .artist-feature-phone){transform:none!important;box-shadow:none!important}
}

@media(prefers-reduced-motion:reduce){:is(.motion-active-media,[data-motion-media],.proof-card,.additional-campaign-media,.social-phone,.artist-feature-phone){transition:none!important}}