.home_hero{position:relative;overflow:hidden;background:var(--navy)}
/* Full-viewport hero with content bottom-aligned, matching the mockup .hero
   (min-height:100vh; padding:140px .. 60px; display:grid; align-items:end).
   The container is the 100vh box (border-box, padding included) and pins the
   grid to the bottom, so there is a large gap under the fixed nav and the
   content sits low - the same as the design. */
.home_hero .container{min-height:100vh;padding-top:140px;padding-bottom:60px;display:flex;flex-direction:column;justify-content:flex-end}
.home_hero::before{content:"";position:absolute;top:0;right:0;width:50%;height:30%;background:radial-gradient(ellipse at top right,rgba(175,90,47,0.18),transparent 70%);pointer-events:none}

.home_hero_grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;position:relative;z-index:2}
.home_hero_location{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--sky);margin-bottom:36px}
.home_hero_location::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--copper-gradient);box-shadow:0 0 0 4px rgba(175,90,47,0.18)}

.home_hero h1{margin-bottom:34px;font-size:clamp(56px,8vw,130px);font-weight:600;line-height:0.88;letter-spacing:-0.045em;color:var(--ecru)}
.home_hero h1 span{display:block}
/* The design indents the 2nd/3rd lines progressively. Content imported from the
   mockup keeps hyphenated class names (line-2/line-3); the underscore variants
   cover a future re-populate that normalises them. */
.home_hero h1 .line-2,.home_hero h1 .line_2{padding-left:8%}
.home_hero h1 .line-3,.home_hero h1 .line_3{padding-left:20%}
.home_hero h1 em{font-style:normal;color:var(--smoke);font-weight:300;letter-spacing:-0.05em}

.home_hero .lead{max-width:460px;font-size:17px;line-height:1.65;color:rgba(241,237,226,0.72);font-weight:300;margin-bottom:42px}
.home_hero_actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}

/* Ghost CTA - ecru-tinted outline pill, subtle fill on hover. Local to the home hero. */
.home_hero .btn_ghost{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:60px;font-size:14px;font-weight:400;letter-spacing:.04em;color:var(--ecru);background:transparent;border:1px solid rgba(241,237,226,0.22);transition:all .25s}
.home_hero .btn_ghost:hover{border-color:var(--ecru);background:rgba(241,237,226,0.05)}

.home_hero_media{height:78vh;min-height:560px;border-radius:6px;overflow:hidden;position:relative}
.home_hero_media img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(0.92) contrast(1.02)}
.home_hero_media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(44,57,73,0.55) 100%);pointer-events:none}
.home_hero_stamp{position:absolute;bottom:30px;left:30px;z-index:2}

@media(max-width:1024px){
  .home_hero .container{padding-top:120px}
  .home_hero_grid{grid-template-columns:1fr}
  .home_hero_media{height:55vh;min-height:400px}
}