/* Version D — The Chair. Light ground, big sans, offset hero, blue Now band. */
.v-d{font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.65}
.v-d .version-switch a{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:15px}
.v-d .pad-x{padding:24px var(--pad)}
.v-d .container{--max:1240px;--pad-x:var(--pad)}
.v-d .nav{font-weight:500}
.v-d .hero{position:relative}
.v-d .hero-img{position:relative;margin-left:clamp(0px,12vw,220px);height:clamp(420px,max(72vh,30vw),900px);overflow:hidden;background:#23241f}
.v-d .hero-img picture,.v-d .hero-img img{display:block;height:100%;width:100%}
.v-d .hero-img img{object-fit:cover;object-position:50% 24%}
.v-d .hero-card{position:relative;margin:clamp(-160px,-18vw,-80px) var(--pad) 0;max-width:760px;background:var(--ground);padding:clamp(28px,4vw,48px) clamp(28px,4vw,48px) 0 0}
@media(min-width:769px) and (max-width:959px){
.v-d .hero-img{height:clamp(560px,80vw,760px)}
.v-d .hero-img img{object-position:50% 30%}
.v-d .hero-card{margin-top:-64px}
}
/* Editorial split: text left, portrait right (head to mid-thigh); the cream panel bites the portrait's lower-left corner. */
@media(min-width:960px){
.v-d .hero{display:grid;grid-template-columns:55fr 45fr;align-items:end;max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.v-d .hero-img{grid-column:2;grid-row:1;margin:0 0 48px;height:clamp(600px,74vh,700px)}
.v-d .hero-img img{object-position:50% 52%}
.v-d .hero-card{grid-column:1;grid-row:1;z-index:1;margin:0;max-width:none;padding:44px 56px 0 0}
.v-d .hero-card::after{content:"";position:absolute;left:100%;bottom:0;width:72px;height:min(38%,240px);background:var(--ground)}
.v-d .hero-card h1{font-size:clamp(64px,6.6vw,96px)}
}
.v-d h1{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:clamp(48px,7.5vw,104px);line-height:.96;letter-spacing:-.025em}
.v-d .bar{width:64px;height:3px;background:var(--yellow);margin:26px 0}
.v-d .lede{font-family:Fraunces,serif;font-style:italic;font-size:clamp(21px,2.6vw,30px);line-height:1.3;margin-bottom:30px;max-width:30ch}
.v-d .actions{display:flex;gap:14px;flex-wrap:wrap}
.v-d .btn{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 26px}
.v-d .btn-ink{border-color:var(--ink);color:var(--ink);background:transparent}
.v-d .btn-ink:hover{background:var(--ink);color:var(--ground)}
.v-d .post{margin-top:26px;font-size:13px;letter-spacing:.04em;color:var(--muted)}
.v-d .section{padding:112px 0}
.v-d .band-blue{background:var(--blue);color:var(--ground);margin-top:96px}
.v-d .band-blue .label{color:var(--yellow)}
.v-d .band-bone{background:var(--bone)}
.v-d .label{font-weight:600;color:var(--burgundy)}
.v-d .label.small{font-size:12px;letter-spacing:.18em;opacity:.65;margin-bottom:8px;color:inherit}
.v-d .split{display:flex;flex-wrap:wrap;gap:48px}
.v-d .split-aside{flex:0 1 260px;min-width:200px}
.v-d .split-main{flex:1 1 560px;min-width:300px}
.v-d .aside-text{margin-top:18px;font-size:15px;line-height:1.65;opacity:.75;max-width:36ch}
.v-d .roles li{display:grid;gap:6px;padding:28px 0;border-top:1px solid var(--rule-light)}
.v-d .roles .org{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.01em;transition:color .2s}
.v-d .roles li:hover .org{color:var(--yellow)}
.v-d .meta{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline}
.v-d .meta .title{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow)}
.v-d .meta .remit{font-size:15px;opacity:.75}
.v-d .credentials{border-top:1px solid var(--rule-light);padding-top:22px}
.v-d .credentials p{font-size:14px;line-height:1.7;opacity:.8}
.v-d .about{display:flex;flex-wrap:wrap;align-items:stretch}
.v-d .about-fig{flex:1 1 440px;min-width:300px;position:sticky;top:0;align-self:flex-start;overflow:hidden}
.v-d .about-fig picture,.v-d .about-fig img{width:100%;display:block}
.v-d .about-fig img{aspect-ratio:4/5;object-fit:cover;object-position:48% 40%}
.v-d .about-fig figcaption,.v-d .band-photo figcaption{position:absolute;bottom:20px;font-size:13px;color:var(--ground);background:rgba(22,20,18,.55);padding:6px 10px}
.v-d .about-fig figcaption{left:var(--pad)}
.v-d .about-text{flex:1 1 520px;min-width:300px;padding:96px var(--pad);background:var(--bone)}
.v-d .about-text .label{margin-bottom:36px}
.v-d .prose{display:flex;flex-direction:column;gap:18px;max-width:60ch;text-wrap:pretty}
.v-d .prose .lead,.v-d .contact .lead{font-family:'Inter Tight',sans-serif;font-weight:500;font-size:clamp(20px,2.2vw,26px);line-height:1.35;letter-spacing:-.01em}
.v-d .prose .btn{align-self:flex-start;margin-top:12px}
.v-d .speak-head{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-end;margin-bottom:64px}
.v-d .speak-head > div{flex:1 1 520px;min-width:280px}
.v-d .speak-head .label{margin-bottom:28px}
.v-d .statement{font-family:Fraunces,serif;font-style:italic;font-size:clamp(30px,4.4vw,56px);line-height:1.12;max-width:22ch}
.v-d .speak-head .intro{flex:1 1 300px;min-width:260px;max-width:44ch;font-size:16px;color:var(--muted)}
.v-d .topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid rgba(22,20,18,.18);padding:0;margin:0;list-style:none}
.v-d .topics li{padding:36px 32px 36px 0;border-bottom:1px solid rgba(22,20,18,.18)}
.v-d .num{font-size:12px;letter-spacing:.18em;color:var(--muted);margin-bottom:18px;text-transform:uppercase}
.v-d .num.emerging{color:var(--burgundy);font-weight:600}
.v-d .topics h3{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:22px;line-height:1.25;letter-spacing:-.01em;margin-bottom:14px}
.v-d .topics p{font-size:15px;line-height:1.65;color:var(--muted)}
.v-d .speak-foot{display:flex;flex-wrap:wrap;gap:48px;margin-top:56px;align-items:flex-start}
.v-d .video-frame{flex:1 1 560px;min-width:300px}
.v-d .engagements{flex:1 1 280px;min-width:260px}
.v-d .engagements .label.small{color:var(--muted);opacity:1;margin-bottom:14px}
.v-d .engagements p{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:28px}
.v-d .link-caps{font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.v-d .band-photo{position:relative;height:clamp(360px,56vh,620px);overflow:hidden}
.v-d .band-photo picture,.v-d .band-photo img{height:100%;width:100%}
.v-d .band-photo img{object-fit:cover;object-position:64% 30%}
.v-d .band-photo figcaption{right:var(--pad)}
.v-d .aside-fig{margin-top:32px;max-width:260px}
.v-d .aside-fig img{aspect-ratio:1;object-fit:cover;object-position:30% 30%;width:100%}
.v-d .aside-fig figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.v-d .honours-cols{columns:2;column-gap:48px}
.v-d .honours-cols li{break-inside:avoid;padding:15px 0;border-bottom:1px solid rgba(22,20,18,.14);font-size:15.5px;display:flex;justify-content:space-between;gap:16px;transition:color .15s}
.v-d .honours-cols li:hover{color:var(--burgundy)}
.v-d .honours-cols .year{color:var(--muted);white-space:nowrap}
@media(max-width:640px){.v-d .honours-cols{columns:1}}
.v-d .section .label{margin-bottom:40px}
.v-d .band-blue .label,.v-d .band-bone .label{margin-bottom:0}
.v-d .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(32px,4vw,64px);align-items:start}
.v-d .quote{margin:0;display:flex;flex-direction:column;padding-top:24px;border-top:1px solid rgba(22,20,18,.2)}
.v-d .quote p{font-family:Fraunces,serif;font-style:italic;font-size:clamp(21px,1.7vw,27px);line-height:1.3;text-wrap:pretty}
.v-d .quote footer{margin-top:24px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.v-d .counter{align-self:center;font-size:13px;color:var(--muted);margin-left:6px}
.v-d .contact{padding-bottom:120px}
.v-d .contact .label{margin-bottom:28px}
.v-d .contact .muted{margin-top:16px;font-size:15px;color:var(--muted)}
.v-d .form-d{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:none}
.v-d .form-d input,.v-d .form-d select,.v-d .form-d textarea{padding:14px 0;border:none;border-bottom:1px solid rgba(22,20,18,.35);background:transparent}
.v-d .form-d select{background-position:right 0 center}
.v-d .form-d input:focus,.v-d .form-d select:focus,.v-d .form-d textarea:focus{outline:none;border-bottom-color:var(--burgundy)}
.v-d .form-d .btn{padding:15px 36px}
.v-d .form-status{font-family:Fraunces,serif;font-style:italic;font-size:28px}
.v-d .form-status.note{font-family:inherit;font-style:normal;font-size:16px;margin-top:16px}
.v-d :focus-visible{outline:2px solid var(--burgundy);outline-offset:3px}
.v-d .band-blue :focus-visible{outline-color:var(--yellow)}
.v-d .btn-ink:focus-visible{outline-color:var(--ink)}
.v-d .nav a:focus-visible{outline-offset:4px}
.v-d .form-d input:focus-visible,.v-d .form-d select:focus-visible,.v-d .form-d textarea:focus-visible{outline:none;border-bottom:2px solid var(--burgundy)}
@media(max-width:900px){.v-d .quotes{grid-template-columns:1fr;gap:32px}}
@media(max-width:768px){
.v-d .hero-img{margin-left:0;height:clamp(360px,60vh,520px)}
.v-d .hero-card{margin:-56px 0 0;padding:24px var(--pad) 0;max-width:none}
.v-d .section{padding:64px 0}
.v-d .band-blue{margin-top:56px}
.v-d .about-text{padding:56px var(--pad)}
.v-d .hero-img img{object-position:50% 18%}
}
/* client-round-2: photo credits, hero figure, pending note */
.v-d .hero-img{margin-top:0;margin-right:0;margin-bottom:0}
@media(min-width:960px){.v-d .hero-img{margin-bottom:48px}}
/* Hero caption + credit sit below the portrait (user, 18 Sept): height moves from the figure to the picture, caption flows after it. */
.v-d .hero-img{height:auto;overflow:visible;background:none}
.v-d .hero-img picture{height:clamp(420px,max(72vh,30vw),900px);overflow:hidden;background:#23241f}
@media(min-width:769px) and (max-width:959px){.v-d .hero-img picture{height:clamp(560px,80vw,760px)}}
@media(min-width:960px){.v-d .hero-img picture{height:clamp(600px,74vh,700px)}}
@media(max-width:768px){.v-d .hero-img picture{height:clamp(360px,60vh,520px)}}
@media(max-width:959px){.v-d .hero-card{margin-top:0}}
.v-d .hero-credit{position:static;text-align:right;font-size:12px;line-height:1.4;color:var(--muted);padding:10px 0 0}
.v-d .credit{display:block;font-size:11px;letter-spacing:.04em;opacity:.8}
.v-d .aside-fig img{object-position:35% 40%}
.v-d .todo{margin:8px 0 24px;font-size:13px;opacity:.55;font-family:ui-monospace,SFMono-Regular,monospace}
@media(max-width:959px){.v-d .hero-credit{padding:10px var(--pad) 0}}