/* Typography-led layout for the professional site. */
.hero.hero-editorial-section{padding:64px 0 54px}
.hero-editorial-section .eyebrow{margin-bottom:25px}
.hero.hero-editorial-section h1{font-size:clamp(58px,7.4vw,98px);line-height:1.06;letter-spacing:-2.5px;max-width:1120px}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(235px,.7fr);gap:70px;align-items:center;margin-top:34px;padding-top:31px;border-top:1px solid #ffffff26}
.hero-editorial-section .hero-description{margin:0;max-width:58ch;font-size:16px;line-height:1.85}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:14px}
.hero-editorial-section .hero-actions .button{margin:0;font-size:12px}
.hero-editorial-section .hero-explore{display:flex;margin:0;padding:3px 0;font-size:12px;gap:24px}
.about-editorial{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:90px;align-items:start}
.about-editorial .about-copy{max-width:64ch}
.about-editorial .about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-top:23px}
.about-editorial .about-copy .text-link{margin-top:23px}
.about-credentials{border-top:1px solid #a8b0a4;padding-top:24px}
.about-credentials>h3{font-family:var(--serif);font-size:27px;line-height:1.25;color:var(--ink);margin-bottom:29px;letter-spacing:-.35px}
.about-credentials .credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 27px}
.about-credentials .credential{padding-top:18px;border-top:1px solid var(--line)}
.about-credentials .credential h4{font-size:14px;font-weight:500;line-height:1.55}
.about-credentials .credential p{font-size:13px;line-height:1.75;margin-top:7px}
.about-credentials .source-link{font-size:11px;line-height:1.6;margin-top:12px}
.about .writing{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:90px;margin-top:49px}
@media(min-width:1500px){
 .hero.hero-editorial-section{padding:76px 0 65px}
}
@media(max-width:1150px){
 .hero-bottom{gap:45px}
 .about-editorial,.about .writing{gap:48px}
}
@media(max-width:950px){
 .hero.hero-editorial-section{padding:53px 0 47px}
 .hero.hero-editorial-section h1{font-size:clamp(56px,7.3vw,76px);letter-spacing:-2px}
 .hero-bottom{gap:31px;grid-template-columns:minmax(0,1.1fr) minmax(220px,.85fr)}
 .hero-editorial-section .hero-description{font-size:15px}
 .hero-actions{max-width:100%}
 .hero-editorial-section .hero-actions .button{gap:22px;padding-inline:19px}
 .about-editorial,.about .writing{gap:35px}
 .about-credentials .credentials-grid{grid-template-columns:1fr;gap:20px}
 .about-credentials>h3{font-size:25px;margin-bottom:23px}
 .about-credentials .credential{padding-top:15px}
}
@media(max-width:760px){
 .hero.hero-editorial-section{padding:43px 0 41px}
 .hero-editorial-section .eyebrow{margin-bottom:23px}
 .hero.hero-editorial-section h1{font-size:clamp(43px,8.1vw,64px);line-height:1.09;letter-spacing:-1.5px}
 .hero-bottom{display:block;margin-top:27px;padding-top:24px}
 .hero-editorial-section .hero-description{font-size:15px;line-height:1.85;max-width:58ch}
 .hero-actions{margin-top:24px;gap:13px}
 .hero-editorial-section .hero-actions .button{gap:31px;min-height:54px}
 .hero-editorial-section .hero-explore{font-size:11px;min-height:40px}
 .about-editorial{grid-template-columns:minmax(0,1fr);gap:35px}
 .about-editorial .about-copy{max-width:64ch}
 .about-editorial .about-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin-top:20px}
 .about-credentials{padding-top:24px}
 .about-credentials>h3{font-size:27px}
 .about-credentials .credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}
 .about-credentials .credential h4{font-size:13px}
 .about-credentials .credential p{font-size:12px}
 .about .writing{grid-template-columns:1fr;gap:13px;margin-top:34px}
}
@media(max-width:380px){
 .hero.hero-editorial-section h1{font-size:40px;letter-spacing:-1.2px}
 .hero-editorial-section .hero-description{font-size:14px}
 .about-credentials .credentials-grid{grid-template-columns:1fr;gap:23px}
}

/* Homepage portrait — deliberately limited to the hero so the site remains editorial, not photo-led. */
.hero-editorial-photo-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.64fr);gap:72px;align-items:end}
.hero-editorial-copy{min-width:0}
.hero.hero-editorial-section .hero-editorial-copy h1{font-size:clamp(54px,6.1vw,86px);max-width:850px}
.hero-editorial-photo-layout .hero-bottom{grid-template-columns:minmax(0,1fr) minmax(205px,.62fr);gap:34px}
.hero-editorial-photo-layout .hero-actions{justify-self:end}
.hero-editorial-portrait{max-width:390px;align-self:end;margin:0 0 4px}
.hero-editorial-portrait .portrait-frame::before{left:-12px;top:13px;right:12px;bottom:-12px;border-color:#ba9e7770}
.hero-editorial-portrait img{aspect-ratio:1200/1530;object-fit:cover;object-position:center center}

@media(max-width:1150px){
 .hero-editorial-photo-layout{grid-template-columns:minmax(0,1.48fr) minmax(285px,.7fr);gap:48px}
 .hero.hero-editorial-section .hero-editorial-copy h1{font-size:clamp(52px,6vw,78px)}
 .hero-editorial-photo-layout .hero-bottom{grid-template-columns:minmax(0,1fr) minmax(190px,.58fr);gap:28px}
 .hero-editorial-portrait{max-width:350px}
}
@media(max-width:950px){
 .hero-editorial-photo-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,.72fr);gap:34px;align-items:center}
 .hero.hero-editorial-section .hero-editorial-copy h1{font-size:clamp(48px,6.6vw,68px);letter-spacing:-1.8px}
 .hero-editorial-photo-layout .hero-bottom{display:block}
 .hero-editorial-photo-layout .hero-actions{margin-top:23px}
 .hero-editorial-portrait{max-width:320px}
}
@media(max-width:760px){
 .hero-editorial-photo-layout{grid-template-columns:1fr;gap:38px;align-items:start}
 .hero.hero-editorial-section .hero-editorial-copy h1{font-size:clamp(43px,10.3vw,64px)}
 .hero-editorial-photo-layout .hero-actions{margin-top:24px}
 .hero-editorial-portrait{width:min(100%,430px);max-width:430px;justify-self:start;margin:0 0 10px}
 .hero-editorial-portrait img{height:auto;aspect-ratio:1200/1530;object-position:center center}
}

/* Final concise hero: preserve the two-sentence treatment alongside the portrait. */
@media(min-width:951px){
 .hero-editorial-photo-layout{grid-template-columns:minmax(0,1fr) 300px;gap:52px}
 .hero.hero-editorial-section .hero-editorial-copy h1{font-size:clamp(42px,4.1vw,52px);line-height:1.12;letter-spacing:-1.45px;max-width:none}
 .hero-editorial-portrait{max-width:300px}
}
@media(min-width:951px) and (max-width:1150px){
 .hero-editorial-photo-layout{grid-template-columns:minmax(0,1fr) 270px;gap:38px}
 .hero.hero-editorial-section .hero-editorial-copy h1{font-size:clamp(40px,4vw,46px)}
 .hero-editorial-portrait{max-width:270px}
}