/* Homepage hero: portrait on the right, tagline on ivory at left. */
.hero{position:relative;background:var(--ab-paper)}
.hp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);min-height:100svh}
.hp-copy{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:128px var(--ab-pad) 96px calc(var(--ab-pad) + 2vw)}
.hp-title{font-family:var(--ab-serif);font-weight:300;font-size:clamp(48px,6.2vw,100px);line-height:.98;letter-spacing:-.015em;margin:0;max-width:9.5em}
.hp-title em{font-style:italic}
.hp-line{margin:0;max-width:36ch;color:#5e5750;font-size:16px;line-height:1.6}
.hp-media{margin:0;position:relative;overflow:hidden;min-height:100svh;background:#efe7dc}
.hp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
/* Keeps the ink nav readable where it crosses the photo */
.hp-media::before{content:"";position:absolute;inset:0 0 auto 0;height:140px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(251,248,243,.82),rgba(251,248,243,0))}
.hp-cue{position:absolute;left:calc(var(--ab-pad) + 2vw);bottom:28px;font:500 11px/1 var(--ab-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ab-stone);text-decoration:none}
@media (max-width:860px){
  .hp{grid-template-columns:1fr;min-height:0}
  .hp-media{order:-1;min-height:0;height:70svh}
  .hp-media img{object-position:50% 62%}
  .hp-copy{padding:34px var(--ab-pad) 56px;gap:22px}
  .hp-title{font-size:clamp(42px,11.5vw,64px)}
  .hp-cue{display:none}
}