/* Typography only. Henry's selected editorial layout, icon placement and route stay fixed. */
.font-study{--type-scale:1;font-synthesis:none}
.font-study body{font-family:"Hanken Grotesk",sans-serif}
.font-study main h1,.font-study main h2{font-family:var(--study-heading),serif;font-weight:var(--study-weight);letter-spacing:var(--study-tracking);font-synthesis:none}
.font-study .brand span{font-family:"Newsreader",serif;font-weight:500}
.font-study .hero h1{font-size:calc(clamp(70px,7.6vw,116px) * var(--hero-factor) * var(--type-scale))}
.font-study[data-layout="editorial"] .service h2{font-size:calc(36px * var(--type-scale));min-height:calc(73px * var(--type-scale))}
.font-study .founder h2{font-size:calc(clamp(45px,5vw,66px) * var(--type-scale))}
.font-study .contact h2{font-size:calc(clamp(28px,3.2vw,40px) * var(--type-scale))}
.font-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px 20px;background:#efece5;border-bottom:1px solid rgba(8,8,10,.08);padding:12px max(20px,calc((100vw - 1120px)/2));font-size:13px}
.font-controls label{display:grid;gap:6px;min-width:0;font-weight:600;white-space:nowrap}
.font-controls select,.font-controls button{min-height:44px;border:1px solid #8b8171;border-radius:0;background:#faf9f6;color:#08080a;font:500 14px "Hanken Grotesk",sans-serif;padding:8px 10px;white-space:nowrap}
.font-controls select{min-width:280px}
.font-controls input{width:180px;min-height:44px;margin:0;accent-color:#956719}
.font-controls output{font-weight:400}
.font-controls button{cursor:pointer}
.font-controls>a{display:flex;align-items:center;min-height:44px;white-space:nowrap;text-underline-offset:4px}
.font-controls :is(select,input,button):focus-visible{outline:3px solid #956719;outline-offset:3px}
@media(max-width:1050px){.font-study[data-layout="editorial"] .service h2{min-height:0}}
@media(max-width:760px){
 .font-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-block:10px}
 .font-controls label:first-child{grid-column:1/-1}
 .font-controls select{width:100%;min-width:0}
 .font-controls input{width:100%}
 .font-controls>a{grid-column:1/-1;min-height:30px}
 .font-study .hero h1{font-size:calc(clamp(60px,12vw,84px) * var(--hero-factor) * var(--type-scale))}
 .font-study[data-layout="editorial"] .service h2{font-size:min(calc(36px * var(--type-scale)),calc((100vw - 76px) / 6.7));min-height:0}
 .font-study .founder h2{font-size:calc(49px * var(--type-scale))}
}
@media(max-width:400px){.font-study .hero h1{font-size:calc(58px * var(--hero-factor) * var(--type-scale))}.font-study .founder h2{font-size:calc(43px * var(--type-scale))}}
@media(max-width:350px){.font-study[data-font="current"] .hero h1{font-size:min(calc(58px * var(--type-scale)),calc((100vw - 55px) * .218))}}