/* V6 refinements: stable alignment, complete separation of portrait and decorative artwork. */
main#main > section[id] { box-sizing:border-box; }
.wordmark, .wordmark *, .monogram, .monogram-dot { transform:none!important; animation:none!important; scale:1!important; }
.wordmark { display:inline-flex; align-items:center; gap:12px; text-decoration:none; white-space:nowrap; }
.monogram { display:inline-block; width:35px; flex:0 0 35px; line-height:1.15; letter-spacing:-.06em; }
.wordmark:hover { opacity:.9; }
.wordmark-name { letter-spacing:.14em; }
.hero h1 { line-height:1.06!important; letter-spacing:-.075em!important; overflow:visible; }
.hero h1 span { display:block; }
.hero-copy { padding-bottom:0; }
.hero-art { transform:none!important; }
/* Hide the slideshow's first graphic behind the portrait placeholder. */
.hero-photo-frame { z-index:5; inset:24px 24px 69px; opacity:1; }
.hero-photo-frame .photo-placeholder { width:min(70%,360px); height:92%; min-height:0; border-radius:180px 180px 8px 8px; }
.hero-photo-frame img { width:min(70%,360px);height:92%; }
.hero-photo-frame .photo-placeholder strong { font-size:clamp(24px,4vw,42px); }
.hero-art .showcase-stage { opacity:.4; }
.hero-art .showcase-controls { z-index:8; }
/* No competing reveal animations: the chapter itself is animated. */
.js-motion [data-reveal], .js-motion [data-reveal-group] > * {opacity:1!important;transform:none!important; transition:none!important;}
main#main > section[id]>.shell{ width:min(1120px,calc(100% - 110px)); }
main#main > section[id].hero{width:min(1120px,calc(100% - 110px));}
main#main .section-grid {grid-template-columns:minmax(0,39%) minmax(0,1fr); gap:clamp(32px,5vw,74px);align-items:center;}
main#main .section-grid>.section-body {padding-right:0;}
.section-label h2{ overflow-wrap:normal; word-break:normal; letter-spacing:-.045em; line-height:1.15; }
.section-body{min-width:0;}
.section-heading {align-items:start;}
#education .education-item{padding-bottom:22px;margin-bottom:22px;}
#about .section-body .photo-strip { margin:0 0 12px 20px;}
/* More usable compact layout on tablets. */
@media (max-width:1000px){
 main#main > section[id]>.shell,main#main > section[id].hero {width:calc(100% - 76px)}
 main#main .section-grid {grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:28px}
}
@media (max-width:760px){
 main#main > section[id]>.shell,main#main > section[id].hero {width:calc(100% - 40px)}
 main#main .section-grid{display:flex!important;flex-direction:column;align-items:stretch;gap:18px;}
 .hero h1{line-height:1!important;font-size:clamp(3rem,13vw,4.6rem)!important}
 .hero-photo-frame {inset:7px 8px 58px;}
 .hero-photo-frame .photo-placeholder {width:62%;height:94%;}
 .hero-art {height:clamp(170px,27vh,260px);}
 .section-label h2{font-size:clamp(2.1rem,8vw,3.1rem)}
 .section-grid .section-body{width:100%;}
 #about .photo-strip{float:none!important;margin:12px 0!important;}
 #about .secondary-photo{width:110px;height:132px;}
 .hero-actions {flex-wrap:wrap;}
}
@media (max-height:690px) and (min-width:761px){
 .hero-art{height:50vh;min-height:260px;}
 .hero h1{font-size:clamp(3.1rem,5vw,5rem);}
 .hero-copy{font-size:14px}
}
