body > .home-hero{
  position:relative;
  width:100%;
  max-width:none;
  min-height:calc(100vh - 78px);
  display:grid;
  grid-template-columns:minmax(500px,1fr) minmax(500px,1fr);
  align-items:center;
  gap:clamp(44px,6vw,96px);
  margin:0;
  padding:clamp(72px,9vh,112px) max(5vw,48px) clamp(66px,8vh,96px);
  overflow:hidden;
  background:#f5f1e8;
  color:#142b36;
}

body > .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  transform:none;
  background:linear-gradient(115deg,rgba(201,151,73,.1),transparent 37%),repeating-linear-gradient(0deg,rgba(8,40,58,.018) 0 1px,transparent 1px 5px);
  pointer-events:none;
}

.home-hero .hero-copy,.home-hero .hero-projects{position:relative;z-index:1}

.home-hero .eyebrow{
  margin-bottom:24px;
  color:#8b632a;
  font-size:12px;
  letter-spacing:.18em;
}

.home-hero .eyebrow::before{background:#c99749}

.home-hero h1{
  max-width:680px;
  color:#102d3b;
  font-size:clamp(50px,4.8vw,72px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.home-hero h1 .hero-line{display:block;white-space:nowrap}
.home-hero h1 .hero-line + .hero-line{margin-top:12px}
.home-hero h1 strong{color:#9a6727;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500}
.home-hero h1 em{color:#8b3a36;font-style:normal}

.home-hero .hero-p{
  max-width:620px;
  margin-top:28px;
  color:#4f6068;
  font-size:17px;
  line-height:1.85;
  letter-spacing:.01em;
}

.home-hero .hero-p em{color:#1c3b49;border-color:rgba(154,103,39,.4)}
.home-hero .cta-row{margin-top:34px;gap:12px}
.home-hero .btn{padding:14px 26px;border-radius:6px;font-size:15px;letter-spacing:.03em}
.home-hero .btn-primary{background:#c99749;color:#08283a}
.home-hero .btn-ghost{border-color:rgba(8,40,58,.28);color:#173847}
.home-hero .btn:hover{transform:translateY(-2px)}

.hero-proof{
  margin-top:24px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#6b7477;
  font-size:13px;
}
.hero-proof::before{content:"";width:28px;height:1px;background:#c99749}

.hero-projects{
  display:grid;
  grid-template-columns:1.22fr .78fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
}

.hero-project{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(8,40,58,.18);
  border-radius:9px;
  background:#0b2533;
  color:#fff;
  text-decoration:none;
  box-shadow:0 18px 44px rgba(8,40,58,.12);
  transition:transform .2s ease,border-color .2s ease;
}
.hero-project:hover,.hero-project:focus-visible{transform:translateY(-2px);border-color:#c99749}
.hero-project:focus-visible{outline:3px solid rgba(201,151,73,.45);outline-offset:3px}
.hero-project-main{grid-row:1/3;min-height:470px}
.hero-project-side{min-height:228px}
.hero-project img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(1.02)}
.hero-project-main img{object-position:center}
.hero-project-side img{object-position:center}
.hero-project-label{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  background:linear-gradient(to top,rgba(3,23,34,.94),rgba(3,23,34,.08));
}
.hero-project-label span{font-size:15px;font-weight:700}
.hero-project-label small{color:#dfbd7d;font-size:11px;white-space:nowrap}

body > .home-side-nav{display:none !important}

@media (max-width:1060px){
  body > .home-hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}
  .home-hero .hero-copy{max-width:760px}
  .hero-project-main{min-height:420px}
}

@media (max-width:700px){
  body > .home-hero{padding:52px 16px 56px;gap:38px}
  .home-hero h1{font-size:clamp(42px,13vw,58px);line-height:1.08}
  .home-hero h1 .hero-line{white-space:normal}
  .home-hero .hero-p{font-size:15px;line-height:1.8}
  .home-hero .cta-row{display:grid;grid-template-columns:1fr 1fr}
  .home-hero .btn{display:flex;align-items:center;justify-content:center;padding:13px 12px;text-align:center}
  .hero-projects{display:flex;gap:12px;overflow-x:auto;padding:0 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hero-projects::-webkit-scrollbar{display:none}
  .hero-project,.hero-project-main,.hero-project-side{flex:0 0 82vw;min-height:0;aspect-ratio:16/10;scroll-snap-align:start}
  .hero-project-label{padding:14px}
}

@media (prefers-reduced-motion:reduce){
  .home-hero .hero-in,.home-hero .hl-in{opacity:1;transform:none;animation:none}
  .hero-project{transition:none}
}