.profile-editorial {
    position:relative;
    z-index:2;
    padding:64px 0 48px;
    background:var(--white);
    color:var(--navy);
    text-align:center;
    scroll-margin-top:76px;
}
.profile-editorial-heading { padding:0 24px 36px; }
.profile-editorial :is(h1,h2) {
    font-size:10rem;
    line-height:.88;
    letter-spacing:0;
    margin:0 auto;
    max-width:900px;
    color:inherit;
}
.profile-editorial :is(h1,h2) em { font-weight:inherit; }
.profile-editorial h1 > span { display:block; font:var(--weight-regular) 2rem/1.4 var(--font-main); margin-bottom:16px; }
.profile-editorial :is(h1,h2):focus { outline:none; }
.profile-editorial-video {
    width:min(320px, calc(100% - 64px));
    margin:0 auto;
    aspect-ratio:4/5;
    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:760px;
    margin:64px auto 72px;
    padding:0 24px;
    font-size: var(--type-card);
    line-height:1.6;
    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;
    contain:paint;
}
.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:var(--white); color:var(--text); }
.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; }
.profile-story, .expertise-section { width:min(1120px, calc(100% - 48px)); margin:100px auto; color:var(--navy); }
.profile-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:96px; align-items:start; }
.profile-story h2 { margin:0; font-size:var(--type-section); line-height:1.08; text-wrap:balance; }
.profile-story figure { margin:32px 0 0; width:min(320px,100%); }
.profile-story figure img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:8px; }
.profile-story-copy p { margin:0 0 24px; font-size:var(--type-body); line-height:1.8; text-wrap:pretty; }
.profile-story-copy p:first-child { font-size:var(--type-card); line-height:1.5; }
.profile-story-copy .button { margin-top:8px; }
.expertise-heading { display:grid; grid-template-columns:1fr 1fr; gap:96px; align-items:end; margin-bottom:56px; }
.expertise-heading h2 { margin:0; font-size:var(--type-display); line-height:1; color:inherit; }
.expertise-heading p { margin:0; max-width:42ch; font-size:var(--type-body); line-height:1.8; }
.expertise-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px 48px; align-items:start; }
.expertise-row { display:flex; flex-direction:column; align-items:stretch; gap:24px; min-width:0; scroll-margin-top:100px; }
.expertise-frame { display:grid; grid-template-columns:minmax(0,1fr); position:relative; margin:0; padding:12px 12px 0; border:1px solid var(--button-outline); border-radius:6px; }
.expertise-frame img { grid-area:1 / 1; display:block; width:100%; height:auto; aspect-ratio:8/5; object-fit:cover; border-radius:2px; }
.expertise-frame figcaption { grid-area:2 / 1; display:flex; align-items:center; gap:20px; min-height:80px; padding:12px 0; font:var(--weight-regular) var(--type-small)/1.4 var(--font-main); color:var(--muted); }
.expertise-frame figcaption > span { flex:none; color:var(--navy); font:var(--weight-regular) 40px/1 var(--font-display); font-variant-numeric:tabular-nums; }
.expertise-frame-corners { grid-area:1 / 1; position:relative; margin:12px; pointer-events:none; opacity:.55; transition:opacity .25s ease; }
.expertise-frame-corners::before,.expertise-frame-corners::after { content:''; position:absolute; width:22px; height:22px; border:solid #fff; }
.expertise-frame-corners::before { top:0; left:0; border-width:1px 0 0 1px; }
.expertise-frame-corners::after { bottom:0; right:0; border-width:0 1px 1px 0; }
.expertise-row:focus-within .expertise-frame-corners { opacity:1; }
@media(hover:hover) { .expertise-row:hover .expertise-frame-corners { opacity:1; } }
.expertise-row h3 { margin:0 0 16px; color:inherit; font:var(--weight-regular) 40px/1.12 var(--font-display); overflow-wrap:break-word; }
.expertise-copy p { margin:0; font-size:var(--type-body); line-height:1.7; }
.expertise-row > .button { align-self:flex-start; max-width:100%; white-space:normal; }
.expertise-details { border-block:1px solid var(--button-outline); }
.expertise-details summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; cursor:pointer; list-style:none; font:var(--weight-semibold) var(--type-small)/1.5 var(--font-main); }
.expertise-details summary::-webkit-details-marker { display:none; }
.expertise-details summary::after { content:''; flex:none; width:20px; height:20px; background:currentColor; mask:url('../images/icons/plus.svg') center/contain no-repeat; transition:transform .2s ease; }
.expertise-details[open] summary::after { transform:rotate(45deg); }
.expertise-details summary:focus-visible { outline:2px solid var(--button-focus); outline-offset:4px; }
.expertise-facts { margin:0; padding:0 0 24px; }
.expertise-facts > div + div { margin-top:16px; }
.expertise-facts dt { color:var(--muted); font-size:var(--type-small); margin-bottom:4px; }
.expertise-facts dd { margin:0; font-size:var(--type-body); line-height:1.6; }
.profil-page .editorial-outro .button { margin-inline:4px; }
@media(min-width:1500px) { .profile-editorial :is(h1,h2) { font-size:11rem; } }
@media(max-width:1000px) {
    .profile-story, .expertise-heading { gap:40px; }
    .expertise-list { gap:56px 32px; }
}
@media(max-width:760px) {
    .profile-editorial { padding:48px 0 56px; }
    .profile-editorial :is(h1,h2) { font-size:5.5rem; }
    .profile-editorial h1 > span { font-size:1.5rem; }
    .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(280px, calc(100% - 64px)); }
    .profile-editorial-copy { font-size:var(--type-lead); margin:36px auto 48px; }
    .profile-story, .expertise-section { width:calc(100% - 40px); margin:64px auto; }
    .profile-story, .expertise-heading, .expertise-list { grid-template-columns:minmax(0,1fr); }
    .profile-story { gap:32px; }
    .profile-story figure { width:240px; max-width:100%; }
    .expertise-heading { gap:24px; margin-bottom:32px; }
    .expertise-row { gap:20px; }
    .expertise-row h3 { font-size:32px; }
    .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:4.75rem; } }
@media(prefers-reduced-motion:reduce) {
    .expertise-frame-corners,.expertise-details summary::after { transition:none; }
    .photo-band { overflow-x:auto; }
    .photo-band-track { transform:none!important; }
    .photo-band-sequence[aria-hidden] { display:none; }
}