.artist-presence-video .native-sound-host{width:100%}.artist-presence-video .native-sound-host>.media-sound{right:72px;bottom:18px}.artist-motion-toggle{z-index:5}.portrait-hero>.native-sound-host{position:absolute;inset:0;width:100%;height:100%}.portrait-hero>.native-sound-host>video{width:100%;height:100%;object-fit:cover}.portrait-hero>.native-sound-host>.media-sound{right:20px;bottom:20px}.portrait-hero .presence-toggle{z-index:5}@media(max-width:760px){.artist-presence-video .native-sound-host>.media-sound{right:55px;bottom:8px}}

.portrait-hero>.native-sound-host{z-index:0}.portrait-hero:after{z-index:1;pointer-events:none}.portrait-hero>div:not(.native-sound-host){z-index:2}.portrait-hero .presence-toggle{right:76px;bottom:20px;width:44px;height:44px;padding:0;border:0;background:transparent;color:white;font-size:19px;text-shadow:0 1px 3px #000}.portrait-hero>.native-sound-host>video{object-position:70% center}@media(max-width:640px){.portrait-hero>.native-sound-host>video{object-position:60% center}}

/* Small screens: keep all introductory copy below Shy's gaze. */
@media(max-width:760px){
 .portrait-hero>div:not(.native-sound-host){left:7%;right:7%;bottom:88px;max-width:360px}
 .portrait-hero>div:not(.native-sound-host)>.eyebrow{font:400 9px/1.4 Arial,sans-serif;letter-spacing:.08em;margin:0 0 10px}
 .portrait-hero>div:not(.native-sound-host)>h1{font:400 clamp(38px,10vw,48px)/1.02 Georgia,serif;letter-spacing:-1.3px;margin:0 0 14px}
 .portrait-hero>div:not(.native-sound-host)>p:last-child{font:400 13px/1.45 Arial,sans-serif;margin:0;max-width:29ch}
}

/* Keep Shy's face centred in both the poster and the playing portrait. */
@media(max-width:760px){
 .portrait-hero>video,.portrait-hero>img,.portrait-hero>.native-sound-host>video{object-position:50% center}
}