/* Magazine-cover layout: type leads, architecture follows. */
.hero{display:block;height:auto;min-height:0;max-height:none}
.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:end;min-height:425px;padding:85px clamp(24px,6.2vw,100px) 56px}
.hero .kicker{grid-column:1/-1;align-self:start}
.hero h1{grid-column:1;font-size:clamp(85px,8.3vw,142px);line-height:.88;margin:0;max-width:940px}
.hero h1 em{color:#806a5d}
.hero-bottom{grid-column:2;grid-row:2;align-self:end;border-top:1px solid #afb4ac;padding-top:18px;min-width:0}
.hero-bottom p{font-size:13px}
.hero-image{height:min(690px,54vw);min-height:500px;margin:0 clamp(24px,6.2vw,100px);overflow:hidden}
.hero-image img{object-position:center 53%}
.hero-image span{bottom:0;left:0;background:#eeeae2;color:#202523;padding:17px 20px}
.intro{padding-top:150px;padding-bottom:150px}
.project-section{padding-top:150px}
@media(max-width:1000px){.hero-intro{grid-template-columns:1fr 260px}.hero h1{font-size:clamp(77px,8vw,105px)}.hero-image{min-height:450px}}
@media(max-width:720px){.hero-intro{display:block;min-height:0;padding:84px 24px 48px}.hero h1{font-size:clamp(72px,15vw,105px);margin:26px 0 37px}.hero-bottom{padding-top:16px}.hero-image{height:470px;min-height:0;margin:0 24px}.hero-image img{object-position:center}.hero-image span{font-size:8px}}
@media(max-width:500px){.hero h1{font-size:clamp(72px,15.2vw,88px)}.hero-image{height:360px}.intro{padding-top:100px;padding-bottom:100px}.project-section{padding-top:95px}}