/* The complete portrait and its offer share the first viewport. */
:root{--hero-header-height:95px}
.hero{position:relative;isolation:isolate;display:block;width:100%;margin:0;padding:0;--hero-height:min(820px,calc(100vh - var(--hero-header-height)));--hero-height:min(820px,calc(100svh - var(--hero-header-height)));height:auto;min-height:var(--hero-height);max-height:none;background:#15201c;overflow:hidden;color:#fff}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(14,26,21,.88),rgba(14,26,21,.6)),url("assets/location-24-960.webp") center 42%/cover no-repeat;filter:blur(14px);transform:scale(1.04)}
.hero .hero-visual{position:absolute;inset:0 3% 0 auto;width:62%;height:100%;max-height:none;margin:0;aspect-ratio:auto;border-radius:0;overflow:hidden;background:transparent;z-index:-1}
.hero .hero-visual img{width:100%;height:100%;object-fit:contain;object-position:right center}
.hero .hero-visual::after{display:none}
.hero .hero-content{position:relative;height:auto;min-height:var(--hero-height);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:30px;gap:25px;background:none}
.hero-heading-block,.hero-details{width:49%;max-width:590px}
.hero .eyebrow{color:#f0d6ad;font-size:.8125rem;line-height:1.5;margin:0 0 18px;text-shadow:0 2px 14px #102016}
.hero h1{font-size:clamp(1.75rem,3.55vw,3rem);line-height:1.3;margin:0;letter-spacing:-.045em;text-shadow:0 2px 22px rgba(0,0,0,.45)}
.hero h1>span{color:#f4ce95}
.hero .hero-description{font-size:1.0625rem;line-height:1.75;max-width:440px;margin:0 0 14px;color:#fff;text-shadow:0 2px 8px #111}
.hero .hero-support{font-size:.875rem;line-height:1.8;max-width:440px;color:#eceee8;text-shadow:0 2px 8px #111}
.hero .hero-actions{display:flex;flex-direction:row;margin:24px 0 0;gap:0}
.hero .hero-actions .button{min-height:50px;width:auto;margin:0;padding:13px 23px;background:#ecc48b;border-color:#ecc48b;color:#14251c;font-size:.875rem;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.hero .hero-actions .button:hover{background:#f8d7a7;border-color:#f8d7a7}
.hero .hero-actions .button:focus-visible{outline-color:#fff}
@media(max-width:1000px) and (min-width:761px){.hero-heading-block,.hero-details{width:51%}.hero h1{font-size:clamp(1.65rem,3.6vw,2.1rem)}.hero .hero-visual{right:0;width:62%;opacity:.85}.hero .hero-description{font-size:.9375rem}.hero .hero-support{font-size:.8125rem}.hero .hero-content{gap:20px}}
@media(max-width:760px){
  :root{--hero-header-height:79px}
  .hero{--hero-height:min(calc(100vh - var(--hero-header-height)),133.333333vw);--hero-height:min(calc(100svh - var(--hero-header-height)),133.333333vw);height:auto;min-height:var(--hero-height);max-height:none}
  .hero::before{display:none}
  .hero .hero-visual{inset:0;width:100%;opacity:1}
  .hero .hero-visual img{object-fit:contain;object-position:center}
  .hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,18,14,.8) 0%,rgba(9,18,14,.48) 23%,rgba(9,18,14,.02) 39%,rgba(9,18,14,.08) 48%,rgba(9,18,14,.72) 67%,rgba(9,18,14,.96) 100%)}
  .hero .hero-content{z-index:1;width:calc(100% - 40px);padding-block:20px;gap:14px;justify-content:space-between;align-items:stretch}
  .hero-heading-block,.hero-details{width:100%;max-width:none}
  .hero .eyebrow{font-size:.6875rem;line-height:1.5;margin-bottom:9px;color:#f4dfbd}
  .hero h1{font-size:clamp(1.375rem,6.2vw,2.5rem);line-height:1.3;letter-spacing:-.04em}
  .hero .hero-description{font-size:.875rem;line-height:1.65;margin-bottom:8px;max-width:580px}
  .hero .hero-support{font-size:.75rem;line-height:1.65;max-width:580px;color:#f1f1eb}
  .hero .hero-actions{margin-top:14px}
  .hero .hero-actions .button{width:100%;min-height:46px;padding:11px 15px;font-size:.8125rem}
}
@media(max-width:360px){.hero .hero-content{width:calc(100% - 32px);padding-block:15px}.hero .hero-description{font-size:.8125rem}.hero .hero-support{font-size:.6875rem}.hero .hero-actions{margin-top:10px}.hero .hero-actions .button{min-height:44px}.hero .eyebrow{font-size:.625rem}}
/* Compact layout for a short landscape screen; the photo stays uncropped. */
@media(max-height:600px) and (min-aspect-ratio:1/1){
  :root{--hero-header-height:65px}
  .site-header .header-inner{min-height:64px}
  .hero .hero-content{width:calc(100% - 40px);padding-block:12px;justify-content:center;gap:10px}
  .hero-heading-block,.hero-details{width:58%;max-width:500px}
  .hero .hero-visual{inset:0 1% 0 auto;width:46%}
  .hero .hero-visual img{object-position:right center}
  .hero::after{background:linear-gradient(90deg,rgba(9,18,14,.9),rgba(9,18,14,.35) 55%,transparent 80%)}
  .hero .eyebrow{font-size:.625rem;margin-bottom:6px}
  .hero h1{font-size:1.55rem;line-height:1.22}
  .hero .hero-description{font-size:.75rem;line-height:1.45;margin-bottom:6px}
  .hero .hero-support{font-size:.6875rem;line-height:1.4}
  .hero .hero-actions{margin-top:9px}
  .hero .hero-actions .button{width:auto;min-height:42px;padding:8px 14px;font-size:.75rem}
}

@media(max-height:360px) and (min-aspect-ratio:1/1){.hero .hero-content{padding-block:9px;gap:8px}.hero-heading-block,.hero-details{width:62%}.hero h1{font-size:1.4rem}.hero .hero-actions{margin-top:7px}}