.profile-editorial {
    position:relative;
    z-index:2;
    padding:64px 0 88px;
    background:#f7f8f9;
    color:#202327;
    text-align:center;
    scroll-margin-top:76px;
}
.profile-editorial-heading { padding:0 24px 48px; }
.profile-editorial :is(h1,h2) {
    font-size: var(--type-editorial);
    line-height:.98;
    letter-spacing:0;
    margin:0 auto;
    max-width:900px;
    color:inherit;
}
.profile-editorial :is(h1,h2) em { font-weight:inherit; }
.profile-editorial :is(h1,h2):focus { outline:none; }
.profile-editorial-video {
    width:min(280px, calc(100% - 48px));
    margin:0 auto;
    aspect-ratio:9/14;
    overflow:hidden;
    border-radius:8px;
    background:#16191b;
}
.profile-editorial-video video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.profile-editorial-copy {
    max-width:610px;
    margin:56px auto 80px;
    padding:0 24px;
    font-size: var(--type-lead);
    line-height:1.7;
    color:inherit;
    text-wrap:pretty;
}
.photo-bands { position:relative; overflow:clip; padding:calc(24px + 3vw) 0; }
.photo-bands-reel {
    width:calc(100% + 80px);
    margin-left:-40px;
    overflow:hidden;
    transform:rotate(-3deg);
    transform-origin:center;
}
.photo-band { overflow:visible; margin:0 0 10px; }
.photo-band:last-child { margin-bottom:0; }
.photo-band-track { display:flex; width:max-content; }
.photo-band-sequence { display:flex; flex:none; gap:10px; padding-right:10px; align-items:center; }
.photo-band img {
    display:block;
    flex:none;
    width:360px;
    height:260px;
    object-fit:cover;
    border-radius:8px;
    cursor:default;
    pointer-events:none;
    user-select:none;
}
.photo-band img.is-portrait { width:195px; }
.photo-bands.is-running .photo-band-track { will-change:transform; }
html[data-theme="dark"] .profile-editorial { background:#08111f; color:#f4f8ff; }
.content-page .section-band { padding:80px 0; }
.content-page .section-heading { margin-bottom:40px; }
.content-page .section-heading h1 { font-size: var(--type-display); line-height:1.05; margin:0; text-wrap:balance; }
@media(min-width:1500px) { .profile-editorial :is(h1,h2) { font-size: var(--type-editorial); } }
@media(max-width:760px) {
    .profile-editorial { padding:48px 0 56px; }
    .profile-editorial :is(h1,h2) { font-size: var(--type-editorial); }
    .content-page .section-band { padding:48px 0; }
    .content-page .section-heading h1 { font-size: var(--type-display); }
    .profile-editorial-heading { padding-bottom:32px; }
    .profile-editorial-video { width:min(250px, calc(100% - 48px)); }
    .profile-editorial-copy { font-size: var(--type-body); margin:36px auto 48px; }
    .photo-band { margin-bottom:8px; }
    .photo-band-sequence { gap:8px; padding-right:8px; }
    .photo-band img { width:260px; height:190px; }
    .photo-band img.is-portrait { width:143px; }
}
@media(max-width:380px) { .profile-editorial :is(h1,h2) { font-size: var(--type-editorial); } }
@media(prefers-reduced-motion:reduce) {
    .photo-band { overflow-x:auto; }
    .photo-band-track { transform:none!important; }
    .photo-band-sequence[aria-hidden] { display:none; }
}
