:root{--vest:#b6c59d;--vest-soft:#e6ecd9;--clay:#b66e50;--clay-soft:#f2e2d7}
/* Claude's A editorial direction: one painted scene, no separate figure layer. */
.hero-portrait.editorial-hero{position:relative;display:block;min-height:0;width:100%;max-width:520px;margin:0 auto;padding:0;overflow:visible}
.editorial-hero>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);border:0;border-radius:0;box-shadow:none}
.editorial-hero .scribble{position:absolute;right:7%;top:0;font-size:25px;transform:rotate(7deg)}
.editorial-hero figcaption,.scene figcaption{position:static;margin:10px 0 0;padding:0;background:none;border-radius:0;font-size:13px;line-height:1.5;color:var(--muted)}
.editorial-hero figcaption{text-align:center}
.scene{display:block;margin:32px 0 0;position:relative;background:none;overflow:visible;isolation:auto}
.scene>picture{display:block;overflow:hidden;border-radius:20px;aspect-ratio:3/2}
.scene img{width:100%;height:100%;object-fit:cover;object-position:center}
.scene-university img{object-position:45% 50%}
.night .scene figcaption{color:#c8c8b8}
.hero-portrait:before,.hero-portrait:after,.scene:after{content:none}
.motion-controls{right:auto}
@media(max-width:1023px){.editorial-hero .scribble{font-size:23px;right:4%}}
@media(max-width:767px){
 .hero-portrait.editorial-hero{max-width:420px;margin:12px auto 0}
 .editorial-hero .scribble{top:0;right:4%;font-size:24px}
 .scene{margin-top:26px}
 .scene>picture{aspect-ratio:4/5;border-radius:16px}
 .night .scene{margin-left:0;margin-right:0}
 .scene-studio img{object-position:center}
 .scene figcaption{font-size:12px;line-height:1.6}
 body:after{content:none}
 .motion-controls{left:auto;right:12px;bottom:12px;min-height:44px;width:auto;border-radius:24px}
 body{padding-bottom:60px}
}