* { box-sizing: border-box; }
:root {
  --ivory: #fbf5e9;
  --ivory-shadow: #f2e8d6;
  --green: #123b2b;
  --green-soft: #254b39;
  --gold: #a97932;
  --gold-light: #c59a55;
  --brown: #50351f;
}
html, body { min-height: 100%; }
body {
  margin: 0;
  color: var(--green);
  background: var(--ivory);
  font-family: "DM Sans", sans-serif;
}
.landing {
  min-height: 100svh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: clamp(22px, 4vh, 42px) 22px 24px;
  isolation: isolate;
}
.landing::before, .landing::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(44vw, 520px);
  aspect-ratio: 1;
  border: 1px solid rgba(169,121,50,.20);
  border-radius: 50%;
  pointer-events: none;
}
.landing::before {
  top: -31%;
  left: -22%;
  box-shadow: 0 0 0 18px rgba(169,121,50,.035), 0 0 0 38px rgba(169,121,50,.025);
}
.landing::after {
  right: -23%;
  bottom: -34%;
  box-shadow: 0 0 0 18px rgba(169,121,50,.035), 0 0 0 38px rgba(169,121,50,.025);
}
.content {
  width: min(100%, 650px);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px 0 24px;
}
.logo {
  display: block;
  width: clamp(230px, 39vw, 390px);
  max-width: 78vw;
  height: auto;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 10px 18px rgba(73,49,22,.06));
}
.divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: clamp(8px, 2vh, 18px) 0 17px;
  color: var(--gold);
}
.divider span { width: 48px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-light)); }
.divider span:last-child { transform: rotate(180deg); }
.divider b { font-size: 13px; font-weight: 400; }
.eyebrow {
  margin: 0 0 12px;
  color: var(--gold);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .22em;
}
h1 {
  margin: 0;
  color: var(--green);
  font: 500 clamp(43px, 7vw, 66px)/1 "Cormorant Garamond", Georgia, serif;
  letter-spacing: -.02em;
}
h1 em { color: var(--gold); font-weight: 400; }
.intro {
  margin: 17px 0 0;
  color: var(--green-soft);
  font: 400 clamp(17px, 2.4vw, 21px)/1.5 "Cormorant Garamond", Georgia, serif;
}
.closing {
  margin: 17px 0 0;
  color: #88745a;
  font-size: 11px;
  letter-spacing: .025em;
}
footer {
  width: min(100%, 920px);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(169,121,50,.28);
  padding-top: 15px;
  color: #8d7047;
  font-size: 9px;
  letter-spacing: .19em;
}
.top-ornament, .bottom-ornament {
  position: absolute;
  color: rgba(169,121,50,.55);
  font-size: 19px;
}
.top-ornament { top: 24px; right: 8%; }
.bottom-ornament { bottom: 72px; left: 8%; }
@media (max-width: 560px) {
  .landing { padding: 22px 20px 20px; }
  .logo { width: min(76vw, 320px); }
  .content { padding: 20px 0 28px; }
  .eyebrow { font-size: 8px; letter-spacing: .15em; }
  .desktop { display: none; }
  .closing { max-width: 270px; line-height: 1.6; }
  footer { flex-direction: column; align-items: center; text-align: center; gap: 8px; }
  .top-ornament { top: 14px; right: 7%; }
  .bottom-ornament { bottom: 92px; left: 7%; }
}