/* A clear face on every layout: upper-right copy on wide screens,
   text above a dedicated photograph area on narrow screens. */
.hero-image{object-position:center 45%}
.hero:before{background:linear-gradient(90deg,rgba(25,43,22,.03) 20%,rgba(25,43,22,.08) 42%,rgba(25,43,22,.74) 71%,rgba(25,43,22,.85))}
.hero-inner{min-height:clamp(595px,39vw,650px);align-items:flex-start;justify-content:flex-end;padding-block:clamp(40px,3.4vw,58px) 72px}
.hero-copy{width:410px;max-width:40%}
.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}
.hero h1{font-size:clamp(40px,3.48vw,50px);line-height:1.13}
.hero-description{font-size:14px;line-height:1.7;margin-top:20px;max-width:365px}
.hero .actions{gap:20px;margin-top:24px;flex-wrap:wrap}
.hero .actions .button{font-size:12px;padding:13px 18px}
.hero-link{font-size:12px}
@media(min-width:2000px){.hero-image{object-position:center 55%}}
@media(min-width:1800px){.hero-inner{width:min(max(1200px,calc(100vw - 800px)),calc(100% - 96px))}}
@media(max-width:1100px){.hero-copy{width:370px;max-width:42%}.hero .actions{gap:14px}}
@media(max-width:1050px){
  .hero-image{object-position:47% center}
  .hero:before{background:linear-gradient(180deg,rgba(25,43,22,.88),rgba(25,43,22,.78) 33%,rgba(25,43,22,.12) 54%,rgba(25,43,22,0) 68%)}
  .hero-inner{min-height:650px;padding-block:30px 72px}
  .hero-copy{width:370px;max-width:100%}
  .hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:12px;max-width:none}
  .hero h1{font-size:36px;line-height:1.13}
  .hero-description{font-size:13px;line-height:1.65;max-width:330px;margin-top:14px}
  .hero .actions{gap:14px;margin-top:18px}
  .hero .actions .button{font-size:12px;padding:12px 16px}
}
@media(max-width:600px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr);background:#192b16}
  .hero-inner{grid-area:1/1;min-height:0;padding-block:28px 24px}
  .hero-copy{width:100%;max-width:370px}
  .hero h1{font-size:clamp(32px,8.7vw,36px)}
  .hero-image{grid-area:2/1;position:relative;inset:auto;height:clamp(420px,80vw,480px);width:100%;object-fit:cover;object-position:47% 45%;z-index:0}
  .hero:before{grid-area:2/1;position:relative;inset:auto;align-self:start;height:72px;background:linear-gradient(180deg,#192b16,rgba(25,43,22,0));z-index:1;pointer-events:none}
  .hero-note{z-index:2;right:20px;bottom:16px}
}
@media(max-width:370px){.hero .actions{gap:10px;margin-top:16px}.hero-inner{padding-block:24px}}
@media(min-width:601px) and (max-height:600px){
  .hero-inner{min-height:clamp(360px,calc(100svh - 112px),480px);padding-block:24px 32px}
  .hero-copy{width:370px;max-width:36%}
  .hero h1{font-size:32px}
  .hero .eyebrow{margin-bottom:12px}
  .hero-description{font-size:13px;margin-top:14px}
  .hero .actions{margin-top:18px;gap:14px}
  .hero:before{grid-area:auto;position:absolute;inset:0;height:auto;background:linear-gradient(90deg,rgba(25,43,22,.02) 20%,rgba(25,43,22,.1) 40%,rgba(25,43,22,.82) 72%,rgba(25,43,22,.88))}
}