/* Reader-led refinements */
html{font-variant-emoji:text}
@media(max-width:720px){nav{gap:8px;overflow:visible}nav a{font-size:11px;letter-spacing:-.02em}}
.skills{display:grid;grid-template-columns:75px 1fr;gap:0 22px;align-items:start}
.profile.page{padding-top:42px}
.profile-heading{margin-bottom:28px}
.profile-heading h1{font-size:clamp(56px,7.2vw,104px)}
.profile-copy p{margin-bottom:14px}
.skills-heading{margin:5px 0 0;font-size:12px}
#skill-context{grid-column:2;margin-top:10px}
.deck-scene{height:660px;overflow:clip;padding-bottom:60px}
.archive-caption{position:relative;z-index:1}
.archive-active{margin-top:16px}
.photos img,.photos img:hover{filter:grayscale(1)}
.beyond.page>.section-intro h1{font-size:clamp(46px,5.4vw,80px)}
.beyond .section-intro{margin-bottom:32px}
.beyond .photo-band{padding-block:16px 22px;gap:4vw}
.beyond .photo-band h2{font-size:32px;margin:6px 0 8px}
.beyond .photo-band p{font-size:14px;line-height:1.45}
.beyond .photos{gap:0}
.beyond .photos img{height:140px;object-fit:contain;object-position:center}
.beyond .photos figure:nth-child(2){margin-top:0}
.beyond .contact-block{margin-top:32px}
.experience .contact-block,.beyond .contact-block{display:none}
footer a{color:var(--red)}
.contact.page{padding-top:clamp(55px,10vh,105px)}
.contact.page>.contact-block{grid-template-columns:1.15fr 1fr;align-items:center;gap:7vw}
.contact.page h2{font-size:clamp(42px,4.1vw,64px);max-width:650px;line-height:1.08}
.contact.page .contact-block dl{margin:0}
.contact.page .contact-block dl>div:first-child{border-top:1px solid var(--line)}
.contact.page .contact-block dd a{font-size:clamp(16px,1.25vw,20px)}
.qualifications.page{padding-top:32px;padding-bottom:30px}
.qualifications>.eyebrow{margin-bottom:14px}
.qualifications .section-intro{margin-bottom:24px}
.qualifications .section-intro h1{font-size:clamp(36px,3.2vw,50px)}
.credentials{margin-top:0}
.qualification-group{border-top:1px solid var(--line);padding:13px 0 7px}
.qualification-group>.eyebrow{margin:0 0 7px;color:var(--red);font-size:12px}
.qualification-group:first-child article+article{border-top:1px solid #ffffff35;padding-top:16px;margin-top:8px}
.credentials article{display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:25px;border:0;padding:5px 0 10px;align-items:baseline}
.credentials h2{font-size:clamp(22px,1.65vw,27px);max-width:none;line-height:1.15}
.credentials article p:last-child{margin-top:5px;font-size:14px;line-height:1.5;max-width:1100px}
.credentials .year{font:24px/1.2 var(--serif);text-align:right;color:#849c90}
#case-panel{width:min(1080px,68vw)}
#case-panel article{padding:22px 30px 24px}
#case-panel article>.eyebrow{margin-bottom:12px}
#case-panel h2{font-size:clamp(28px,2.4vw,39px);line-height:1.08}
#case-panel .case-meta{margin-top:12px;font-size:14px;line-height:1.5}
.case-body{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;margin-top:22px;border-top:1px solid #263d292b;padding-top:22px}
#case-panel article .case-body section{margin-top:0}
#case-panel article .case-context section+section{margin-top:24px}
#case-panel .case-body p,#case-panel .case-body li{font-size:16px;line-height:1.45}
#case-panel .case-body li{margin-bottom:13px}
#case-panel .panel-pagination{padding-top:14px;margin-top:20px}
@media(min-width:1500px){.case-open #case-panel{width:66vw}.case-open .work-list{max-width:29vw}}
@media(max-width:1100px){#case-panel{width:80vw}.case-body{gap:24px}#case-panel article{padding-inline:24px}}
@media(max-width:720px){
 .profile-heading h1{font-size:13.6vw}
 .skills{grid-template-columns:1fr;gap:10px}.skills-heading{margin:0}#skill-context{grid-column:1;margin-top:0}
 .contact.page{padding-top:45px}.contact.page>.contact-block{grid-template-columns:1fr;gap:32px}.contact.page h2{font-size:44px;max-width:520px}
 .beyond .photo-band{padding-block:18px 24px;gap:22px}.beyond .photo-band h2{font-size:32px}.beyond .photos img{height:120px}.beyond .photos figure:nth-child(2){margin-top:0}
 .qualifications.page{padding-top:28px}.qualifications .section-intro h1{font-size:36px}.credentials article{grid-template-columns:minmax(0,1fr) 42px;gap:14px}.credentials h2{font-size:23px}.credentials .year{font-size:20px}
 #case-panel{width:100%}.case-body{grid-template-columns:1fr;gap:24px}#case-panel h2{font-size:31px}.deck-scene{height:520px;padding-bottom:45px}
}
@media(min-width:721px) and (max-height:780px){#case-panel article{padding-top:16px}.case-body{margin-top:16px;padding-top:16px}#case-panel h2{font-size:30px}#case-panel article .case-context section+section{margin-top:18px}#case-panel .case-body li{margin-bottom:9px}}