/* V1.0 refinement. Existing scene architecture, palette and motion retained. */
.ms-signet{display:block;width:48px;height:30px;overflow:visible;fill:var(--paper)}
.signet-accent{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:butt;stroke-dasharray:32;stroke-dashoffset:0}
.signet-intro .signet-m{animation:ms-m-in .72s cubic-bezier(.22,.7,.25,1) both}
.signet-intro .signet-s{animation:ms-s-in .8s cubic-bezier(.22,.7,.25,1) both}
.signet-intro .signet-accent{animation:ms-accent-in .8s cubic-bezier(.22,.7,.25,1) both}
@keyframes ms-m-in{from{translate:-95px 0;opacity:0}to{translate:0 0;opacity:1}}
@keyframes ms-s-in{from{translate:0 -90px;opacity:0}to{translate:0 0;opacity:1}}
@keyframes ms-accent-in{0%,28%{stroke-dashoffset:32}100%{stroke-dashoffset:0}}
.masthead{padding-top:21px}.index-toggle{min-width:44px;justify-content:center;padding:0}.index-toggle span{font-size:30px}
.opening-note{max-width:56%;gap:9px;bottom:9%}
.opening-note .eyebrow{font-size:clamp(12px,1.12vw,17px);line-height:1.55;letter-spacing:.045em}
.opening-note .eyebrow:last-child{font-size:clamp(10px,.88vw,13px);max-width:48ch;line-height:1.6}
.opening-note .brand-name{text-transform:none}
.media-first .scene,.motion .media-first .scene{min-height:960px}
.media-first .media-copy{top:14%;left:60%;right:var(--gutter)}
.media-copy h2{color:var(--orange)}.media-copy h2 em{color:var(--paper)}
.media-first .media-copy p{font-size:clamp(15px,1.18vw,18px);line-height:1.6;max-width:38ch}
.media-first .media-copy .media-purpose{font-size:clamp(14px,1.05vw,16px);line-height:1.65;max-width:38ch}
.media-picture figcaption{left:var(--gutter);bottom:15px;font:9px/1.5 'Geist Mono',monospace;color:var(--paper)}
.media-first .media-foot{left:60%;bottom:27px;font-size:9px}
.live-projects>.chapter-head{grid-template-columns:1fr 3fr;align-items:start;gap:24px 30px}
.live-projects>.chapter-head h2{grid-column:2;grid-row:1}
.live-projects>.chapter-head>p{grid-column:2;grid-row:2;justify-self:start;max-width:48ch;font-size:17px;line-height:1.65}
.live-copy h3 .project-brand{display:block;font-size:.38em;line-height:1.3;letter-spacing:-.02em;font-weight:450;margin-bottom:10px}
.live-copy h3 strong{display:block;font-size:clamp(32px,3.6vw,62px);font-weight:720;letter-spacing:-.05em;line-height:1.08}
.map-preview .preview-stage,.warn-preview .preview-stage{display:block;aspect-ratio:16/10;background:var(--ink);color:var(--paper);padding:20px;transition:opacity .4s ease,box-shadow .35s ease}
.map-preview .project-preview-link{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.project-preview-link img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:scale .5s cubic-bezier(.22,.7,.3,1)}
.project-preview-link:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.warn-slider{position:relative;isolation:isolate}
.warn-slider .warn-slide{position:absolute;inset:20px 20px 40px}
.warn-slide[hidden]{display:none!important}
.warn-slide.is-active{animation:preview-enter .35s ease both}
@keyframes preview-enter{from{opacity:.65}to{opacity:1}}
.slider-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;z-index:2;height:42px}
.slider-controls[hidden]{display:none}
.slider-controls button{width:44px;min-height:42px;display:grid;place-items:center;font-size:25px;color:var(--signal-grey);transition:color .2s ease}
.slider-controls button[aria-pressed=true]{color:var(--paper)}
.slider-controls button:focus-visible{outline-offset:-5px}
.map-preview .map-attribution{font:9px/1.5 'Geist Mono',monospace;justify-content:flex-end;color:var(--ink);gap:4px;flex-wrap:wrap}
.map-attribution a{text-decoration:underline;text-underline-offset:2px}
.map-attribution[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.project-preview-link:hover img{scale:1.006}.preview-stage:hover{box-shadow:0 12px 28px #17191712}}
.capability-list>div{grid-template-columns:minmax(130px,.8fr) minmax(0,1.5fr);gap:28px;padding:32px 0}
.capability-list dt{font-size:11px;line-height:1.7;color:var(--ink)}
.capability-list dd{font-size:clamp(18px,1.45vw,22px);line-height:1.65;max-width:35ch}
.retained-experience .field-scene{height:auto;min-height:900px;padding:125px var(--gutter) 95px}
.retained-experience .field-copy{position:relative;inset:auto;width:50%;max-width:720px}
.field-copy h2{font-size:clamp(48px,5.3vw,85px);line-height:1;max-width:none;margin-bottom:40px}
.field-role+.field-role{margin-top:30px;padding-top:26px;border-top:1px solid #17191745}
.field-role h3{margin:0 0 13px;font-size:11px;line-height:1.65;max-width:44ch}
.field-role p{font-size:17px;line-height:1.7;max-width:45ch}
.retained-experience .field-picture{width:43%;height:calc(100% - 155px);top:90px;right:0}
.retained-experience .field-picture img{height:100%;object-fit:cover;object-position:55% 20%}
.retained-experience .field-picture figcaption{bottom:18px;right:var(--gutter)}
.stations-body{display:block}
.station-entry{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;margin-bottom:35px}
.station-copy{padding:28px 0 35px;border-top:1px solid #a6ac9e}
.station-copy>.eyebrow{font-size:10px;display:block;margin-bottom:15px}
.station-copy h3{margin:0 0 20px;font-size:clamp(28px,3vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.1}
.station-select{font:inherit;letter-spacing:inherit;text-align:left;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px}
.station-select>span{font-size:24px;opacity:.35;transition:transform .35s ease,opacity .35s ease}
.station-entry.is-active .station-select>span{opacity:1;transform:translate(2px,-2px)}
.station-copy p{font-size:16px;line-height:1.7;max-width:44ch}.station-copy p+p{margin-top:16px}
.station-media{margin:0;aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--ink);color:var(--paper)}
.station-type{display:flex;flex-direction:column;justify-content:center;padding:9%;font-size:clamp(46px,6.4vw,106px);line-height:.94;letter-spacing:-.06em;font-weight:650}
.station-type>span:nth-child(2){align-self:flex-end;font-size:.58em;font-weight:450;line-height:1.8}
.station-type>span:last-child{font-weight:400}.station-type i,.station-type-dot{font-style:normal;color:var(--orange)}
.station-herzen>span:nth-child(2){font-size:.85em;font-weight:650;align-self:flex-start;line-height:1.3}
.station-herzen .station-type-meta{font:11px/1.5 'Geist Mono',monospace;letter-spacing:.04em;margin-top:24px;color:var(--signal-grey)}
.station-photo img{width:100%;height:100%;object-fit:cover}
.station-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);font:9px/1.5 'Geist Mono',monospace;padding:10px 14px}
@media(min-width:701px){
 .stations-enhanced{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:8%;align-items:start}
 .stations-enhanced .station-entry{display:contents}
 .stations-enhanced .station-copy{grid-column:1}
 .stations-enhanced .station-entry:nth-child(1) .station-copy{grid-row:1}
 .stations-enhanced .station-entry:nth-child(2) .station-copy{grid-row:2}
 .stations-enhanced .station-entry:nth-child(3) .station-copy{grid-row:3}
 .stations-enhanced .station-media{grid-column:2;grid-row:1/4;position:sticky;top:100px;width:100%;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s;pointer-events:none}
 .stations-enhanced .is-active .station-media{opacity:1;visibility:visible;transition:opacity .45s ease;z-index:1}
}
.press-arrow{transition:transform .25s ease}.press-entry:hover .press-arrow,.press-entry:focus-visible .press-arrow{transform:translate(2px,-2px)}
.contact .contact-link{font-size:15vw;font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:28px 0 0;padding:0}
.contact .contact-intro{margin:32px 0 20px;font-size:clamp(16px,1.6vw,22px);line-height:1.6;max-width:40ch}
.contact .email{display:inline-flex;align-items:center;gap:25px;font-size:clamp(24px,4.3vw,70px);line-height:1.2;letter-spacing:-.045em;margin:0 0 22px;padding-bottom:8px;border-bottom:1px solid #17191765;max-width:100%}
.contact .email>span{font-size:.6em;letter-spacing:0}
.contact-social{margin-bottom:60px;font-size:15px}.contact-social a{display:inline-block;padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.contact .colophon{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 30px}
.contact .legal-links{margin:0;gap:24px}
.contact .development-note{font:9px/1.6 'Geist Mono',monospace;margin:14px 0 0;opacity:.8}
.contact .development-note[hidden]{display:none}
@media(min-width:701px) and (max-width:1100px){
 .media-first .media-copy{left:57%;top:15%}.media-first .media-copy h2{font-size:7vw}.media-first .media-copy p{font-size:15px}.media-first .media-foot{left:57%}
 .capability-list dd{font-size:20px}.station-copy p{font-size:15px}
 .field-role p{font-size:16px}.field-copy h2{font-size:5.5vw}
}
@media(max-width:700px){
 .live-projects>.chapter-head{display:block}.live-projects>.chapter-head>p{font-size:16px;max-width:36ch}
 .live-copy h3 strong{font-size:clamp(30px,8.8vw,60px)}.live-copy h3 .project-brand{font-size:22px}
 .map-preview .preview-stage{padding:12px;aspect-ratio:16/10}.warn-slider .warn-slide{inset:12px 12px 36px}
 .slider-controls{height:40px}.slider-controls button{min-height:40px}
 .capability-list>div{display:block;padding:28px 0}.capability-list dt{margin-bottom:14px;font-size:11px}.capability-list dd{font-size:17px;line-height:1.7;max-width:36ch}
 .retained-experience .field-scene{display:flex;flex-direction:column;min-height:0;height:auto;padding:100px var(--gutter) 70px;overflow:hidden}
 .retained-experience .field-picture{position:relative;inset:auto;width:100%;height:400px;order:0;margin:0 0 36px}
 .retained-experience .field-picture img{object-position:55% 32%}
 .retained-experience .field-copy{position:relative;inset:auto;width:100%;max-width:none;order:1}
 .field-copy h2{font-size:12vw;max-width:100%;margin-bottom:30px}.field-role p{font-size:16px;max-width:38ch;line-height:1.7}.field-role h3{font-size:10px;max-width:38ch}
 .field-caption{bottom:22px;font-size:8px}
 .station-entry{display:block;margin-bottom:35px}.station-entry:last-child{margin-bottom:0}
 .station-copy{padding:26px 0}.station-copy h3{font-size:32px}.station-copy p{font-size:16px}
 .station-media{aspect-ratio:4/3;width:100%;opacity:1;visibility:visible}.station-type{font-size:20vw}
 .station-select>span{display:none}.station-type .station-type-meta{font-size:10px}
 .contact .contact-link{font-size:23vw;margin-top:25px}.contact .contact-intro{font-size:17px;margin-top:25px}
 .contact .email{font-size:clamp(20px,6.25vw,38px);gap:12px;letter-spacing:-.04em;white-space:nowrap}
 .contact-social{margin-bottom:35px}.contact .colophon{display:grid;grid-template-columns:1fr auto;font-size:10px}
 .contact .legal-links{grid-row:2;grid-column:1/-1}.contact .colophon>a{grid-row:1;grid-column:2;padding-top:0;display:flex;align-items:center}
}
@media(max-width:600px){
 .ms-signet{width:42px;height:27px}.masthead{padding-top:18px}
 .opening-note{max-width:90%;bottom:11%;gap:8px}.opening-note .eyebrow{font-size:11px;line-height:1.6}.opening-note .eyebrow:last-child{font-size:9px;line-height:1.65;max-width:36ch}
 .media-first .scene,.motion .media-first .scene{min-height:0;padding-bottom:85px}.media-first .media-copy{top:auto;left:auto;right:auto;margin:85px var(--gutter) 0}.media-first .media-copy h2{font-size:16vw}
 .media-first .media-copy p{font-size:16px}.media-first .media-copy .media-purpose{font-size:15px}.media-first .media-foot{left:var(--gutter);font-size:8px}
 .media-picture figcaption{left:calc(var(--gutter) + 5%);bottom:10px;font-size:8px}
}
.reduced .signet-m,.reduced .signet-s,.reduced .signet-accent,.reduced .warn-slide{animation:none!important}
.reduced .station-media,.reduced .station-select>span,.reduced .project-preview-link img,.reduced .press-arrow{transition:none!important;transform:none!important;scale:1!important}
@media(prefers-reduced-motion:reduce){
 .signet-m,.signet-s,.signet-accent,.warn-slide{animation:none!important}
 .station-media,.station-select>span,.project-preview-link img,.press-arrow{transition:none!important;transform:none!important;scale:1!important}
}

/* Documentary image selected from Marcel’s supplied material; no image manipulation. */
.retained-experience .field-picture.field-documentary{right:var(--gutter);width:41%;height:auto;aspect-ratio:auto;top:125px;bottom:75px}
.retained-experience .field-documentary img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;filter:none}
.station-herzen.station-photo img{object-position:center}
@media(max-width:700px){.retained-experience .field-picture.field-documentary{inset:auto;width:100%;height:auto;aspect-ratio:4/3}.retained-experience .field-documentary img{object-position:50% 64%}}

/* Tiermeldungen: calm heading; original line-box heights retain surrounding layout. */
#tier-title .project-brand{font-size:14px;line-height:clamp(17.784px,2.2724vw,37.05px);font-weight:450;letter-spacing:.01em}
#tier-title strong{font-weight:500;letter-spacing:-.035em}
@media(min-width:701px) and (max-width:1100px){#tier-title .project-brand{line-height:2.3712vw}}
@media(max-width:700px){#tier-title .project-brand{line-height:28.6px}}

/* V1 remaining work — three signature moments, existing palette and content. */
.ms-signet{overflow:hidden}
.signet-intro .signet-m{animation:ms-m-in 1s cubic-bezier(.22,.7,.25,1) both}
.signet-intro .signet-s{animation:ms-s-in 1.05s .08s cubic-bezier(.22,.7,.25,1) both}
.signet-intro .signet-accent{animation:ms-accent-in 1.1s cubic-bezier(.22,.7,.25,1) both}
@keyframes ms-m-in{from{translate:0 -420px;clip-path:inset(100% 0 0)}to{translate:0 0;clip-path:inset(0)}}
@keyframes ms-s-in{from{translate:0 360px;clip-path:inset(0 0 100%)}to{translate:0 0;clip-path:inset(0)}}
.motion .first-name>span,.motion .last-name>span,.motion .foreground-name>span,.motion .hero-person img,.motion .plane-surface{animation-delay:1.15s}
.motion .opening-grain{animation:none}
@keyframes plane-breathe{to{transform:translate3d(3px,-4px,0) rotate(.12deg)}}
#tier-title .project-brand{font-weight:500;letter-spacing:.02em}
#tier-title strong{font-weight:500;letter-spacing:-.02em;line-height:1.12}
.map-preview .preview-stage{overflow:hidden;isolation:isolate}
.motion .preview-awaiting.preview-revealed{animation:preview-frame 1.25s cubic-bezier(.22,.7,.25,1) both}
.motion .preview-revealed .project-preview-link img{animation:preview-depth 1.6s cubic-bezier(.22,.7,.25,1) both}
@keyframes preview-frame{from{clip-path:inset(13% 7% 11% 0);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes preview-depth{from{transform:translateY(16px) scale(1.045)}to{transform:translateY(0) scale(1)}}
.warn-slide.is-active{animation:none}
.retained-experience .field-scene{min-height:0;padding:100px var(--gutter) 90px;height:auto}
.retained-experience .field-copy{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 9%}
.field-copy h2{grid-column:1/-1;font-size:clamp(64px,9vw,145px);line-height:.94;letter-spacing:-.06em;margin:30px 0 75px;max-width:75%;font-weight:500}
.field-role{position:relative;border-top:1px solid var(--ink);padding-top:20px}
.field-role+.field-role{margin-top:75px;padding-top:20px;border-top:1px solid var(--ink)}
.field-initial{display:block;font-size:clamp(60px,8vw,120px);line-height:1;letter-spacing:-.05em;font-weight:450;margin:0 0 27px}
.field-role h3{max-width:100%;font-size:10px}.field-role p{max-width:42ch;font-size:17px}
.retained-experience .field-picture.field-documentary{inset:100px var(--gutter) auto auto;width:20%;height:260px;overflow:hidden;transform:rotate(3deg);z-index:1}
.retained-experience .field-documentary img{object-position:50% 40%}
.retained-experience .field-picture figcaption{bottom:8px;right:8px;font:8px/1.4 'Geist Mono',monospace;background:var(--ink);color:var(--paper);padding:4px 6px}
.field-grid{opacity:.13}.field-caption{position:relative;display:block;inset:auto;margin-top:50px}
.station-copy{border-top:0}.station-copy>.eyebrow{color:var(--signal-grey);letter-spacing:.1em}
.station-copy h3{font-size:clamp(30px,3.7vw,58px);font-weight:500}
.station-copy p{max-width:36ch}.station-select>span{font-size:18px}
.station-media{aspect-ratio:1/1.05}
.station-type{font-weight:500;padding:9%;font-size:clamp(60px,9vw,145px);justify-content:center}
.station-qualification{font:11px/1.5 'Geist Mono',monospace;letter-spacing:.14em;margin:20px 0 30px;color:var(--signal-grey)}
.station-type>span:nth-of-type(2){font-size:.48em;align-self:flex-end;line-height:1.8;font-weight:400}
.station-type>span:last-child{align-self:flex-start}
.station-herzen>span:nth-of-type(2){font-size:.83em;align-self:flex-start}
.station-herzen .station-type-meta{font:11px/1.6 'Geist Mono',monospace;letter-spacing:.04em;color:var(--signal-grey);max-width:22ch;margin-top:35px}
.station-photo img{height:89%;object-position:47% 50%;clip-path:polygon(0 0,100% 8%,100% 100%,0 94%)}
.archive-year{position:absolute;left:5%;bottom:8%;font-size:clamp(80px,12vw,180px);letter-spacing:-.075em;line-height:1;color:var(--paper);font-weight:500;z-index:1}
.station-photo figcaption{font-size:10px;bottom:0;padding:18px 6%;z-index:2}
@media(min-width:701px){
 .stations-enhanced{column-gap:7%;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .stations-enhanced .station-copy{min-height:65svh;display:flex;flex-direction:column;justify-content:center;padding:45px 0}
 .stations-enhanced .station-media{top:8svh;max-height:82svh;opacity:1;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .9s cubic-bezier(.22,.7,.25,1),visibility 0s .9s;transform:none}
 .stations-enhanced .is-active .station-media{clip-path:inset(0);visibility:visible;transition:clip-path 1s cubic-bezier(.22,.7,.25,1);z-index:2}
 .motion .is-active .station-photo img{animation:archive-depth 12s ease-out both}
 .motion .is-active .station-type>span:first-child{animation:station-type-enter 1.2s cubic-bezier(.22,.7,.25,1) both}
 .station-entry:not(.is-active) .station-select{color:var(--signal-grey)}
}
@keyframes archive-depth{from{transform:scale(1.05) translateY(5px)}to{transform:scale(1.01) translateY(-3px)}}
@keyframes station-type-enter{from{transform:translateY(24px);clip-path:inset(100% 0 0)}to{transform:translateY(0);clip-path:inset(0)}}
.contact .email{font-size:clamp(24px,4.8vw,76px);font-weight:500;gap:18px;letter-spacing:-.04em;margin-bottom:75px}
.contact .email>span{font-size:.4em}
.contact .colophon{align-items:start;padding-top:25px;border-top:1px solid var(--ink)}
.contact .legal-links{display:flex;gap:22px;font-size:12px}.contact .colophon>a{font-size:12px}
@media(max-width:700px){
 .retained-experience .field-scene{padding:70px var(--gutter)}
 .retained-experience .field-copy{display:block}
 .field-copy h2{font-size:15vw;max-width:100%;margin:35px 0 38px}
 .retained-experience .field-picture.field-documentary{position:relative;inset:auto;order:2;width:48%;height:210px;margin:35px 0 0 auto;transform:rotate(3deg)}
 .field-role+.field-role{margin-top:35px}.field-initial{font-size:20vw;margin:0 0 20px}.field-role p{font-size:16px;max-width:none}
 .field-caption{order:3;margin-top:35px}.field-role h3{font-size:9px}
 .station-entry{margin-bottom:65px}.station-copy{padding-top:0}.station-copy h3{font-size:34px}
 .station-type{font-size:23vw;aspect-ratio:1/1;max-height:none}.station-qualification{font-size:10px}
 .station-media{aspect-ratio:1/1}.archive-year{font-size:30vw}.station-photo figcaption{font-size:9px}
 .contact .email{font-size:6.35vw;margin-bottom:45px;gap:8px}.contact .email>span{font-size:.5em}
 .contact .legal-links{gap:20px;flex-wrap:wrap;font-size:11px}.contact .colophon>a{font-size:11px}
}
.reduced .preview-stage,.reduced .preview-stage img,.reduced .station-media,.reduced .station-media *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.preview-stage,.preview-stage img,.station-media,.station-media *{animation:none!important;transition:none!important}}
.retained-experience .field-documentary img{object-position:50% 12%}
@media(min-width:701px){
 .stations-enhanced{height:235svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;align-items:start}
 .station-navigation,.station-surfaces{position:sticky;top:10svh;align-self:start}
 .station-navigation{padding-top:20px}
 .stations-enhanced .station-entry{display:block;margin:0 0 28px}
 .stations-enhanced .station-copy{display:block;position:relative;min-height:0;padding:0}
 .station-copy>.eyebrow{display:none}
 .station-copy h3{margin-bottom:16px}
 .station-copy p{display:none;font-size:16px;max-width:39ch}
 .station-entry.is-active .station-copy p{display:block}
 .station-surfaces{height:min(78svh,48vw)}
 .stations-enhanced .station-media{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;grid-area:auto}
 .stations-enhanced .station-media.is-active{clip-path:inset(0);visibility:visible;transition:clip-path 1s cubic-bezier(.22,.7,.25,1);z-index:2}
 .motion .station-media.is-active.station-photo img{animation:archive-depth 12s ease-out both}
 .motion .station-media.is-active.station-type>span:first-child{animation:station-type-enter 1.2s cubic-bezier(.22,.7,.25,1) both}
}
@media(max-width:700px){.station-navigation{width:100%}.station-surfaces:empty{display:none}}
/* Keep the surname contour whole across the portrait; the inner scroll mask still controls its exit. */
.foreground-name{clip-path:inset(-40% 0 -20% 0)}
/* Keep the role description readable even where oversized type passes behind it. */
.opening-note{isolation:isolate;z-index:8;background:var(--ink);padding:9px 12px;max-width:fit-content}
@media(min-width:601px){.opening-note{bottom:7%;max-width:43%}.opening-note .eyebrow{font-size:clamp(10px,1vw,14px)}.opening-note .eyebrow:last-child{font-size:clamp(9px,.8vw,11px)}}
@media(max-width:600px){.opening-note{max-width:90%}}
/* Desktop role text stays unboxed, below the surname. */
@media(min-width:601px){
 .opening-note{background:none;padding:0;bottom:4.8%;max-width:56%}
 .opening-note .eyebrow{font-size:clamp(12px,1.12vw,17px);line-height:1.55}
 .opening-note .eyebrow:last-child{font-size:clamp(10px,.88vw,13px);line-height:1.6}
 .photo-credit{bottom:16px}
}