/* Responsive finishing touches shared by every page. */
.author-portrait{display:block;width:min(33vw,400px);height:auto;border:1px solid #d7b98566;box-shadow:0 24px 64px #290c0b50;border-radius:3px}
.hero{column-gap:5vw;min-height:760px;min-height:100svh}
.hero h1{font-size:clamp(3.3rem,7.5vw,7rem)}
.hero-copy,.portrait-wrap,.section-title>*{min-width:0}
.year-card{bottom:24px;right:-18px;box-shadow:0 8px 30px #240b0a22}
.primary{align-items:center;justify-content:space-between;border-radius:4px;line-height:1.5;max-width:100%;transition:background .15s,transform .15s}
.primary:hover,.submit:hover{background:#c89e63}
.primary:active,.submit:active{transform:translateY(1px)}
.page-next{border-top:1px solid var(--line);padding-top:24px}
.works .page-next{border-color:#ffffff22}
.section-title p{color:#6b5b50}.works .section-title p{color:#bdb2aa}
.work-grid article>span{color:#d5af76}
.work-grid h3{line-height:1.25}
.survey-panel label{align-items:center;line-height:1.6;min-height:44px}
.survey-panel input{flex-shrink:0}
dialog{width:calc(100% - 32px);max-height:85svh;overflow:auto;border-radius:8px}
dialog h3{line-height:1.2}
footer{line-height:1.7}footer>p:first-of-type{max-width:600px}
.menu{border:1px solid #ffffff66;border-radius:4px;padding:6px 12px}
.quiz-note{line-height:1.7}
@media(min-width:851px){.bio{gap:4vw 7vw}.topbar nav{gap:1.5rem}}
@media(max-width:850px){
 .hero{min-height:auto;padding:115px 6vw 65px;gap:36px}
 .hero h1{font-size:clamp(3.3rem,10vw,5.5rem)}
 .hero-copy{width:100%}.hero .lead{max-width:600px}
 .portrait-wrap{margin-top:8px}.author-portrait{width:min(76vw,400px)}
 .bio{gap:24px}.bio h2{margin-bottom:0}
 nav.open{box-shadow:0 14px 25px #250b0b44}nav a{padding:8px 0}
 .section-title{margin-bottom:32px}.section-title h2{margin-bottom:24px}
}
@media(max-width:560px){
 .eyebrow{font-size:.64rem;letter-spacing:.13em}
 .hero .lead{font-size:1rem}.hero .primary{margin-top:14px}
 h2{font-size:clamp(2.2rem,10vw,3rem);line-height:1.16}
 .section{padding:48px 6vw}.work-grid article{padding:26px}
 .year-card{padding:14px 18px;right:-10px}.year-card strong{font-size:1.2rem}
 .page-next .primary{width:100%;gap:12px}.survey-panel legend{line-height:1.5}
 .survey-panel label{display:flex;margin-right:0}dialog{padding:28px}dialog h3{font-size:2rem}
 .research-list h3{line-height:1.35;font-size:1.25rem}.research-list a{gap:8px}
 .research-list p{overflow-wrap:anywhere}footer{padding:30px 6vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.submit,.research-list a{transition:none}}