/* hero.css — home hero + page-hero variants */

.hero{
  position:relative;
  background:var(--navy);
  color:var(--paper);
  overflow:hidden;
  isolation:isolate;
}
.hero .grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  align-items:center;
  padding:72px 0 80px;
}
@media(min-width:900px){
  .hero .grid{
    grid-template-columns:1.05fr 1fr;
    gap:64px;
    padding:104px 0 120px;
  }
}

.hero .text{position:relative;z-index:2}
.hero .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--sand);
  margin-bottom:24px;
  display:flex;
  align-items:center;
  gap:14px;
}
.hero .eyebrow::before{
  content:"";
  display:inline-block;
  width:48px;height:1px;
  background:var(--bronze);
}
.hero .title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(44px,7vw,76px);
  line-height:1;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--paper);
  margin:0 0 24px;
}
.hero .title em{
  font-style:normal;
  color:var(--bronze);
  display:block;
}
.hero .lede{
  font-size:18px;
  line-height:1.55;
  max-width:46ch;
  color:#dbe4f0;
  margin-bottom:32px;
}
.hero .actions{
  display:flex;flex-wrap:wrap;gap:14px;
  margin-bottom:36px;
}
.hero .actions .btn{padding:16px 32px}
.hero .meta{
  display:flex;
  gap:32px;
  flex-wrap:wrap;
  padding-top:24px;
  border-top:1px solid rgba(245,242,234,.18);
}
.hero .meta div strong{
  display:block;
  font-family:var(--font-display);
  font-size:32px;
  color:var(--sand);
  letter-spacing:.5px;
}
.hero .meta div span{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#9eb1c8;
}

.hero .figure{
  position:relative;
  aspect-ratio:3/2;
  overflow:hidden;
  border:1px solid rgba(168,120,56,.4);
}
.hero .figure img{
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.85) contrast(1.05);
}
.hero .figure .badge{
  position:absolute;
  bottom:16px;left:16px;
  background:var(--paper);
  color:var(--navy);
  padding:8px 14px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  border-left:3px solid var(--bronze);
}

/* page hero (inner pages) */
.page-hero{
  background:var(--paper-soft);
  border-bottom:1px solid var(--line);
  padding:56px 0 48px;
}
.page-hero .crumbs{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:16px;
  list-style:none;
  padding:0;
  display:flex;flex-wrap:wrap;gap:6px;
}
.page-hero .crumbs a{color:var(--bronze-dark)}
.page-hero .crumbs li:not(:last-child)::after{
  content:"/";margin-left:6px;color:var(--line);
}
.page-hero h1{margin-bottom:14px}
.page-hero .lede{
  font-size:18px;
  color:var(--ink-soft);
  max-width:60ch;
}