/* =========================================================
   02 — HERO
   Main homepage introduction + brand philosophy
   ========================================================= */

.hero{
  position:relative;
  overflow:hidden;
  min-height:82vh;
  padding:112px 0 54px;
  display:flex;
  align-items:center;
  background:#f7f2e8;
}

.hero::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid rgba(180,147,88,.20);
  border-radius:50%;
  right:-210px;
  top:-240px;
  pointer-events:none;
}

.hero::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border:1px solid rgba(30,42,33,.10);
  border-radius:50%;
  right:-25px;
  top:-105px;
  pointer-events:none;
}

.hero .shell{position:relative;z-index:1}

.hero-editorial{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr);
  gap:86px;
  align-items:end;
}

.hero-copy{max-width:790px}

.hero-copy .eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 24px;
  color:#927542;
}

.hero-copy .eyebrow::before{
  content:"";
  width:42px;
  height:1px;
  background:#b49358;
}

.hero h1{
  max-width:780px;
  margin:0;
  color:#1e2a21;
  font-size:clamp(3.6rem,6.8vw,6.8rem);
  line-height:.94;
  letter-spacing:-.05em;
}

.hero-lead{
  max-width:590px;
  margin:30px 0 0;
  color:#555d57;
  font-size:1.08rem;
  line-height:1.7;
}

.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:8px;
}

.hero-statement{
  position:relative;
  padding:32px 0 14px 30px;
  border-left:1px solid #b49358;
}

.hero-statement-label{
  display:block;
  margin-bottom:22px;
  color:#947744;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.68rem;
  font-weight:800;
}

.hero-statement p{
  margin:0 0 8px;
  color:#626862;
  font:500 1.25rem/1.35 Georgia,"Times New Roman",serif;
}

.hero-statement strong{
  display:block;
  color:#1e2a21;
  font:500 clamp(2rem,3.2vw,3.15rem)/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
}

.hero-philosophy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:72px;
  padding:25px 0 0;
  border-top:1px solid rgba(30,42,33,.15);
}

.hero-philosophy p{
  margin:0;
  color:#6a706b;
  font-size:.78rem;
  letter-spacing:.02em;
  white-space:nowrap;
}

.hero-philosophy strong{
  margin-right:4px;
  color:#1e2a21;
  font:500 1.08rem Georgia,"Times New Roman",serif;
}

.hero-philosophy>span{
  color:#b49358;
  font-size:1rem;
}