:root{
  --green:#1F362A;
  --gold:#B8955C;
  --ivory:#F2ECE0;
  --graphite:#35332F;
  --white:#FCFBF8;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ivory)}
body{
  color:var(--green);
  font-family:Inter,Arial,sans-serif;
}
.page{
  min-height:100vh;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(184,149,92,.10), transparent 32%),
    linear-gradient(180deg, #F7F3EA 0%, #F2ECE0 100%);
}
.page::before{
  content:"";
  position:absolute;
  width:52vw;
  height:52vw;
  min-width:420px;
  min-height:420px;
  border:1px solid rgba(184,149,92,.20);
  border-radius:50%;
  right:-22vw;
  top:-23vw;
}
.page::after{
  content:"";
  position:absolute;
  width:34vw;
  height:34vw;
  min-width:300px;
  min-height:300px;
  border:1px solid rgba(31,54,42,.08);
  border-radius:50%;
  left:-16vw;
  bottom:-19vw;
}
.hero{
  width:min(1120px,calc(100% - 48px));
  min-height:720px;
  padding:48px 72px 36px;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
}
.brand-block{
  display:flex;
  justify-content:center;
  align-items:center;
}
.brand-logo{
  width:320px;
  max-width:68vw;
  height:auto;
  display:block;
}
.copy{
  max-width:840px;
  margin:auto 0;
  padding:46px 0 54px;
}
.eyebrow{
  margin:0 0 22px;
  letter-spacing:.32em;
  font-size:12px;
  font-weight:500;
  color:var(--gold);
}
h1{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(60px,7.2vw,104px);
  line-height:.86;
  letter-spacing:-.03em;
  font-weight:600;
  color:var(--green);
}
h1 span{
  color:var(--graphite);
  font-weight:500;
}
.lead{
  max-width:680px;
  margin:34px 0 0;
  font-size:17px;
  line-height:1.75;
  font-weight:300;
  color:rgba(53,51,47,.76);
}
.divider{
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--gold),rgba(184,149,92,0));
}
footer{
  padding-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:rgba(31,54,42,.66);
  font-size:11px;
  letter-spacing:.16em;
}
footer p{margin:0;font-weight:500}
footer a{
  color:inherit;
  text-decoration:none;
  letter-spacing:.06em;
}
@media (max-width:720px){
  .hero{
    width:100%;
    min-height:100vh;
    padding:28px 28px 24px;
  }
  .brand-logo{width:245px;max-width:78vw}
  .copy{padding:44px 0 48px}
  h1{font-size:clamp(50px,15vw,74px);line-height:.92}
  .lead{font-size:15px;line-height:1.7}
  footer{align-items:flex-start;flex-direction:column}
}