/* Approved original photographs. No filters, retouching or generated detail. */
html:not([data-fullframe-motion="full"]) .ff-music{--static-photo:url('assets/photos/pmoss-times-square-original-v11.jpg');--static-focus:50% 34%}
html:not([data-fullframe-motion="full"]) .social-section{--static-photo:url('assets/photos/pmoss-varsity-original-v8.jpg');--static-focus:52% 40%}
/* Preserve breathing room for the people in the center of the full-frame photos. */
@media(max-width:700px){
 .ff-music .ff-record{margin-top:clamp(100px,20svh,175px)}
 .social-section .social-layout{margin-top:clamp(100px,18svh,165px)}
 [data-world-layer="follow"]{--photo-focus:54% 40%!important}
}
/* Small reading surfaces keep pale type distinct from signs and white clothing. */
.ff-music-title h2{padding:7px 12px;background:#080b0b9e;width:max-content;max-width:100%}
.ff-music-title>.eyebrow{padding:5px 8px;background:#080b0b9e;width:max-content}
@media(max-width:700px){
 .ff-music .ff-record{width:100%;gap:16px}
 .ff-music .ff-record-art{flex-shrink:0}
 .ff-music .ff-record-copy{min-width:0;flex:1;padding:12px;background:#080b0bb8}
 .ff-music-title h2{padding-inline:10px;font-size:clamp(42px,12.8vw,60px)}
 .ff-music .ff-record-copy h3{font-size:clamp(34px,10.4vw,44px)}
}
.social-section .social-layout{margin-top:clamp(100px,18svh,165px)}
@media(max-width:700px){
 html:not([data-fullframe-motion="full"]) .social-section{background-size:cover,auto 100svh;background-position:center,54% top;background-repeat:no-repeat;background-color:#101612}
}
@media(min-width:701px){.social-section .social-layout{margin-top:clamp(155px,27svh,230px)}}
@media(min-width:701px){html:not([data-fullframe-motion="full"]) .social-section{--static-focus:52% 85%}}