/* =========================================================================
   The Next Gold — site styles  (v2 · cinematic)
   palette: warm ivory · ink-charcoal · copper · antique gold · terracotta
   ========================================================================= */

:root {
  --ink:        #0E0907;
  --ink-2:      #16100C;
  --ink-3:      #221915;
  --ivory:      #F2EBDF;
  --ivory-2:    #E5DBC8;
  --copper:     #B87333;
  --copper-hi:  #E0A24E;
  --gold:       #C9A35D;
  --gold-hi:    #F1D192;
  --terracotta: #A14E2A;
  --cream:      #F8F2E7;
  --muted:      rgba(14, 9, 7, 0.62);
  --muted-2:    rgba(14, 9, 7, 0.42);
  --hairline:   rgba(14, 9, 7, 0.10);
  --hairline-d: rgba(242, 235, 223, 0.10);

  --serif:      'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --serif-alt:  'Instrument Serif', 'Fraunces', Georgia, serif;
  --sans:       'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --dev:        'Tiro Devanagari Hindi', 'Fraunces', serif;

  --foil:       linear-gradient(120deg, #E0A24E 0%, #F4D790 22%, #B87333 50%, #F1D192 78%, #A14E2A 100%);
  --foil-dark:  linear-gradient(120deg, #C18A3D 0%, #E5B66A 28%, #8E5621 55%, #DDA85B 80%, #6E3814 100%);

  --r-lg:       28px;
  --r-md:       18px;
  --r-sm:       12px;

  --ease-out:   cubic-bezier(.16,.84,.32,1);
  --ease-in-out: cubic-bezier(.65,.05,.35,1);
  --ease-soft:  cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
html, body { margin: 0; padding: 0; max-width: 100%; }

body {
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink);
  background: var(--ivory);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  cursor: none;
  -webkit-tap-highlight-color: rgba(184, 115, 51, .25);
}
body.is-loading { overflow: hidden; }

/* Touch-friendly tap targets, no native cursor on touch */
@media (hover: none) and (pointer: coarse) {
  /* Ensure buttons & links have comfortable tap area */
  .btn, .nav__cta, .qty__btn, .footer__link, .navlink { min-height: 44px; }
  /* Disable any animation that fights touch scrolling */
  .hero__media:hover .hero__media-img,
  .memory__photo:hover .memory__photo-frame img,
  .meet__photo:hover .meet__photo-frame img,
  .offer__photo:hover .offer__photo-frame img { transform: none; }
}

/* Prevent iOS/mobile zoom on form input focus by ensuring 16px+ */
@media (max-width: 600px) {
  input, textarea, select { font-size: 16px !important; }
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: none; border: 0; background: none; color: inherit; }
a, button, input, textarea { cursor: none; }

@media (hover: none) and (pointer: coarse) {
  body, a, button, input, textarea { cursor: auto; }
  .cursor { display: none !important; }
}

::selection { background: var(--copper); color: var(--ivory); }

/* ─── Custom cursor (single ring, no dot) ─────────────────────────────── */
.cursor {
  position: fixed; top: 0; left: 0;
  width: 32px; height: 32px;
  border: 1px solid rgba(241, 209, 146, 0.55);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 10000;
  mix-blend-mode: difference;
  transition: width .35s var(--ease-out), height .35s var(--ease-out), background .25s, border-color .25s;
  will-change: transform;
}
.cursor.is-hover { width: 56px; height: 56px; background: rgba(241, 209, 146, 0.16); border-color: var(--gold-hi); }
.cursor.is-down  { width: 22px; height: 22px; }

/* ─── Grain (vignette removed — too heavy) ───────────────────────────── */
.grain {
  position: fixed; inset: 0; pointer-events: none; z-index: 5000;
  opacity: .055; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.65 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ─── Loader (editorial bar layout) ──────────────────────────────────── */
.loader-screen {
  position: fixed; inset: 0; z-index: 9000;
  background: var(--ink);
  color: var(--ivory);
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  align-items: center;
  padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 56px);
  transition: opacity .8s var(--ease-out);
}
.loader-screen.is-out { opacity: 0; pointer-events: none; }

.loader-screen__top {
  align-self: end;
  display: flex; align-items: baseline; gap: 14px;
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(22px, 2.4vw, 28px);
  letter-spacing: -0.01em;
  font-variation-settings: "opsz" 80;
}
.loader-screen__mark { color: var(--copper-hi); animation: loader-spin 4s linear infinite; }
.loader-screen__name { font-style: italic; }
.loader-screen__est {
  font-family: var(--sans);
  font-style: normal;
  font-size: 11px; letter-spacing: .25em; text-transform: uppercase;
  color: rgba(242,235,223,.45);
  font-weight: 500;
  margin-left: auto;
}
@keyframes loader-spin { to { transform: rotate(360deg); } }

.loader-screen__bar {
  height: 1px; background: rgba(242,235,223,.1); position: relative; overflow: hidden;
}
.loader-screen__fill {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 0%;
  background: var(--foil); background-size: 200% 100%;
  animation: foil-shift 4s ease-in-out infinite;
  transition: width .35s var(--ease-out);
}

.loader-screen__bottom {
  align-self: start;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  color: rgba(242,235,223,.5);
  font-weight: 500;
}
.loader-screen__counter {
  font-family: var(--serif); font-style: italic;
  font-size: 14px; letter-spacing: .04em; text-transform: none;
  color: var(--gold-hi);
  font-variant-numeric: tabular-nums;
}
.loader-screen__counter span:last-child { opacity: .55; margin-left: 1px; }

/* ─── Reveal primitives ──────────────────────────────────────────────── */
.split-line { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease-out), transform .9s var(--ease-soft); }
.split-line.is-in { opacity: 1; transform: translateY(0); }
.split-line .line { display: block; }

.reveal-line { display: block; overflow: hidden; }
.reveal-line > * { display: inline-block; transform: translateY(110%); transition: transform 1s var(--ease-out); }
.reveal-line.is-in > * { transform: translateY(0); }

.reveal-word { display: inline-block; opacity: 0; transform: translateY(14px); transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); }
.reveal-word.is-in { opacity: 1; transform: translateY(0); }

.reveal-line-big .line {
  display: block; overflow: hidden;
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(1.6rem, 4.2vw, 4rem);
  line-height: 1.16;
  letter-spacing: -0.015em;
  font-variation-settings: "opsz" 100;
}
.reveal-line-big .line span { display: inline-block; transform: translateY(110%); transition: transform 1s var(--ease-out); }
.reveal-line-big .line.is-in span { transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .split-line, .reveal-line > *, .reveal-word { opacity: 1; transform: none; transition: none; }
}

/* ─── Type primitives ────────────────────────────────────────────────── */
.eyebrow, .kicker {
  font-family: var(--sans);
  font-size: 11px; font-weight: 500;
  letter-spacing: .28em; text-transform: uppercase;
  color: var(--copper);
  margin: 0 0 1.2rem;
  display: inline-flex; align-items: center; gap: 10px;
}
.kicker .num {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0;
  color: var(--gold);
  font-variation-settings: "opsz" 80;
}
.kicker:before {
  content: ""; display: inline-block;
  width: 18px; height: 1px; background: currentColor; opacity: .5;
}
.display {
  font-family: var(--serif);
  font-weight: 300;
  line-height: 1.0;
  letter-spacing: -0.022em;
  font-size: clamp(2.4rem, 6.4vw, 5.6rem);
  margin: 0 0 1.4rem;
  font-variation-settings: "opsz" 120;
}
.display .line { display: block; }
.display em { font-style: italic; font-weight: 300; color: var(--terracotta); font-variation-settings: "opsz" 60; }
.lede {
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  line-height: 1.75;
  color: var(--muted);
  margin: 0 0 1rem;
  max-width: 56ch;
}
.lede em { font-style: italic; color: var(--terracotta); }
.lede strong { font-weight: 600; color: var(--ink); }
.muted { color: var(--muted); }

.foil {
  background: var(--foil);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: foil-shift 8s ease-in-out infinite;
}
@keyframes foil-shift {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* ─── Buttons (with magnetic & arrow) ────────────────────────────────── */
.btn {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  gap: .55rem;
  padding: 16px 28px;
  font-family: var(--sans);
  font-size: 13.5px; font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 999px;
  transition: transform .35s var(--ease-out), background .25s, color .25s, box-shadow .25s;
  white-space: nowrap;
  border: 1px solid transparent;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
}
.btn--lg { padding: 19px 32px; font-size: 14px; }
.btn--full { width: 100%; }
.btn__arrow { display: inline-block; transition: transform .35s var(--ease-out); }
.btn:hover .btn__arrow { transform: translateX(4px); }
.btn--gold {
  background: linear-gradient(135deg, #E0A24E 0%, #B87333 60%, #8E5621 100%);
  color: #1A1411;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 14px 40px -10px rgba(184,115,51,.55);
}
.btn--gold:before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(135deg, #F1D192 0%, #E0A24E 50%, #B87333 100%);
  opacity: 0; transition: opacity .35s;
}
.btn--gold:hover:before { opacity: 1; }
.btn--gold:hover { box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, 0 22px 50px -10px rgba(184,115,51,.7); }

.btn--ghost {
  background: transparent;
  color: var(--ivory);
  border-color: rgba(242,235,223,.35);
}
.btn--ghost:hover { background: rgba(242,235,223,.06); border-color: var(--ivory); }

.memory .btn--ghost,
.offer .btn--ghost,
.modal .btn--ghost,
.reveal-product .btn--ghost {
  color: var(--ink); border-color: rgba(14,9,7,.25);
}
.memory .btn--ghost:hover,
.offer .btn--ghost:hover,
.modal .btn--ghost:hover {
  background: rgba(14,9,7,.04); border-color: var(--ink);
}

/* ─── Nav (editorial · minimal) ──────────────────────────────────────── */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(20px, 4vw, 60px);
  padding: 26px clamp(20px, 4vw, 56px);
  color: var(--ivory);
  transition: padding .4s var(--ease-out), background .4s, color .4s, backdrop-filter .4s, border-color .4s;
  border-bottom: 1px solid transparent;
}
.nav.is-pinned {
  background: rgba(14,9,7,.55);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  padding-top: 16px; padding-bottom: 16px;
  border-bottom-color: rgba(242,235,223,.06);
}
.nav.is-light { color: var(--ink); }
.nav.is-light.is-pinned { background: rgba(248,242,231,.85); border-bottom-color: var(--hairline); }

.nav__brand {
  display: inline-flex; align-items: baseline; gap: 10px;
  font-family: var(--serif);
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.01em;
  font-variation-settings: "opsz" 60;
}
.nav__mark {
  color: var(--copper-hi);
  font-size: 14px;
  align-self: center;
  transition: transform .6s var(--ease-out);
  display: inline-block;
}
.nav__brand:hover .nav__mark { transform: rotate(180deg); }
.nav__name { font-style: italic; font-weight: 400; }
.nav__est {
  font-family: var(--sans);
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  color: currentColor; opacity: .5;
  font-weight: 500;
  padding-left: 12px;
  border-left: 1px solid currentColor;
  margin-left: 4px;
  align-self: center;
  font-style: normal;
}
@media (max-width: 600px) { .nav__est { display: none; } }

/* Brand logo image (replaces text wordmark) */
.nav__logo {
  height: 72px; width: auto; display: block;
  transition: height .4s var(--ease-out), filter .4s;
}
.nav.is-pinned .nav__logo { height: 56px; }
/* Light-bg sections: invert + hue-rotate keeps the "NEXT" cutout legible and
   preserves the warm gold/copper hues (just darker), instead of crushing
   everything to solid black like brightness(0) did. */
.nav.is-light .nav__logo { filter: invert(1) hue-rotate(180deg); }
@media (max-width: 600px) {
  .nav__logo { height: 58px; }
  .nav.is-pinned .nav__logo { height: 46px; }
}
.mob-menu__brand .nav__logo { height: 64px; filter: none; }
.footer__brand-logo { height: 64px; width: auto; display: block; }

.nav__links {
  display: flex; justify-content: center; gap: clamp(20px, 3vw, 44px);
  font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
}
.navlink {
  position: relative; padding: 4px 0;
  opacity: .75; transition: opacity .3s;
  display: inline-flex; align-items: center; gap: 6px;
}
.navlink:before {
  content: ""; display: inline-block;
  width: 6px; height: 1px; background: currentColor;
  opacity: 0; transform: translateX(-4px); transition: opacity .35s, transform .35s;
}
.navlink:hover { opacity: 1; }
.navlink:hover:before { opacity: .7; transform: translateX(0); }
/* Featured nav link (Founders' Edition) — copper highlight + small dot */
.navlink--featured { color: var(--copper-hi); opacity: 1; }
.navlink--featured:before {
  content: ""; opacity: 1; transform: none;
  width: 6px; height: 6px;
  border-radius: 50%; background: var(--copper-hi);
  animation: pulse 2.4s ease-in-out infinite;
}
.nav.is-light .navlink--featured { color: var(--copper); }
.navlink span { position: relative; }
.navlink span:after {
  content: ""; position: absolute; left: 0; bottom: -3px;
  width: 100%; height: 1px;
  background: currentColor;
  transform: scaleX(0); transform-origin: right;
  transition: transform .5s var(--ease-out);
}
.navlink:hover span:after { transform: scaleX(1); transform-origin: left; }

.nav__cta {
  justify-self: end;
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  padding: 12px 22px; border-radius: 999px;
  border: 1px solid currentColor;
  font-weight: 500;
  transition: background .35s, color .35s, border-color .35s;
}
.nav__cta-arrow { transition: transform .4s var(--ease-out); display: inline-block; }
.nav__cta:hover { background: var(--copper-hi); border-color: var(--copper-hi); color: #14100C; }
.nav__cta:hover .nav__cta-arrow { transform: translateX(4px); }

/* ═══════════════════════════════════════════════════════════════════════
   MOBILE MENU TOGGLE (hamburger / X) — base styles (desktop = hidden)
   ═══════════════════════════════════════════════════════════════════════ */
.nav__menu {
  display: none;
  width: 44px; height: 44px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0;
  cursor: pointer;
  color: inherit;
  position: relative;
  z-index: 350;
  transition: background .25s, border-color .25s;
}
.nav__menu:hover { background: rgba(241, 209, 146, .08); border-color: var(--copper-hi); }
.nav__menu-line {
  display: block;
  width: 18px; height: 1.5px;
  background: currentColor;
  transition: transform .35s var(--ease-out), opacity .25s;
  transform-origin: center;
}
.nav__menu[aria-expanded="true"] {
  border-color: var(--copper-hi);
  color: var(--copper-hi);
}
.nav__menu[aria-expanded="true"] .nav__menu-line:nth-child(1) {
  transform: translateY(3px) rotate(45deg);
}
.nav__menu[aria-expanded="true"] .nav__menu-line:nth-child(2) {
  transform: translateY(-3.5px) rotate(-45deg);
}

/* Mobile breakpoint: hide desktop nav, show menu toggle */
@media (max-width: 900px) {
  .nav__links { display: none; }
  .nav__cta { display: none; }
  .nav { grid-template-columns: 1fr auto; }
  .nav__menu { display: flex; }
}

/* ═══════════════════════════════════════════════════════════════════════
   MOBILE MENU DRAWER — full-screen takeover
   ═══════════════════════════════════════════════════════════════════════ */
.mob-menu {
  position: fixed; inset: 0;
  z-index: 300;
  display: block;
}
.mob-menu[hidden] { display: none; }

.mob-menu__backdrop {
  position: absolute; inset: 0;
  background: rgba(6, 4, 10, .72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  animation: mob-fade-in .35s var(--ease-out);
}

.mob-menu__panel {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: min(440px, 100%);
  height: 100vh;
  height: 100dvh;
  background:
    radial-gradient(ellipse 80% 60% at 50% 100%, rgba(184, 115, 51, .18), transparent 70%),
    linear-gradient(160deg, #07050B 0%, #15100B 100%);
  color: var(--ivory);
  padding: clamp(18px, 4vw, 36px) clamp(20px, 5vw, 36px);
  display: flex; flex-direction: column;
  border-left: 1px solid rgba(241, 209, 146, .12);
  overflow: hidden;                 /* no rubber-band on iOS */
  overscroll-behavior: contain;
  animation: mob-slide-in .45s var(--ease-out);
  box-shadow: -30px 0 80px -10px rgba(0, 0, 0, .5);
}
.mob-menu.is-closing .mob-menu__panel { animation: mob-slide-out .35s var(--ease-out) forwards; }
.mob-menu.is-closing .mob-menu__backdrop { animation: mob-fade-out .35s var(--ease-out) forwards; }

@keyframes mob-fade-in   { from { opacity: 0; } to { opacity: 1; } }
@keyframes mob-fade-out  { from { opacity: 1; } to { opacity: 0; } }
@keyframes mob-slide-in  { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes mob-slide-out { from { transform: translateX(0); } to { transform: translateX(100%); } }

/* Header inside drawer */
.mob-menu__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 4px 0 clamp(20px, 3vw, 32px);
  border-bottom: 1px solid rgba(242, 235, 223, .1);
  margin-bottom: clamp(20px, 3vw, 32px);
}
.mob-menu__brand {
  display: inline-flex; align-items: baseline; gap: 10px;
  font-family: var(--serif);
  font-size: 17px;
  font-style: italic;
  font-variation-settings: "opsz" 80;
  color: var(--ivory);
}
.mob-menu__brand .nav__mark { color: var(--copper-hi); align-self: center; font-size: 14px; font-style: normal; }
.mob-menu__brand .nav__name { font-style: italic; }

/* Close (X) button */
.mob-menu__close {
  width: 40px; height: 40px;
  border: 1px solid rgba(242, 235, 223, .25);
  border-radius: 999px;
  background: transparent;
  color: var(--ivory);
  cursor: pointer;
  position: relative;
  transition: border-color .25s, background .25s;
}
.mob-menu__close:hover { border-color: var(--copper-hi); background: rgba(241, 209, 146, .08); }
.mob-menu__close span {
  position: absolute;
  top: 50%; left: 50%;
  width: 16px; height: 1.5px;
  background: currentColor;
  transform-origin: center;
}
.mob-menu__close span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.mob-menu__close span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }

/* Nav links — stacked, big, italic Fraunces.
   Only this section scrolls if needed (rare with 5 links). */
.mob-menu__nav {
  display: flex; flex-direction: column;
  flex: 0 1 auto;
  gap: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-bottom: clamp(20px, 3vw, 30px);
}
.mob-menu__nav::-webkit-scrollbar { display: none; }
.mob-menu__link {
  display: flex; align-items: baseline;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(242, 235, 223, .08);
  position: relative;
  text-decoration: none;
  color: var(--ivory);
  transition: color .25s, padding-left .35s var(--ease-out);
  opacity: 0;
  transform: translateX(20px);
}
.mob-menu__link:hover, .mob-menu__link:active {
  padding-left: 8px;
  color: var(--gold-hi);
}
.mob-menu[aria-hidden="false"] .mob-menu__link {
  animation: mob-link-in .55s var(--ease-out) forwards;
}
.mob-menu[aria-hidden="false"] .mob-menu__link:nth-child(1) { animation-delay: .15s; }
.mob-menu[aria-hidden="false"] .mob-menu__link:nth-child(2) { animation-delay: .25s; }
.mob-menu[aria-hidden="false"] .mob-menu__link:nth-child(3) { animation-delay: .35s; }
.mob-menu[aria-hidden="false"] .mob-menu__link:nth-child(4) { animation-delay: .45s; }
.mob-menu[aria-hidden="false"] .mob-menu__link:nth-child(5) { animation-delay: .55s; }
@keyframes mob-link-in {
  to { opacity: 1; transform: translateX(0); }
}

.mob-menu__link-num {
  font-family: var(--serif); font-style: italic;
  font-size: 13px;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  width: 22px;
}
.mob-menu__link-txt {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.4rem, 4.6vw, 1.8rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-variation-settings: "opsz" 100;
  flex: 1;
}
.mob-menu__link-arrow {
  font-size: 16px;
  color: rgba(242, 235, 223, .4);
  transition: transform .35s var(--ease-out), color .25s;
}
.mob-menu__link:hover .mob-menu__link-arrow {
  color: var(--copper-hi);
  transform: translateX(4px);
}

.mob-menu__link--featured {
  background:
    linear-gradient(90deg, rgba(184, 115, 51, .15) 0%, transparent 70%);
  border-radius: 4px;
  margin: 4px -12px;
  padding-left: 14px; padding-right: 14px;
  border-bottom-color: rgba(241, 209, 146, .2);
}
.mob-menu__link--featured .mob-menu__link-num { color: var(--gold-hi); }
.mob-menu__link--featured .mob-menu__link-txt { color: var(--gold-hi); }
.mob-menu__link--featured .mob-menu__link-arrow { color: var(--copper-hi); }

.mob-menu__link--cta .mob-menu__link-txt {
  font-style: italic;
}

/* Footer of drawer — pinned to bottom of panel */
.mob-menu__foot {
  margin-top: auto;
  flex-shrink: 0;
  padding-top: clamp(20px, 3vw, 30px);
  border-top: 1px solid rgba(242, 235, 223, .1);
}
.mob-menu__foot-label {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 14px;
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .5);
}
.mob-menu__foot-line {
  display: inline-block;
  width: 22px; height: 1px;
  background: var(--copper-hi); opacity: .55;
}
.mob-menu__contact {
  display: flex; flex-direction: column;
  gap: 3px;
  margin-bottom: 12px;
  text-decoration: none;
  color: var(--ivory);
  transition: color .25s;
}
.mob-menu__contact:hover { color: var(--gold-hi); }
.mob-menu__contact-tag {
  font-size: 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .42);
}
.mob-menu__contact-val {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1rem, 1.18vw, 1.1rem);
  font-variation-settings: "opsz" 80;
}
.mob-menu__sig {
  margin: 16px 0 0;
  font-size: 9.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .35);
}

/* Body lock when menu open — JS sets position:fixed + restores scrollY.
   The class itself is just a hook for any other state-dependent styles. */
body.mob-menu-open { /* intentional: JS handles lock via inline styles */ }

/* ═══════════════════════════════════════════════════════════════════════
   1. HERO  (editorial · minimal · single-motion)
   ═══════════════════════════════════════════════════════════════════════ */
.hero {
  position: relative;
  min-height: 100vh;
  background:
    radial-gradient(ellipse 70% 60% at 78% 50%, rgba(184, 115, 51, .22), transparent 60%),
    radial-gradient(ellipse 50% 70% at 0% 100%, rgba(161, 78, 42, .14), transparent 60%),
    var(--ink);
  color: var(--ivory);
  overflow: hidden;
  isolation: isolate;
  display: flex; align-items: center;
  padding: clamp(180px, 18vw, 240px) clamp(24px, 4vw, 80px) clamp(90px, 9vw, 130px);
}

/* soft warm glow only behind image */
.hero__glow {
  position: absolute;
  top: 50%; right: -10%;
  width: 60vmin; height: 60vmin;
  transform: translateY(-50%);
  background: radial-gradient(circle, rgba(224, 162, 78, .35) 0%, rgba(184, 115, 51, .15) 40%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
  animation: glow-breathe 9s ease-in-out infinite;
}
@keyframes glow-breathe {
  0%, 100% { opacity: .8; transform: translateY(-50%) scale(1); }
  50%      { opacity: 1;  transform: translateY(-50%) scale(1.06); }
}

/* editorial column rules */
.hero__rule {
  position: absolute; top: 0; bottom: 0;
  width: 1px;
  background: rgba(242, 235, 223, .06);
  z-index: 1;
}
.hero__rule--left  { left: clamp(24px, 4vw, 80px); }
.hero__rule--right { right: clamp(24px, 4vw, 80px); }

/* vertical date badge on left edge */
.hero__date {
  position: absolute;
  left: clamp(40px, 5vw, 102px);
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
  display: inline-flex; align-items: center; gap: 16px;
  font-size: 10px; letter-spacing: .35em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .45);
  z-index: 2;
  white-space: nowrap;
}
.hero__date-line {
  display: inline-block; width: 60px; height: 1px;
  background: rgba(242, 235, 223, .35);
}
@media (max-width: 1100px) { .hero__date, .hero__rule { display: none; } }

/* main grid — copy column wider so 2-line headline fits comfortably */
.hero__grid {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.7fr);
  align-items: center;
  gap: clamp(40px, 5vw, 80px);
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

/* ── COPY column ── */
.hero__copy { max-width: 760px; }

.hero__eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-family: var(--sans);
  font-size: 10.5px; font-weight: 500;
  letter-spacing: .32em; text-transform: uppercase;
  color: rgba(242, 235, 223, .68);
  opacity: 0;
  animation: hero-fade-in .9s var(--ease-out) .15s forwards;
}
.hero__eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--copper-hi);
  animation: pulse 2.4s ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(224, 162, 78, .55);
}
@keyframes pulse {
  0%, 100% { transform: scale(.85); box-shadow: 0 0 0 0 rgba(224,162,78,.55); }
  50%      { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(224,162,78,0); }
}
@keyframes hero-fade-in { to { opacity: 1; } }

.hero__title {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.2rem, 5.4vw, 4.8rem);
  line-height: 1.08;
  letter-spacing: -0.032em;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.hero__line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.32em;
  margin-bottom: -0.18em;
}
.hero__line .word {
  display: inline-block;
  transform: translateY(110%);
  transition: transform 1.05s var(--ease-out);
  margin-right: 0.22em;
  padding-bottom: 0.12em;
}
.hero__line .word:last-child { margin-right: 0; }
.hero__title.is-in .word { transform: translateY(0); }
.hero__title em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
}
.hero__title .foil {
  font-style: italic;
  font-variation-settings: "opsz" 80;
}

.hero__sub {
  display: flex; align-items: flex-start; gap: 20px;
  font-size: clamp(0.98rem, 1.15vw, 1.1rem);
  line-height: 1.65;
  color: rgba(242, 235, 223, .68);
  font-weight: 300;
  max-width: 56ch;
  margin: 0 0 clamp(36px, 5vw, 52px);
  text-wrap: balance;
  opacity: 0;
  transform: translateY(14px);
  animation: hero-rise .9s var(--ease-out) .9s forwards;
}
.hero__sub-rule {
  flex: 0 0 auto;
  display: block;
  width: 32px; height: 1px;
  background: var(--copper-hi);
  margin-top: 13px;
  opacity: .8;
}
.hero__sub > span:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@keyframes hero-rise { to { opacity: 1; transform: translateY(0); } }

.hero__cta {
  display: flex; align-items: center; gap: clamp(20px, 3vw, 32px); flex-wrap: wrap;
  opacity: 0; transform: translateY(14px);
  animation: hero-rise .9s var(--ease-out) 1.05s forwards;
}
.hero__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .85);
  padding: 6px 0;
}
.hero__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: currentColor;
  transition: width .45s var(--ease-out);
}
.hero__readlink:hover .hero__readlink-line { width: 48px; }

.hero__price-meta {
  display: inline-flex; align-items: center; gap: 14px;
  margin: clamp(20px, 2.4vw, 28px) 0 0;
  font-family: var(--sans);
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
  flex-wrap: wrap;
  opacity: 0; transform: translateY(14px);
  animation: hero-rise .9s var(--ease-out) 1.2s forwards;
}
.hero__price-mrp { display: inline-flex; align-items: center; gap: 6px; }
.hero__price-mrp .price-mrp { font-size: 12px; opacity: .6; margin-left: 0; }

/* ── MEDIA column ── */
.hero__media {
  position: relative;
  margin: 0;
  align-self: center;
  opacity: 0;
  transform: translateY(20px) scale(.985);
  animation: hero-rise .9s var(--ease-out) .55s forwards;
}
.hero__media-frame {
  position: relative;
  aspect-ratio: 3 / 4;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
  background: linear-gradient(135deg, #1A1411 0%, #14100C 100%);
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .08) inset,
    0 50px 120px -30px rgba(184, 115, 51, .55),
    0 20px 50px -10px rgba(0, 0, 0, .55);
}
.hero__media-frame::before {
  content: "";
  position: absolute; inset: 0;
  border: 1px solid rgba(241, 209, 146, .12);
  pointer-events: none; border-radius: inherit;
  z-index: 2;
}
.hero__media-frame::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(14, 9, 7, .35) 100%);
  pointer-events: none;
  z-index: 1;
}
.hero__media-img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
  transition: transform 1.6s var(--ease-out);
  will-change: transform;
}
.hero__media:hover .hero__media-img { transform: scale(1.04); }

.hero__media-cap {
  position: absolute;
  left: -clamp(12px, 1.5vw, 22px);
  bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--ink);
  padding: 12px 18px 12px 14px;
  border: 1px solid rgba(242, 235, 223, .08);
  z-index: 3;
}
.hero__media-cap-num {
  font-family: var(--serif); font-style: italic;
  font-size: 13px; color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
}
.hero__media-cap-txt {
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .65);
}

@media (max-width: 900px) {
  .hero { padding-bottom: 70px; min-height: auto; }
  .hero__grid { grid-template-columns: 1fr; gap: 56px; }
  .hero__media { order: -1; max-width: 380px; margin: 0 auto; }
  .hero__copy { max-width: 100%; }
}

/* ── BASE strip ── */
.hero__base {
  position: absolute;
  left: 0; right: 0; bottom: clamp(28px, 3vw, 40px); z-index: 3;
  padding: 0 clamp(24px, 4vw, 80px);
  display: flex; align-items: center; justify-content: space-between;
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
  pointer-events: none;
}
.hero__base > * { pointer-events: auto; }
.hero__stamp {
  font-family: var(--serif); font-style: italic;
  font-size: 14px; letter-spacing: 0;
  text-transform: none;
  color: var(--gold-hi);
  font-variation-settings: "opsz" 80;
}
.hero__stamp em {
  font-family: var(--sans); font-style: normal;
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .45);
  margin-left: 4px;
}
.scroll-cue {
  display: inline-flex; flex-direction: column; align-items: center; gap: 12px;
  font-size: 10px; letter-spacing: .32em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .6);
}
.scroll-cue__line {
  display: block; width: 1px; height: 44px;
  background: linear-gradient(180deg, rgba(242, 235, 223, 0), var(--gold-hi) 50%, rgba(242, 235, 223, 0));
  background-size: 1px 250%;
  background-position: 0% 0%;
  animation: cue-line 2s ease-in-out infinite;
}
@keyframes cue-line {
  0%   { background-position: 0% -100%; }
  100% { background-position: 0% 200%; }
}
@media (max-width: 760px) {
  .hero__base { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════════
   MARQUEE
   ═══════════════════════════════════════════════════════════════════════ */
.marquee {
  background: var(--ink);
  color: var(--ivory);
  border-top: 1px solid rgba(242,235,223,.08);
  border-bottom: 1px solid rgba(242,235,223,.08);
  overflow: hidden;
  padding: 22px 0;
  white-space: nowrap;
}
.marquee__track {
  display: inline-flex; gap: clamp(20px, 3vw, 40px); align-items: center;
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.4rem, 3vw, 2.6rem);
  font-weight: 400;
  color: var(--ivory);
  font-variation-settings: "opsz" 60;
  animation: marquee 32s linear infinite;
  will-change: transform;
}
.marquee__track > span { display: inline-block; }
.marquee__dot { color: var(--copper-hi); }
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.promise__marquee {
  margin-top: 80px;
  overflow: hidden;
  display: flex; gap: 1rem;
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.4rem, 2.6vw, 2.6rem);
  color: rgba(242,235,223,.4);
  white-space: nowrap;
  animation: marquee 28s linear infinite;
  font-variation-settings: "opsz" 80;
}

/* ═══════════════════════════════════════════════════════════════════════
   2. THE MEMORY  (editorial 2-column · single hero photo)
   ═══════════════════════════════════════════════════════════════════════ */
.memory {
  position: relative;
  background: var(--ivory);
  padding: clamp(120px, 16vw, 220px) clamp(24px, 4vw, 80px) clamp(100px, 14vw, 200px);
  overflow: hidden;
}
.memory__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(60px, 8vw, 130px);
  align-items: center;
  max-width: 1320px;
  margin: 0 auto;
}

/* ── Photo (left) ── */
.memory__photo {
  position: relative;
  margin: 0;
  align-self: center;
}
.memory__photo-frame {
  position: relative;
  aspect-ratio: 4 / 5;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
  background: var(--ink-2);
  box-shadow:
    0 1px 0 rgba(184, 115, 51, .12) inset,
    0 50px 100px -30px rgba(14, 9, 7, .25),
    0 20px 50px -10px rgba(184, 115, 51, .12);
  opacity: 0; transform: translateY(30px) scale(.985);
  transition: opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out);
}
.memory.is-in .memory__photo-frame { opacity: 1; transform: translateY(0) scale(1); }
.memory__photo-frame::before {
  content: ""; position: absolute; inset: 0;
  border: 1px solid rgba(184, 115, 51, .14);
  border-radius: inherit; pointer-events: none; z-index: 2;
}
.memory__photo-frame img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
  transition: transform 1.6s var(--ease-out);
  will-change: transform;
}
.memory__photo:hover .memory__photo-frame img { transform: scale(1.03); }

.memory__photo-cap {
  position: absolute;
  left: calc(-1 * clamp(12px, 1.4vw, 22px));
  bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--cream);
  padding: 14px 20px 14px 16px;
  border: 1px solid rgba(14, 9, 7, .1);
  box-shadow: 0 12px 30px -12px rgba(14, 9, 7, .18);
  z-index: 3;
}
.memory__photo-cap-num {
  font-family: var(--serif); font-style: italic;
  font-size: 16px; color: var(--copper);
  font-variation-settings: "opsz" 80;
  line-height: 1;
}
.memory__photo-cap-txt {
  font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.2;
}

/* ── Copy (right) ── */
.memory__copy { max-width: 560px; }

.memory__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 5.4vw, 4.4rem);
  line-height: 1.06;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(28px, 4vw, 40px);
  font-variation-settings: "opsz" 144;
  color: var(--ink);
}
.memory__h .line {
  display: block;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.memory__h .line:nth-child(2) { transition-delay: .12s; }
.memory.is-in .memory__h .line { opacity: 1; transform: translateY(0); }
.memory__h em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
}

.memory__paragraphs {
  display: flex; flex-direction: column;
  gap: 1.2rem;
  margin: 0 0 clamp(36px, 5vw, 52px);
  max-width: 52ch;
}
.memory__paragraphs p {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0;
  font-weight: 300;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.memory__paragraphs p:nth-child(1) { transition-delay: .35s; }
.memory__paragraphs p:nth-child(2) { transition-delay: .5s; }
.memory.is-in .memory__paragraphs p { opacity: 1; transform: translateY(0); }
.memory__paragraphs em {
  font-style: italic;
  color: var(--terracotta);
  font-weight: 400;
}

.memory__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  padding: 6px 0;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .8s var(--ease-out) .65s, transform .8s var(--ease-out) .65s;
}
.memory.is-in .memory__readlink { opacity: 1; transform: translateY(0); }
.memory__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper);
  transition: width .45s var(--ease-out);
}
.memory__readlink:hover .memory__readlink-line { width: 48px; }

@media (max-width: 900px) {
  .memory { padding: clamp(80px, 14vw, 140px) 24px clamp(80px, 12vw, 120px); }
  .memory__inner { grid-template-columns: 1fr; gap: 48px; }
  .memory__photo-frame { max-width: 380px; }
  .memory__copy { max-width: 100%; }
}

/* New shared kicker style — used in Memory and rolled out section by section */
.kicker {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-family: var(--sans);
  white-space: nowrap;
}
.kicker:before { content: none; }
/* Section number prefixes (001, 002...) hidden globally — keep markup for SEO/a11y */
.kicker__num { display: none; }
.kicker__num--keep {
  display: inline;
  font-family: var(--serif);
  font-style: italic;
  font-size: 17px;
  font-weight: 400;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.kicker__divider {
  display: inline-block; width: 32px; height: 1px;
  background: var(--copper);
  opacity: .45;
}
.kicker__label {
  font-size: 11px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
}
/* dark-bg variant */
.how .kicker__label, .heritage .kicker__label, .promise .kicker__label,
.how .kicker__num, .heritage .kicker__num, .promise .kicker__num {
  color: rgba(242, 235, 223, .72);
}
.how .kicker__num, .heritage .kicker__num, .promise .kicker__num { color: var(--copper-hi); }

/* ═══════════════════════════════════════════════════════════════════════
   3. THE QUESTION  (cinematic moment · spotlight · foil quote marks)
   ═══════════════════════════════════════════════════════════════════════ */
.question {
  position: relative;
  min-height: 100vh;
  background: #07050B;
  color: var(--ivory);
  padding: clamp(120px, 14vw, 180px) clamp(28px, 5vw, 100px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* ── Atmosphere: deep dark + dual radial copper bloom ────────────────── */
.question__atmos {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184, 115, 51, .22), transparent 70%),
    radial-gradient(ellipse 30% 35% at 50% 100%, rgba(241, 209, 146, .10), transparent 60%);
  opacity: 0;
  transition: opacity 2s var(--ease-out);
}
.question.is-in .question__atmos { opacity: 1; }

/* spotlight beam from the top */
.question__beam {
  position: absolute;
  top: 0; left: 50%;
  width: clamp(220px, 26vw, 360px); height: 65vh;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top center;
  background:
    radial-gradient(ellipse 50% 100% at 50% 0%, rgba(241, 209, 146, .26) 0%, rgba(184, 115, 51, .08) 35%, transparent 70%);
  filter: blur(40px);
  z-index: 0;
  transition: transform 1.8s var(--ease-out) .15s;
  mix-blend-mode: screen;
}
.question.is-in .question__beam { transform: translateX(-50%) scaleY(1); }
.question__beam::after {
  content: ""; position: absolute;
  top: 0; left: 50%; transform: translateX(-50%);
  width: 1px; height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(241, 209, 146, .65) 40%, rgba(241, 209, 146, .25) 70%, transparent 100%);
  animation: beam-flicker 5s ease-in-out infinite;
}
@keyframes beam-flicker {
  0%, 100% { opacity: .6; }
  35%      { opacity: 1; }
  72%      { opacity: .75; }
}

/* fine grain just for this section to deepen cinematic feel */
.question__grain {
  position: absolute; inset: 0; z-index: 1;
  pointer-events: none;
  opacity: .07;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ── Massive ornamental quote marks (heavy glyphs · solid copper · glow) ── */
.question__qm {
  position: absolute;
  font-family: 'Times New Roman', Georgia, serif;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(11rem, 22vw, 19rem);
  line-height: 0.9;
  letter-spacing: 0;
  color: var(--copper-hi);
  user-select: none;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  display: inline-block;
  text-rendering: optimizeLegibility;
  transition: opacity 1.6s var(--ease-out) .4s, transform 1.6s var(--ease-out) .4s;
  filter: drop-shadow(0 0 50px rgba(184, 115, 51, .55));
  animation: qm-shimmer 6s ease-in-out infinite;
}
.question.is-in .question__qm { opacity: .92; }
@keyframes qm-shimmer {
  0%, 100% {
    color: var(--copper-hi);
    filter: drop-shadow(0 0 40px rgba(184, 115, 51, .4));
  }
  50% {
    color: var(--gold-hi);
    filter: drop-shadow(0 0 60px rgba(241, 209, 146, .55));
  }
}
.question__qm--open {
  top: clamp(120px, 14vw, 200px);
  left: clamp(20px, 4vw, 100px);
  transform: translateY(20px);
}
.question.is-in .question__qm--open { transform: translateY(0); }
.question__qm--close {
  bottom: clamp(140px, 15vw, 210px);
  right: clamp(20px, 4vw, 100px);
  transform: translateY(-20px);
}
.question.is-in .question__qm--close { transform: translateY(0); }
@media (max-width: 720px) {
  .question__qm { font-size: clamp(8rem, 32vw, 14rem); }
  .question__qm--open  { top: 110px; left: 12px; }
  .question__qm--close { bottom: 150px; right: 12px; }
}

/* ── Top-left stamp ──────────────────────────────────────────────────── */
.question__stamp {
  position: absolute;
  top: clamp(60px, 8vw, 100px);
  left: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0;
  z-index: 4;
  font-family: var(--sans);
  white-space: nowrap;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 1s var(--ease-out) .35s, transform 1s var(--ease-out) .35s;
}
.question.is-in .question__stamp { opacity: 1; transform: translateY(0); }
.question__stamp-num {
  display: none;
}
.question__stamp-divider {
  display: inline-block; width: 32px; height: 1px;
  background: rgba(242, 235, 223, .35);
}
.question__stamp-label {
  font-size: 11px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .72);
}

/* ── Top-right whisper ───────────────────────────────────────────────── */
.question__whisper {
  position: absolute;
  top: clamp(60px, 8vw, 100px);
  right: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--serif); font-style: italic;
  font-size: 13px;
  color: rgba(242, 235, 223, .42);
  font-variation-settings: "opsz" 80;
  z-index: 4;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 1s var(--ease-out) .55s, transform 1s var(--ease-out) .55s;
}
.question.is-in .question__whisper { opacity: 1; transform: translateY(0); }
.question__whisper-line {
  display: inline-block; width: 28px; height: 1px;
  background: rgba(242, 235, 223, .3);
}
@media (max-width: 720px) { .question__whisper { display: none; } }

/* ── The quote ───────────────────────────────────────────────────────── */
.question__quote {
  position: relative; z-index: 3;
  margin: 0;
  max-width: 1100px;
  width: 100%;
  font-family: var(--serif);
  font-weight: 300;
  font-style: italic;
  font-variation-settings: "opsz" 144;
  letter-spacing: -0.018em;
}
.question__line {
  display: block;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out);
}
.question.is-in .question__line { opacity: 1; transform: translateY(0); }
.question__line--1 {
  font-size: clamp(1.1rem, 1.7vw, 1.55rem);
  color: rgba(242, 235, 223, .55);
  line-height: 1.45;
  margin-bottom: 0.3rem;
  letter-spacing: 0;
  transition-delay: .85s;
}
.question__line--2 {
  font-size: clamp(1.1rem, 1.7vw, 1.55rem);
  color: rgba(242, 235, 223, .6);
  line-height: 1.45;
  margin-bottom: 1.4rem;
  letter-spacing: 0;
  transition-delay: 1.05s;
}
.question__line--3 {
  font-size: clamp(1.6rem, 2.5vw, 2.25rem);
  color: rgba(242, 235, 223, .8);
  line-height: 1.2;
  margin-bottom: 1.4rem;
  letter-spacing: -0.012em;
  transition-delay: 1.3s;
}
.question__line--4 {
  transition-delay: 1.65s;
  transition-duration: 1.4s;
  padding-bottom: 0.18em;
  line-height: 0.95;
}
.question__line em {
  font-style: italic;
  color: var(--gold-hi);
  font-variation-settings: "opsz" 80;
}

/* ── The climax: huge foil-shimmer line + behind-glow ─────────────────── */
.question__climax {
  display: inline-block;
  position: relative;
  font-size: clamp(2.8rem, 8vw, 6.6rem);
  letter-spacing: -0.03em;
  line-height: 0.95;
}
.question__climax::before {
  content: "";
  position: absolute;
  inset: -30% -10%;
  background: radial-gradient(ellipse 60% 70% at 50% 50%, rgba(241, 209, 146, .35), transparent 70%);
  filter: blur(35px);
  z-index: -1;
  opacity: 0;
  transform: scale(.85);
  transition: opacity 1.4s var(--ease-out) 2s, transform 1.4s var(--ease-out) 2s;
}
.question.is-in .question__climax::before { opacity: 1; transform: scale(1); }
.question__climax-text {
  display: inline-block;
  font-style: italic;
  color: var(--copper-hi);
  animation: heritage-year-shimmer 8s ease-in-out infinite;
  padding-right: 0.2em;
  margin-right: -0.06em;
}
.question__climax-mark {
  display: inline-block;
  margin-left: 0.06em;
  color: var(--copper-hi);
  -webkit-text-fill-color: var(--copper-hi);
  font-style: italic;
  font-variation-settings: "opsz" 100;
}

/* ── Footer signature with rotating brass seal ───────────────────────── */
.question__foot {
  position: relative; z-index: 3;
  margin-top: clamp(60px, 9vw, 110px);
  display: inline-flex; align-items: center; gap: 18px;
  font-family: var(--serif); font-style: italic;
  font-variation-settings: "opsz" 80;
  opacity: 0;
  transition: opacity 1.2s var(--ease-out) 2.5s;
}
.question.is-in .question__foot { opacity: 1; }

.question__seal {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  flex-shrink: 0;
}
.question__seal-ring {
  position: absolute; inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(241, 209, 146, .55);
  animation: seal-spin 22s linear infinite;
}
.question__seal-ring::before, .question__seal-ring::after {
  content: ""; position: absolute;
  background: var(--copper-hi);
}
.question__seal-ring::before {
  top: -2px; left: 50%; width: 3px; height: 3px;
  border-radius: 50%; transform: translateX(-50%);
}
.question__seal-ring::after {
  bottom: -2px; left: 50%; width: 3px; height: 3px;
  border-radius: 50%; transform: translateX(-50%);
}
@keyframes seal-spin { to { transform: rotate(360deg); } }
.question__seal-mark {
  position: relative;
  display: block;
  width: 10px; height: 10px;
  border: 1.5px solid var(--copper-hi);
  border-radius: 50%;
}
.question__seal-mark::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: var(--copper-hi);
  border-radius: 50%;
}

.question__sig {
  display: flex; flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.question__sig-text {
  color: rgba(242, 235, 223, .65);
  font-size: 14px;
  margin-bottom: 4px;
}
.question__sig-meta {
  font-family: var(--sans); font-style: normal;
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .35);
}

@media (max-width: 720px) {
  .question { padding: 110px 24px 90px; min-height: 95vh; }
}

/* ═══════════════════════════════════════════════════════════════════════
   4. MEET THE COIN  (editorial · copy left · photo right)
   ═══════════════════════════════════════════════════════════════════════ */
.meet {
  position: relative;
  background: linear-gradient(180deg, var(--cream) 0%, var(--ivory) 100%);
  padding: clamp(120px, 16vw, 220px) clamp(24px, 4vw, 80px) clamp(100px, 14vw, 200px);
  overflow: hidden;
}
.meet__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
  gap: clamp(60px, 8vw, 130px);
  align-items: center;
  max-width: 1320px;
  margin: 0 auto;
}

/* ── Copy ── */
.meet__copy { max-width: 580px; }

.meet__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 5.4vw, 4.4rem);
  line-height: 1.06;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(28px, 4vw, 40px);
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  text-wrap: balance;
}
.meet__h .line {
  display: block;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.meet__h .line:nth-child(2) { transition-delay: .12s; }
.meet.is-in .meet__h .line { opacity: 1; transform: translateY(0); }
.meet__h em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
}

.meet__paragraphs {
  display: flex; flex-direction: column;
  gap: 1.2rem;
  margin: 0 0 clamp(40px, 5vw, 56px);
  max-width: 52ch;
}
.meet__paragraphs p {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0;
  font-weight: 300;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.meet__paragraphs p:nth-child(1) { transition-delay: .35s; }
.meet__paragraphs p:nth-child(2) { transition-delay: .5s; }
.meet.is-in .meet__paragraphs p { opacity: 1; transform: translateY(0); }

/* ── Spec row ── */
.meet__spec {
  list-style: none; padding: 0;
  margin: 0 0 clamp(40px, 5vw, 52px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}
.meet__spec li {
  padding: 22px 18px 22px 0;
  display: flex; flex-direction: column;
  position: relative;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.meet__spec li:not(:first-child) {
  padding-left: 22px;
  border-left: 1px solid var(--hairline);
}
.meet__spec li:nth-child(1) { transition-delay: .55s; }
.meet__spec li:nth-child(2) { transition-delay: .65s; }
.meet__spec li:nth-child(3) { transition-delay: .75s; }
.meet.is-in .meet__spec li { opacity: 1; transform: translateY(0); }

.meet__spec-num {
  display: inline-flex; align-items: baseline;
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.7rem, 2.6vw, 2.4rem);
  line-height: 1;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-variation-settings: "opsz" 80;
}
.meet__spec-val { font-style: italic; }
.meet__spec-suffix {
  font-family: var(--serif);
  font-size: 0.7em;
  color: var(--copper);
  margin-left: 3px;
  font-style: italic;
}
.meet__spec-lbl {
  font-size: 11px;
  letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
  margin-top: 10px;
  line-height: 1.3;
}

/* ── CTAs ── */
.meet__cta {
  display: flex; align-items: center;
  gap: clamp(20px, 3vw, 32px);
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .9s var(--ease-out) .9s, transform .9s var(--ease-out) .9s;
}
.meet.is-in .meet__cta { opacity: 1; transform: translateY(0); }

.meet__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  padding: 6px 0;
}
.meet__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper);
  transition: width .45s var(--ease-out);
}
.meet__readlink:hover .meet__readlink-line { width: 48px; }

/* ── Photo ── */
.meet__photo {
  position: relative;
  margin: 0;
  align-self: center;
  opacity: 0;
  transform: translateY(30px) scale(.985);
  transition: opacity 1.1s var(--ease-out) .25s, transform 1.1s var(--ease-out) .25s;
}
.meet.is-in .meet__photo { opacity: 1; transform: translateY(0) scale(1); }
.meet__photo-frame {
  position: relative;
  aspect-ratio: 4 / 5;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
  background: var(--ink-2);
  box-shadow:
    0 1px 0 rgba(184, 115, 51, .14) inset,
    0 50px 100px -30px rgba(14, 9, 7, .25),
    0 20px 50px -10px rgba(184, 115, 51, .15);
}
.meet__photo-frame::before {
  content: ""; position: absolute; inset: 0;
  border: 1px solid rgba(184, 115, 51, .14);
  border-radius: inherit; pointer-events: none; z-index: 2;
}
.meet__photo-frame img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
  transition: transform 1.6s var(--ease-out);
  will-change: transform;
}
.meet__photo:hover .meet__photo-frame img { transform: scale(1.03); }

.meet__photo-cap {
  position: absolute;
  right: calc(-1 * clamp(12px, 1.4vw, 22px));
  bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--ivory);
  padding: 14px 20px 14px 16px;
  border: 1px solid rgba(14, 9, 7, .1);
  box-shadow: 0 12px 30px -12px rgba(14, 9, 7, .18);
  z-index: 3;
}
.meet__photo-cap-num {
  font-family: var(--serif); font-style: italic;
  font-size: 16px; color: var(--copper);
  font-variation-settings: "opsz" 80;
  line-height: 1;
}
.meet__photo-cap-txt {
  font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.2;
}

@media (max-width: 900px) {
  .meet { padding: clamp(80px, 14vw, 140px) 24px clamp(80px, 12vw, 120px); }
  .meet__inner { grid-template-columns: 1fr; gap: 56px; }
  .meet__copy { max-width: 100%; }
  .meet__photo { order: -1; max-width: 380px; margin: 0 auto; }
  .meet__photo-frame { max-width: 380px; }
  .meet__spec { grid-template-columns: repeat(3, 1fr); }
  .meet__spec li { padding: 18px 12px 18px 0; }
  .meet__spec li:not(:first-child) { padding-left: 14px; }
}
@media (max-width: 480px) {
  .meet__spec { grid-template-columns: 1fr 1fr; }
  .meet__spec li:nth-child(3) { grid-column: 1 / -1; border-left: 0; padding-left: 0; border-top: 1px solid var(--hairline); }
}

/* ═══════════════════════════════════════════════════════════════════════
   5. HOW IT WORKS (sticky-ish panels)
   ═══════════════════════════════════════════════════════════════════════ */
.how {
  padding: clamp(80px, 12vw, 180px) clamp(20px, 4vw, 80px);
  background: var(--ink);
  color: var(--ivory);
  position: relative;
  overflow: hidden;
}
.how:before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(184,115,51,.25), transparent 60%);
  pointer-events: none;
}
.section-head { max-width: 760px; margin-bottom: clamp(40px, 6vw, 100px); position: relative; z-index: 1; }
.how .display { color: var(--ivory); }

.how__rail {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3vw, 40px);
}
.how__step {
  position: relative;
  background: var(--ink-2);
  border: 1px solid rgba(242,235,223,.08);
  border-radius: var(--r-lg);
  padding: 32px;
  transition: transform .6s var(--ease-out), border-color .5s, box-shadow .5s;
  overflow: hidden;
}
.how__step:hover {
  transform: translateY(-8px);
  border-color: rgba(184,115,51,.5);
  box-shadow: 0 30px 60px -20px rgba(184,115,51,.4);
}
.how__step-num {
  position: absolute; top: 24px; right: 28px;
  font-family: var(--serif); font-style: italic;
  font-size: 14px; color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
}
.how__step-num span { position: relative; }
.how__step-num span:before {
  content: ""; position: absolute; left: -22px; top: 50%; width: 14px; height: 1px; background: currentColor;
}
.how__step figure {
  margin: 28px 0 28px;
  aspect-ratio: 4 / 3;
  border-radius: var(--r-md);
  overflow: hidden;
  background: rgba(242,235,223,.04);
}
.how__step figure img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
.how__step:hover figure img { transform: scale(1.08); }
.how__step h3 { font-family: var(--serif); font-size: 1.8rem; font-weight: 400; margin: 0 0 10px; letter-spacing: -0.012em; font-variation-settings: "opsz" 80; }
.how__step h3:after {
  content: ""; display: block; width: 36px; height: 2px;
  background: var(--copper);
  margin: 14px 0;
}
.how__step p { color: rgba(242,235,223,.65); font-size: 15px; line-height: 1.7; margin: 0; }

@media (max-width: 900px) { .how__rail { grid-template-columns: 1fr; } }

/* ═══════════════════════════════════════════════════════════════════════
   6. WHERE IT BELONGS (horizontal pin)
   ═══════════════════════════════════════════════════════════════════════ */
.life {
  background: var(--cream);
  position: relative;
  overflow: hidden;
}
.life__intro {
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 80px) clamp(40px, 6vw, 80px);
  max-width: 920px;
  text-align: center;
  margin: 0 auto;
}
.life__intro .lede { color: var(--copper); font-style: italic; font-family: var(--serif); font-size: 1.05rem; }

.life__pin {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.life__rail {
  position: absolute; top: 0; left: 0;
  height: 100%;
  display: flex; align-items: center;
  gap: clamp(20px, 3vw, 40px);
  padding: 0 8vw;
  will-change: transform;
}
.life__tile {
  flex: 0 0 auto;
  margin: 0;
  width: clamp(280px, 30vw, 440px);
  aspect-ratio: 4/5;
  position: relative;
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: 0 30px 60px -20px rgba(14,9,7,.35);
  transform: translateY(0);
  transition: transform .6s var(--ease-out);
}
.life__tile:nth-child(odd) { transform: translateY(-30px); }
.life__tile:nth-child(even) { transform: translateY(30px); }
.life__tile img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-out); }
.life__tile:hover img { transform: scale(1.06); }
.life__tile-num {
  position: absolute; top: 18px; left: 22px; z-index: 2;
  font-family: var(--serif); font-style: italic;
  font-size: 14px; color: var(--ivory);
  text-shadow: 0 2px 8px rgba(0,0,0,.4);
  font-variation-settings: "opsz" 80;
}
.life__tile figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 28px 24px 22px;
  font-family: var(--serif);
  font-size: clamp(1.2rem, 1.8vw, 1.6rem);
  font-style: italic;
  color: var(--ivory);
  background: linear-gradient(180deg, transparent, rgba(14,9,7,.85));
  letter-spacing: -0.01em;
  font-variation-settings: "opsz" 60;
  font-weight: 400;
  line-height: 1.2;
}
.life__tile figcaption em { font-style: italic; color: var(--gold-hi); }

@media (max-width: 900px) {
  .life__pin { height: auto; padding: 40px 0 80px; }
  .life__rail {
    position: relative;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 24px 20px;
  }
  .life__rail::-webkit-scrollbar { display: none; }
  .life__tile { scroll-snap-align: center; }
  .life__tile:nth-child(odd), .life__tile:nth-child(even) { transform: none; }
}

/* ═══════════════════════════════════════════════════════════════════════
   6. THE SMARTER CHOICE  (editorial · hero card · no overflow clipping)
   ═══════════════════════════════════════════════════════════════════════ */
.compare {
  padding: clamp(120px, 16vw, 220px) clamp(24px, 4vw, 80px) clamp(100px, 14vw, 200px);
  background: var(--ivory);
  position: relative;
  overflow: hidden;
}

.compare__head {
  max-width: 760px;
  margin: 0 auto clamp(60px, 8vw, 100px);
  text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.compare__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 5.4vw, 4.4rem);
  line-height: 1.06;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(24px, 3vw, 36px);
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  text-wrap: balance;
}
.compare__h .line { display: block; }
.compare__lede {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0;
  max-width: 56ch;
  font-weight: 300;
  text-wrap: balance;
}

/* ── Grid ─────────────────────────────────────────────────────────────── */
.compare__grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: clamp(16px, 1.8vw, 24px);
  align-items: stretch;
  margin: 0 auto clamp(70px, 9vw, 110px);
  max-width: 1240px;
  padding-top: 28px; /* room for the foil flag above hero card */
}
.compare__grid--two {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  max-width: 980px;
}

/* ── Card base ───────────────────────────────────────────────────────── */
.compare__card {
  position: relative;
  border-radius: 6px;
  padding: 44px 32px 36px;
  background: var(--cream);
  border: 1px solid var(--hairline);
  display: flex; flex-direction: column;
  transition: transform .55s var(--ease-out), box-shadow .55s, border-color .55s;
  /* overflow: visible by default — flag must escape */
}
.compare__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px -22px rgba(14, 9, 7, .18);
  border-color: rgba(184, 115, 51, .35);
}

.compare__card-num {
  position: absolute;
  top: 22px; right: 26px;
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--copper);
  font-variation-settings: "opsz" 80;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  opacity: .8;
}

.compare__card-top { margin: 8px 0 28px; }
.compare__icon {
  display: inline-block;
  width: 26px; height: 26px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  color: var(--copper);
  margin-bottom: 18px;
  position: relative;
  opacity: .55;
}
/* the muted "○" / dot icons */
.compare__card--muted:nth-of-type(1) .compare__icon::after,
.compare__card--muted:last-of-type .compare__icon::after {
  content: "";
  position: absolute; inset: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
}
.compare__card--muted:last-of-type .compare__icon::after { opacity: .5; }

.compare__card h3 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.5rem, 1.9vw, 1.75rem);
  margin: 0 0 14px;
  line-height: 1.15;
  letter-spacing: -0.012em;
  font-variation-settings: "opsz" 80;
  color: var(--ink);
}
.compare__price {
  font-family: var(--serif);
  font-size: 1.02rem;
  color: var(--copper);
  margin: 0;
  font-style: italic;
  font-variation-settings: "opsz" 80;
  letter-spacing: 0;
}

.compare__list { list-style: none; padding: 0; margin: 0; }
.compare__list li {
  font-size: 14px; line-height: 1.55;
  padding: 13px 0 13px 28px;
  color: var(--muted);
  position: relative;
  border-top: 1px solid var(--hairline);
}
.compare__list li::before {
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 600;
}
.compare__list li.yes::before { content: "✓"; color: var(--copper); }
.compare__list li.no::before  { content: "×"; color: var(--terracotta); opacity: .55; font-size: 14px; }
.compare__list li.meh::before { content: "·"; color: var(--muted-2); font-size: 18px; }

/* ── HERO CARD ───────────────────────────────────────────────────────── */
.compare__card--hero {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(184, 115, 51, .18) 0%, transparent 60%),
    linear-gradient(160deg, #15100B 0%, #0E0907 100%);
  color: var(--ivory);
  border-color: rgba(184, 115, 51, .35);
  transform: translateY(-14px);
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .08) inset,
    0 50px 100px -28px rgba(184, 115, 51, .35);
  z-index: 2;
}
.compare__card--hero:hover {
  transform: translateY(-22px);
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .1) inset,
    0 60px 120px -28px rgba(184, 115, 51, .45);
  border-color: rgba(184, 115, 51, .55);
}
.compare__card--hero h3 { color: var(--ivory); }
.compare__card--hero .compare__price {
  color: var(--gold-hi);
  font-size: clamp(1.2rem, 1.6vw, 1.5rem);
  letter-spacing: .02em;
}
.compare__card--hero .compare__list li {
  color: rgba(242, 235, 223, .78);
  border-top-color: rgba(242, 235, 223, .08);
}
.compare__card--hero .compare__list li.yes::before { color: var(--gold-hi); }

/* the FOIL FLAG — properly visible, glow, no clipping */
.compare__flag {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 9px;
  background: var(--foil);
  background-size: 200% 100%;
  animation: foil-shift 6s ease-in-out infinite;
  color: #1A1411;
  font-size: 10.5px; font-weight: 600;
  letter-spacing: .26em; text-transform: uppercase;
  padding: 11px 22px;
  border-radius: 999px;
  white-space: nowrap;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .35) inset,
    0 12px 30px -8px rgba(184, 115, 51, .65),
    0 4px 10px -2px rgba(14, 9, 7, .25);
  z-index: 5;
}
.compare__flag-mark {
  width: 6px; height: 6px;
  background: #1A1411;
  border-radius: 50%;
  flex-shrink: 0;
}

/* hero card "02" number — copper highlight */
.compare__card-num--hero { color: var(--gold-hi); opacity: .75; }

/* hero card icon — solid foil dot (the brand mark) */
.compare__icon--hero {
  border-color: rgba(241, 209, 146, .55);
  color: var(--gold-hi);
  opacity: 1;
}
.compare__icon--hero::after {
  content: "";
  position: absolute;
  inset: 5px;
  background: var(--foil);
  background-size: 200% 100%;
  animation: foil-shift 6s ease-in-out infinite;
  border-radius: 50%;
}

.compare__cta {
  margin-top: 28px;
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--gold-hi);
  align-self: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid currentColor;
  transition: gap .3s var(--ease-out), color .3s;
}
.compare__cta:hover { gap: 18px; color: var(--ivory); }
.compare__cta-arrow { display: inline-block; transition: transform .35s var(--ease-out); }
.compare__cta:hover .compare__cta-arrow { transform: translateX(4px); }

/* ── Photo with caption tag ──────────────────────────────────────────── */
.compare__photo {
  margin: 0 auto;
  max-width: 760px;
  position: relative;
}
.compare__photo-frame {
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  overflow: hidden;
  background: var(--ink-2);
  box-shadow:
    0 1px 0 rgba(184, 115, 51, .12) inset,
    0 30px 60px -22px rgba(14, 9, 7, .25);
  border: 1px solid rgba(14, 9, 7, .08);
}
.compare__photo-frame img {
  width: 100%; height: 100%; object-fit: cover;
}
.compare__photo-cap {
  position: absolute;
  left: calc(-1 * clamp(12px, 1.4vw, 22px));
  bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--cream);
  padding: 14px 20px 14px 16px;
  border: 1px solid rgba(14, 9, 7, .1);
  box-shadow: 0 12px 30px -12px rgba(14, 9, 7, .18);
  z-index: 3;
}
.compare__photo-cap-num {
  font-family: var(--serif); font-style: italic;
  font-size: 16px; color: var(--copper);
  font-variation-settings: "opsz" 80;
  line-height: 1;
}
.compare__photo-cap-txt {
  font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.2;
}

@media (max-width: 900px) {
  .compare { padding: clamp(80px, 14vw, 140px) 24px clamp(80px, 12vw, 120px); }
  .compare__grid { grid-template-columns: 1fr; gap: 32px; padding-top: 32px; }
  .compare__card--hero { transform: none; }
  .compare__card--hero:hover { transform: translateY(-6px); }
}

/* ═══════════════════════════════════════════════════════════════════════
   7. HERITAGE  (pure typographic editorial monument)
   ═══════════════════════════════════════════════════════════════════════ */
.heritage {
  position: relative;
  background: #0B0805;
  color: var(--ivory);
  padding: clamp(120px, 14vw, 180px) clamp(28px, 5vw, 100px) clamp(80px, 9vw, 130px);
  overflow: hidden;
  isolation: isolate;
  min-height: 95vh;
  display: flex; flex-direction: column;
}

/* atmosphere */
.heritage__atmos {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 50% 60% at 30% 50%, rgba(184, 115, 51, .18), transparent 65%),
    radial-gradient(ellipse 40% 50% at 80% 30%, rgba(241, 209, 146, .08), transparent 70%);
  opacity: 0;
  transition: opacity 1.6s var(--ease-out);
}
.heritage.is-in .heritage__atmos { opacity: 1; }

/* top + bottom hairlines */
.heritage__rule {
  position: absolute;
  left: clamp(28px, 5vw, 100px);
  right: clamp(28px, 5vw, 100px);
  height: 1px;
  background: rgba(242, 235, 223, .14);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.4s var(--ease-out);
  z-index: 1;
}
.heritage__rule--top    { top: clamp(70px, 9vw, 110px); }
.heritage__rule--bottom { bottom: clamp(150px, 18vw, 220px); transform-origin: right; }
.heritage.is-in .heritage__rule { transform: scaleX(1); }
.heritage.is-in .heritage__rule--bottom { transition-delay: .25s; }

/* ── Top stamps ──────────────────────────────────────────────────────── */
.heritage__stamp {
  position: absolute;
  top: clamp(50px, 7vw, 80px);
  z-index: 4;
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0;
  white-space: nowrap;
  font-family: var(--sans);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 1s var(--ease-out) .35s, transform 1s var(--ease-out) .35s;
}
.heritage.is-in .heritage__stamp { opacity: 1; transform: translateY(0); }
.heritage__stamp--left  { left: clamp(28px, 5vw, 100px); }
.heritage__stamp--right { right: clamp(28px, 5vw, 100px); transition-delay: .5s; }
.heritage__stamp .kicker__num   { color: var(--copper-hi); }
.heritage__stamp .kicker__label { color: rgba(242, 235, 223, .72); }
.heritage__stamp .kicker__divider { background: rgba(242, 235, 223, .35); }

.heritage__stamp--right {
  font-size: 11px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
}
.heritage__stamp-line {
  display: inline-block; width: 28px; height: 1px;
  background: rgba(242, 235, 223, .35);
}

/* ── Inner editorial spread ──────────────────────────────────────────── */
.heritage__inner {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(50px, 7vw, 110px);
  align-items: center;
  margin: auto 0;
  max-width: 1320px;
  width: 100%;
  padding: clamp(40px, 6vw, 80px) 0;
}

/* ── Big YEAR centerpiece (left column) ──────────────────────────────── */
.heritage__year {
  display: flex; flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.heritage__year-eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  font-family: var(--sans);
  font-size: 11px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .9s var(--ease-out) .55s, transform .9s var(--ease-out) .55s;
}
.heritage.is-in .heritage__year-eyebrow { opacity: 1; transform: translateY(0); }
.heritage__year-eyebrow-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper-hi);
}

.heritage__year-num {
  display: inline-block;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(7rem, 14vw, 14rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-variation-settings: "opsz" 144;
  font-variant-numeric: tabular-nums;
  color: var(--copper-hi);
  animation: heritage-year-shimmer 8s ease-in-out infinite;
  padding: 0 0.18em 0.32em 0.04em;
  margin: 0 -0.14em -0.18em -0.04em;
  opacity: 0;
  transform: translateY(40px) scale(.96);
  transition: opacity 1.4s var(--ease-out) .8s, transform 1.4s var(--ease-out) .8s, color 1.6s ease-in-out, filter 1.6s ease-in-out;
}
@keyframes heritage-year-shimmer {
  0%, 100% {
    color: var(--copper-hi);
    filter: drop-shadow(0 8px 30px rgba(184, 115, 51, .35));
  }
  50% {
    color: var(--gold-hi);
    filter: drop-shadow(0 10px 45px rgba(241, 209, 146, .5));
  }
}
.heritage.is-in .heritage__year-num { opacity: 1; transform: translateY(0) scale(1); }

.heritage__year-meta {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: rgba(242, 235, 223, .55);
  font-variation-settings: "opsz" 80;
  margin-top: 4px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .9s var(--ease-out) 1.4s, transform .9s var(--ease-out) 1.4s;
}
.heritage.is-in .heritage__year-meta { opacity: 1; transform: translateY(0); }
.heritage__year-mark {
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--copper-hi);
  box-shadow: 0 0 0 0 rgba(224, 162, 78, .55);
  animation: pulse 2.4s ease-in-out infinite;
}

/* ── Right column: headline + paragraphs + stats ─────────────────────── */
.heritage__copy {
  max-width: 580px;
}

.heritage__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 5.4vw, 4.4rem);
  line-height: 1.04;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(28px, 4vw, 40px);
  font-variation-settings: "opsz" 144;
  color: var(--ivory);
  text-wrap: balance;
}
.heritage__h .line {
  display: block;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.heritage__h .line:nth-child(1) { transition-delay: .65s; }
.heritage__h .line:nth-child(2) { transition-delay: .8s; }
.heritage.is-in .heritage__h .line { opacity: 1; transform: translateY(0); }
.heritage__h em {
  font-style: italic; font-weight: 300;
  color: var(--gold-hi);
  font-variation-settings: "opsz" 80;
}

.heritage__paragraphs {
  display: flex; flex-direction: column;
  gap: 1.2rem;
  margin: 0 0 clamp(40px, 5vw, 56px);
  max-width: 52ch;
}
.heritage__paragraphs p {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.75;
  color: rgba(242, 235, 223, .68);
  margin: 0;
  font-weight: 300;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.heritage__paragraphs p:nth-child(1) { transition-delay: 1.05s; }
.heritage__paragraphs p:nth-child(2) { transition-delay: 1.2s; }
.heritage.is-in .heritage__paragraphs p { opacity: 1; transform: translateY(0); }

/* ── Stats grid (4 columns) ──────────────────────────────────────────── */
.heritage__stats {
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid rgba(242, 235, 223, .12);
  border-bottom: 1px solid rgba(242, 235, 223, .12);
}
.heritage__stats li {
  padding: 22px 14px 22px 0;
  display: flex; flex-direction: column;
  gap: 8px;
  position: relative;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.heritage__stats li:not(:first-child) {
  padding-left: 18px;
  border-left: 1px solid rgba(242, 235, 223, .12);
}
.heritage__stats li:nth-child(1) { transition-delay: 1.4s; }
.heritage__stats li:nth-child(2) { transition-delay: 1.5s; }
.heritage__stats li:nth-child(3) { transition-delay: 1.6s; }
.heritage__stats li:nth-child(4) { transition-delay: 1.7s; }
.heritage.is-in .heritage__stats li { opacity: 1; transform: translateY(0); }

.heritage__stat-num {
  display: inline-flex; align-items: baseline;
  font-family: var(--serif);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(1.6rem, 2.4vw, 2.2rem);
  line-height: 1;
  color: var(--ivory);
  font-variant-numeric: tabular-nums;
  font-variation-settings: "opsz" 80;
}
.heritage__stat-suffix {
  font-size: 0.6em;
  color: var(--copper-hi);
  margin-left: 3px;
  font-style: italic;
}
.heritage__stat-num--mark {
  align-items: center;
  height: clamp(1.6rem, 2.4vw, 2.2rem);
}
.heritage__stat-tick {
  display: inline-block;
  width: 14px; height: 14px;
  border: 1.5px solid var(--copper-hi);
  border-radius: 50%;
  position: relative;
}
.heritage__stat-tick::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 6px; height: 3px;
  border-left: 1.5px solid var(--copper-hi);
  border-bottom: 1.5px solid var(--copper-hi);
  transform: translate(-50%, -65%) rotate(-45deg);
}
.heritage__stat-lbl {
  font-size: 10.5px;
  letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .5);
  line-height: 1.3;
}

/* ── Bottom timeline ─────────────────────────────────────────────────── */
.heritage__timeline {
  position: relative; z-index: 2;
  display: flex; align-items: center; gap: clamp(16px, 2vw, 28px);
  margin-top: clamp(50px, 6vw, 80px);
  padding-top: clamp(30px, 4vw, 50px);
  border-top: 1px solid rgba(242, 235, 223, .1);
  font-family: var(--sans);
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .45);
  opacity: 0;
  transition: opacity 1s var(--ease-out) 1.85s;
}
.heritage.is-in .heritage__timeline { opacity: 1; }

.heritage__tl-mark {
  font-family: var(--serif);
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
}
.heritage__tl-line {
  flex: 1; height: 1px;
  background: linear-gradient(90deg,
    rgba(242, 235, 223, .08) 0%,
    rgba(242, 235, 223, .25) 50%,
    rgba(242, 235, 223, .08) 100%);
}
.heritage__tl-meta {
  white-space: nowrap;
  color: rgba(242, 235, 223, .55);
}

@media (max-width: 900px) {
  .heritage { padding: clamp(80px, 14vw, 130px) 24px clamp(70px, 10vw, 100px); min-height: auto; }
  .heritage__inner { grid-template-columns: 1fr; gap: 40px; padding: 32px 0; }
  .heritage__copy { max-width: 100%; }
  .heritage__year-num { font-size: clamp(5rem, 22vw, 9rem); }
  .heritage__stats { grid-template-columns: 1fr 1fr; }
  .heritage__stats li:nth-child(3) { border-left: 0; padding-left: 0; border-top: 1px solid rgba(242,235,223,.12); padding-top: 22px; }
  .heritage__stats li:nth-child(4) { border-top: 1px solid rgba(242,235,223,.12); padding-top: 22px; }
  .heritage__stamp--right { display: none; }
  .heritage__timeline { flex-wrap: wrap; gap: 12px; justify-content: center; }
  .heritage__tl-meta { width: 100%; text-align: center; order: 1; }
  .heritage__tl-line { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════════
   8. BRING IT HOME / OFFER  (commerce-grade editorial)
   ═══════════════════════════════════════════════════════════════════════ */
.offer {
  position: relative;
  background: linear-gradient(180deg, var(--cream) 0%, var(--ivory) 100%);
  padding: clamp(120px, 16vw, 220px) clamp(24px, 4vw, 80px) clamp(100px, 14vw, 200px);
  overflow: hidden;
  isolation: isolate;
}
.offer__atmos {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 25% 50%, rgba(184, 115, 51, .12), transparent 65%),
    radial-gradient(ellipse 50% 40% at 80% 20%, rgba(241, 209, 146, .08), transparent 70%);
}

.offer__inner {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(50px, 7vw, 110px);
  align-items: center;
  max-width: 1320px;
  margin: 0 auto;
}

/* ── Photo (left) ────────────────────────────────────────────────────── */
.offer__photo {
  position: relative;
  margin: 0;
  align-self: center;
  opacity: 0;
  transform: translateY(30px) scale(.985);
  transition: opacity 1.1s var(--ease-out) .15s, transform 1.1s var(--ease-out) .15s;
}
.offer.is-in .offer__photo { opacity: 1; transform: translateY(0) scale(1); }

.offer__photo-frame {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
  background: #0E0907;
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .14) inset,
    0 60px 120px -30px rgba(184, 115, 51, .35),
    0 25px 60px -10px rgba(14, 9, 7, .25);
}
.offer__photo-frame::before {
  content: ""; position: absolute; inset: 0; z-index: 3;
  border: 1px solid rgba(241, 209, 146, .18);
  border-radius: inherit; pointer-events: none;
}
.offer__photo-frame::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(180deg, transparent 55%, rgba(14, 9, 7, .35) 100%);
  pointer-events: none;
}
.offer__photo-frame img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
  transition: transform 1.6s var(--ease-out);
  will-change: transform;
}
.offer__photo:hover .offer__photo-frame img { transform: scale(1.04); }

.offer__photo-glow {
  position: absolute;
  inset: 30% 20%;
  background: radial-gradient(circle, rgba(241, 209, 146, .25), transparent 70%);
  filter: blur(40px);
  z-index: 1;
  pointer-events: none;
  animation: glow-pulse 8s ease-in-out infinite;
}

/* "In stock" pill above the photo */
.offer__photo-tag {
  position: absolute;
  top: -16px; left: 24px;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px;
  background: var(--cream);
  border: 1px solid rgba(14, 9, 7, .12);
  box-shadow: 0 12px 30px -12px rgba(14, 9, 7, .15);
  font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  z-index: 4;
}
.offer__photo-tag::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #2E8B57;
  box-shadow: 0 0 0 0 rgba(46, 139, 87, .55);
  animation: pulse 2.4s ease-in-out infinite;
}

/* caption tag bottom-right of the frame */
.offer__photo-cap {
  position: absolute;
  right: calc(-1 * clamp(12px, 1.4vw, 22px));
  bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--ivory);
  padding: 14px 20px 14px 16px;
  border: 1px solid rgba(14, 9, 7, .1);
  box-shadow: 0 12px 30px -12px rgba(14, 9, 7, .18);
  z-index: 4;
}
.offer__photo-cap-num {
  font-family: var(--serif); font-style: italic;
  font-size: 16px; color: var(--copper);
  font-variation-settings: "opsz" 80;
  line-height: 1;
}
.offer__photo-cap-txt {
  font-size: 11px; letter-spacing: .24em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.2;
}

/* ── Buy column (right) ──────────────────────────────────────────────── */
.offer__buy {
  max-width: 560px;
}

.offer__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 5.4vw, 4.4rem);
  line-height: 1.06;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(24px, 3vw, 36px);
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  text-wrap: balance;
}
.offer__h .line {
  display: block;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.offer__h .line:nth-child(1) { transition-delay: .35s; }
.offer__h .line:nth-child(2) { transition-delay: .5s; }
.offer.is-in .offer__h .line { opacity: 1; transform: translateY(0); }
.offer__h em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
}

.offer__lede {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0 0 clamp(36px, 5vw, 52px);
  max-width: 50ch;
  font-weight: 300;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .8s var(--ease-out) .65s, transform .8s var(--ease-out) .65s;
}
.offer.is-in .offer__lede { opacity: 1; transform: translateY(0); }

/* ── Price block ─────────────────────────────────────────────────────── */
.offer__price {
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  padding: clamp(22px, 2.5vw, 30px) 0;
  margin: 0 0 clamp(28px, 3.5vw, 40px);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .8s var(--ease-out) .8s, transform .8s var(--ease-out) .8s;
}
.offer.is-in .offer__price { opacity: 1; transform: translateY(0); }
.offer__price-row {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.offer__price-main {
  display: inline-flex; align-items: baseline;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  font-variation-settings: "opsz" 144;
  font-variant-numeric: tabular-nums;
}
.offer__price-currency {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  margin-right: 6px;
  color: var(--copper);
}
.offer__price-num {
  font-size: clamp(3rem, 5.5vw, 4.6rem);
  letter-spacing: -0.02em;
  color: var(--ink);
  padding-right: 0.08em;
}
.offer__price-meta {
  display: flex; align-items: center; gap: 14px;
  font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
  flex-wrap: wrap;
}
.offer__price-meta-tag { white-space: nowrap; }
.offer__price-meta-divider {
  display: inline-block; width: 16px; height: 1px;
  background: var(--copper); opacity: .55;
}
.offer__price-mrp {
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  margin-left: 14px;
  align-self: center;
  letter-spacing: -0.01em;
}

/* ── Shared MRP strikethrough + Save chip (works on dark or light bg) ─── */
.price-mrp {
  color: inherit; opacity: .42;
  text-decoration: line-through;
  font-family: var(--serif); font-style: italic;
  font-size: .55em;
  margin-left: .35em;
  font-weight: 300;
  letter-spacing: 0;
  font-variation-settings: "opsz" 80;
}
.price-save {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 12px;
  background: var(--copper);
  color: var(--ivory);
  font-family: var(--sans);
  font-size: 10.5px; letter-spacing: .26em;
  text-transform: uppercase; font-weight: 600;
  border-radius: 2px;
  white-space: nowrap;
  box-shadow: 0 4px 14px -6px rgba(184, 115, 51, .55);
}
.price-save::before {
  content: "";
  display: inline-block; width: 14px; height: 1px;
  background: currentColor; opacity: .85;
}

/* ── Quantity (stacked: label → stepper → total inline below) ────────── */
.offer__qty {
  margin: 0 0 clamp(32px, 4vw, 44px);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .8s var(--ease-out) .9s, transform .8s var(--ease-out) .9s;
}
.offer.is-in .offer__qty { opacity: 1; transform: translateY(0); }

.offer__qty label {
  display: block;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--copper);
  margin-bottom: 12px;
}

/* The pill stepper itself — − [ N ] + */
.qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(14, 9, 7, .14);
  border-radius: 999px;
  background: var(--ivory);
  padding: 4px;
  height: 52px;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 6px 18px -8px rgba(14, 9, 7, .12);
  transition: border-color .25s, box-shadow .25s;
}
.qty:hover, .qty:focus-within {
  border-color: rgba(184, 115, 51, .45);
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 12px 28px -10px rgba(184, 115, 51, .25);
}
.qty__btn {
  width: 42px;
  height: 42px;
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 999px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .25s, color .25s, transform .15s;
  font-variation-settings: "opsz" 80;
}
.qty__btn:hover { background: rgba(184, 115, 51, .12); color: var(--copper); }
.qty__btn:active { transform: scale(.92); }
.qty input {
  width: 56px;
  height: 42px;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  background: transparent;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-variation-settings: "opsz" 80;
  -moz-appearance: textfield;
  appearance: textfield;
}
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.offer__total {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 500;
}
.offer__total strong {
  font-family: var(--serif);
  font-style: italic;
  color: var(--ink);
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  font-weight: 500;
  margin-left: 10px;
  letter-spacing: 0;
  text-transform: none;
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}

/* ── CTAs ────────────────────────────────────────────────────────────── */
.offer__ctas {
  display: flex; align-items: center;
  gap: clamp(20px, 3vw, 32px);
  flex-wrap: wrap;
  margin: 0 0 clamp(32px, 4vw, 44px);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .9s var(--ease-out) 1.05s, transform .9s var(--ease-out) 1.05s;
}
.offer.is-in .offer__ctas { opacity: 1; transform: translateY(0); }

.offer__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--ink);
  padding: 6px 0;
}
.offer__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper);
  transition: width .45s var(--ease-out);
}
.offer__readlink:hover .offer__readlink-line { width: 48px; }

/* ── Trust signals (3 lines with hairline marks) ─────────────────────── */
.offer__trust {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 11px;
  padding-top: clamp(28px, 3.5vw, 40px);
  border-top: 1px solid var(--hairline);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .9s var(--ease-out) 1.2s, transform .9s var(--ease-out) 1.2s;
}
.offer.is-in .offer__trust { opacity: 1; transform: translateY(0); }
.offer__trust li {
  display: flex; align-items: center; gap: 14px;
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
}
.offer__trust-mark {
  display: inline-block; width: 18px; height: 1px;
  background: var(--copper);
  opacity: .55;
  flex-shrink: 0;
}
.offer__trust-text {}

@media (max-width: 900px) {
  .offer { padding: clamp(80px, 14vw, 140px) 24px clamp(80px, 12vw, 120px); }
  .offer__inner { grid-template-columns: 1fr; gap: 56px; }
  .offer__buy { max-width: 100%; }
  .offer__photo-frame { max-width: 380px; }
  .offer__qty { width: 100%; }
}

/* ═══════════════════════════════════════════════════════════════════════
   9. THE PROMISE  (line-drawn ritual diagram + single-line slogan)
   ═══════════════════════════════════════════════════════════════════════ */
.promise {
  position: relative;
  min-height: 100vh;
  background: #06040A;
  color: var(--ivory);
  padding: clamp(100px, 12vw, 160px) clamp(28px, 5vw, 100px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.promise__atmos {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184, 115, 51, .14), transparent 70%);
  opacity: 0;
  transition: opacity 1.8s var(--ease-out);
}
.promise.is-in .promise__atmos { opacity: 1; }

.promise__inner {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: center;
  gap: clamp(50px, 7vw, 90px);
  max-width: 1100px;
  width: 100%;
}

/* eyebrow: "── The Ritual ──" */
.promise__eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0;
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: .32em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 1s var(--ease-out) .25s, transform 1s var(--ease-out) .25s;
}
.promise.is-in .promise__eyebrow { opacity: 1; transform: translateY(0); }
.promise__eyebrow-line {
  display: inline-block; width: 32px; height: 1px;
  background: var(--copper-hi);
  opacity: .55;
}

/* ── Process diagram ─────────────────────────────────────────────────── */
.promise__process {
  display: flex; align-items: flex-start; justify-content: center;
  gap: clamp(8px, 2vw, 32px);
  width: 100%;
}

.promise__step {
  margin: 0;
  display: flex; flex-direction: column; align-items: center;
  gap: 18px;
  color: var(--copper-hi);
  flex-shrink: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out);
}
.promise__step:nth-of-type(1) { transition-delay: .55s; }
.promise__step:nth-of-type(2) { transition-delay: .95s; }
.promise__step:nth-of-type(3) { transition-delay: 1.35s; }
.promise.is-in .promise__step { opacity: 1; transform: translateY(0); }

.promise__icon {
  width: clamp(96px, 11vw, 140px);
  height: clamp(96px, 11vw, 140px);
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.promise__icon::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(184, 115, 51, .12), transparent 70%);
}
.promise__icon svg {
  width: 100%; height: 100%;
  position: relative;
  filter: drop-shadow(0 2px 12px rgba(184, 115, 51, .25));
}

/* SVG line draw-on animation (paths normalized to pathLength=100) */
.promise__icon svg path,
.promise__icon svg circle,
.promise__icon svg ellipse {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 2.4s var(--ease-out);
}
.promise.is-in .promise__step:nth-of-type(1) .promise__icon svg path,
.promise.is-in .promise__step:nth-of-type(1) .promise__icon svg circle,
.promise.is-in .promise__step:nth-of-type(1) .promise__icon svg ellipse { stroke-dashoffset: 0; transition-delay: .85s; }
.promise.is-in .promise__step:nth-of-type(2) .promise__icon svg path,
.promise.is-in .promise__step:nth-of-type(2) .promise__icon svg circle,
.promise.is-in .promise__step:nth-of-type(2) .promise__icon svg ellipse { stroke-dashoffset: 0; transition-delay: 1.25s; }
.promise.is-in .promise__step:nth-of-type(3) .promise__icon svg path,
.promise.is-in .promise__step:nth-of-type(3) .promise__icon svg circle,
.promise.is-in .promise__step:nth-of-type(3) .promise__icon svg ellipse { stroke-dashoffset: 0; transition-delay: 1.65s; }

.promise__step-cap {
  display: flex; flex-direction: column; align-items: center;
  gap: 4px;
  margin-top: 6px;
}
.promise__step-num {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.promise__step-label {
  font-family: var(--sans);
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
}

/* horizontal connector hairline between steps */
.promise__connector {
  flex: 1;
  max-width: clamp(40px, 6vw, 90px);
  height: 1px;
  align-self: flex-start;
  margin-top: clamp(48px, 5.5vw, 70px);
  background: linear-gradient(90deg, transparent, rgba(184, 115, 51, .45), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 1s var(--ease-out);
}
.promise__process .promise__connector:nth-of-type(2) { transition-delay: .8s; }
.promise__process .promise__connector:nth-of-type(4) { transition-delay: 1.2s; }
.promise.is-in .promise__connector { transform: scaleX(1); }

/* ── Single-line slogan ──────────────────────────────────────────────── */
.promise__slogan {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.1rem, 2.1vw, 1.85rem);
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: rgba(242, 235, 223, .82);
  text-align: center;
  margin: 0;
  font-variation-settings: "opsz" 100;
  white-space: nowrap;
  display: inline-flex; align-items: center; justify-content: center;
  gap: clamp(8px, 1.2vw, 16px);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 1.2s var(--ease-out) 2s, transform 1.2s var(--ease-out) 2s;
}
.promise.is-in .promise__slogan { opacity: 1; transform: translateY(0); }
.promise__slogan em {
  font-style: italic;
  color: var(--gold-hi);
  font-variation-settings: "opsz" 80;
}
.promise__slogan-dot {
  color: var(--copper-hi);
  opacity: .8;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1;
}
.promise__slogan-hindi {
  font-family: var(--dev);
  font-style: normal;
  font-weight: 400;
  font-size: 0.95em;
  color: var(--gold-hi);
  letter-spacing: 0.015em;
  padding: 0 0.05em;
  display: inline-block;
  vertical-align: -0.02em;
  animation: heritage-year-shimmer 8s ease-in-out infinite;
}

@media (max-width: 900px) {
  .promise {
    min-height: auto;
    padding: clamp(70px, 11vw, 100px) 24px clamp(60px, 9vw, 90px);
  }
  .promise__inner { gap: clamp(40px, 7vw, 60px); }
}
@media (max-width: 760px) {
  .promise__slogan {
    white-space: normal;
    max-width: 36ch;
    font-size: clamp(1rem, 4.2vw, 1.3rem);
  }
}
@media (max-width: 600px) {
  /* Keep the ritual horizontal — just compress everything */
  .promise__process {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
  }
  .promise__step { gap: 10px; flex-shrink: 1; }
  .promise__icon { width: 64px; height: 64px; }
  .promise__connector {
    max-width: 18px;
    width: 100%;
    height: 1px;
    margin-top: 32px;
    background: linear-gradient(90deg, transparent, rgba(184, 115, 51, .55), transparent);
  }
  .promise__step-cap { gap: 2px; }
  .promise__step-num { font-size: 11px; }
  .promise__step-label { font-size: 9px; letter-spacing: .2em; }
}
@media (max-width: 380px) {
  .promise__icon { width: 56px; height: 56px; }
  .promise__connector { max-width: 12px; margin-top: 28px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════════════ */
.footer {
  position: relative;
  background: #050309;
  color: var(--ivory);
  padding: clamp(60px, 7vw, 90px) clamp(28px, 5vw, 80px) clamp(28px, 3vw, 40px);
  overflow: hidden;
  isolation: isolate;
  z-index: 2;
}

.footer__atmos {
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 100%, rgba(184, 115, 51, .14), transparent 70%),
    radial-gradient(ellipse 40% 50% at 50% 0%, rgba(241, 209, 146, .06), transparent 70%);
  pointer-events: none;
}

/* ── Top divider with brand mark ─────────────────────────────────────── */
.footer__topline {
  display: flex; align-items: center;
  gap: clamp(20px, 3vw, 40px);
  margin: 0 auto clamp(50px, 6vw, 80px);
  max-width: 1320px;
  position: relative; z-index: 1;
}
.footer__topline-rule {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(184, 115, 51, .35), transparent);
}
.footer__topline-mark {
  display: inline-block;
  width: 12px; height: 12px;
  border: 1.5px solid var(--copper-hi);
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}
.footer__topline-mark::after {
  content: "";
  position: absolute; inset: 2.5px;
  background: var(--copper-hi);
  border-radius: 50%;
}

/* ── Main editorial grid ─────────────────────────────────────────────── */
.footer__grid {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 1fr auto;
  gap: clamp(36px, 4.5vw, 64px);
  max-width: 1320px;
  margin: 0 auto;
  padding-bottom: clamp(60px, 7vw, 90px);
}

/* ── Brand column ────────────────────────────────────────────────────── */
.footer__col--brand {
  display: flex; flex-direction: column; gap: 20px;
}
.footer__brand {
  display: inline-flex; align-items: baseline; gap: 12px;
  font-family: var(--serif);
  font-size: clamp(1.6rem, 2.2vw, 2rem);
  font-weight: 400;
  letter-spacing: -0.012em;
  font-variation-settings: "opsz" 80;
  color: var(--ivory);
  width: fit-content;
  transition: color .3s;
}
.footer__brand:hover { color: var(--gold-hi); }
.footer__brand-mark {
  display: inline-block;
  width: 12px; height: 12px;
  border: 1.5px solid var(--copper-hi);
  border-radius: 50%;
  position: relative;
  align-self: center;
  transition: transform .6s var(--ease-out);
}
.footer__brand-mark::after {
  content: "";
  position: absolute; inset: 2.5px;
  background: var(--copper-hi);
  border-radius: 50%;
}
.footer__brand:hover .footer__brand-mark { transform: rotate(180deg); }
.footer__brand-name { font-style: italic; }

.footer__tagline {
  font-family: var(--serif);
  font-size: clamp(1.3rem, 1.8vw, 1.7rem);
  font-weight: 300;
  line-height: 1.3;
  margin: 0;
  color: rgba(242, 235, 223, .82);
  font-variation-settings: "opsz" 80;
  max-width: 18ch;
}
.footer__tagline em {
  font-style: italic;
  color: rgba(242, 235, 223, .82);
}
.footer__est {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 8px 0 0;
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .45);
}
.footer__est-line {
  display: inline-block; width: 24px; height: 1px;
  background: var(--copper-hi);
  opacity: .6;
}

/* ── Column titles ───────────────────────────────────────────────────── */
.footer__col-title {
  display: flex; align-items: center;
  gap: 10px;
  margin: 0 0 24px;
  font-family: var(--sans);
  font-weight: 500;
}
.footer__col-num {
  font-family: var(--serif);
  font-style: italic;
  font-size: 13px;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  font-weight: 400;
}
.footer__col-line {
  flex: 0 1 24px;
  height: 1px;
  background: rgba(242, 235, 223, .25);
}
.footer__col-label {
  font-size: 10.5px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(242, 235, 223, .55);
}

/* ── Connect links ───────────────────────────────────────────────────── */
.footer__links {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column;
  gap: 16px;
}
.footer__link {
  display: inline-flex; flex-direction: column; gap: 4px;
  padding: 8px 0;
  position: relative;
  width: fit-content;
  transition: color .25s;
}
.footer__link-tag {
  font-size: 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .42);
  transition: color .25s;
}
.footer__link-value {
  font-family: var(--serif);
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  font-style: italic;
  color: rgba(242, 235, 223, .9);
  letter-spacing: 0.005em;
  font-variation-settings: "opsz" 80;
  line-height: 1.3;
}
.footer__link-arrow {
  position: absolute;
  right: -28px; top: 50%;
  transform: translateY(-50%) translateX(-6px);
  font-size: 16px;
  color: var(--copper-hi);
  opacity: 0;
  transition: opacity .35s var(--ease-out), transform .35s var(--ease-out);
}
.footer__link:hover .footer__link-arrow { opacity: 1; transform: translateY(-50%) translateX(0); }
.footer__link:hover .footer__link-value { color: var(--gold-hi); }
.footer__link:hover .footer__link-tag { color: var(--copper-hi); }

/* ── Marketplace chips (Amazon / Flipkart / Meesho) ──────────────────── */
.footer__marketplaces {
  display: flex; flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
}
.footer__marketplace {
  display: inline-flex; align-items: center;
  text-decoration: none;
  transition: transform .25s var(--ease-out);
}
.footer__marketplace:hover { transform: translateX(3px); }
.footer__marketplace-chip {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--ivory);
  padding: 0 18px;
  border-radius: 4px;
  width: 180px;     /* fixed width — every chip identical */
  height: 48px;
  flex-shrink: 0;
  transition: background .25s, box-shadow .25s;
}
.footer__marketplace:hover .footer__marketplace-chip {
  background: #fff;
  box-shadow: 0 6px 18px -8px rgba(241, 209, 146, .45);
}
.footer__marketplace-chip img {
  width: auto;
  display: block;
  object-fit: contain;
}
/* Per-logo size tuning — each SVG has different aspect ratios, so we
   normalize visual prominence by giving each its own height. */
.footer__marketplace-chip img[alt="Amazon"]   { height: 28px; }
.footer__marketplace-chip img[alt="Flipkart"] { height: 38px; }
.footer__marketplace-chip img[alt="Meesho"]   { height: 24px; }

/* ── Heritage column ─────────────────────────────────────────────────── */
.footer__heritage-name {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  font-weight: 400;
  margin: 0 0 10px;
  color: var(--ivory);
  font-variation-settings: "opsz" 80;
  line-height: 1.3;
}
.footer__heritage-meta {
  font-size: 13px;
  line-height: 1.7;
  color: rgba(242, 235, 223, .55);
  margin: 0 0 8px;
  font-weight: 300;
}
.footer__heritage-loc {
  margin: 14px 0 0;
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .45);
}

/* ── Back-to-top button ──────────────────────────────────────────────── */
.footer__top {
  display: flex; flex-direction: column; align-items: center;
  gap: 12px;
  align-self: end;
  padding: 20px 16px;
  text-decoration: none;
  transition: color .3s;
  color: rgba(242, 235, 223, .55);
}
.footer__top:hover { color: var(--copper-hi); }
.footer__top-line {
  display: inline-block;
  width: 1px; height: 50px;
  background: linear-gradient(180deg, transparent, var(--copper-hi));
  opacity: .55;
  transition: height .35s var(--ease-out);
}
.footer__top:hover .footer__top-line { height: 70px; }
.footer__top-mark {
  font-size: 16px;
  color: var(--copper-hi);
  transition: transform .35s var(--ease-out);
}
.footer__top:hover .footer__top-mark { transform: translateY(-4px); }
.footer__top-label {
  font-size: 9.5px;
  letter-spacing: .3em;
  text-transform: uppercase;
  font-weight: 500;
}

/* ── Big brand wordmark monument ─────────────────────────────────────── */
.footer__wordmark {
  position: relative; z-index: 1;
  text-align: center;
  margin: 0 auto;
  max-width: 1320px;
  padding: clamp(40px, 5vw, 70px) 0;
  border-top: 1px solid rgba(242, 235, 223, .08);
  border-bottom: 1px solid rgba(242, 235, 223, .08);
  overflow: hidden;
}
.footer__wordmark-text {
  display: inline-block;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(3.2rem, 11vw, 11rem);
  line-height: 0.92;
  letter-spacing: -0.03em;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 144;
  animation: heritage-year-shimmer 8s ease-in-out infinite;
  padding: 0.05em 0.18em 0.18em 0.04em;
  margin: 0 -0.14em -0.1em -0.04em;
  user-select: none;
}

/* ── Bottom strip ────────────────────────────────────────────────────── */
.footer__bottom {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  gap: clamp(14px, 2vw, 24px);
  flex-wrap: wrap;
  margin: clamp(28px, 3vw, 40px) auto 0;
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .35);
  text-align: center;
}
.footer__bottom-item { white-space: nowrap; }
.footer__bottom-divider {
  color: var(--copper-hi);
  opacity: .55;
  font-size: 14px;
  letter-spacing: 0;
}

/* ── Designer/Studio signature: "Set in motion by SAPTEZ ↗" ──────────── */
.footer__sig {
  display: flex; align-items: center; justify-content: center;
  gap: clamp(12px, 1.6vw, 22px);
  margin: clamp(28px, 3.5vw, 44px) auto 0;
  padding: clamp(22px, 3vw, 36px) clamp(16px, 3vw, 28px) 0;
  border-top: 1px solid rgba(242, 235, 223, .07);
  font-family: var(--serif);
  font-style: italic;
  font-variation-settings: "opsz" 80;
  text-decoration: none;
  color: rgba(242, 235, 223, .55);
  position: relative;
  z-index: 1;
  max-width: 1320px;
  width: 100%;
  transition: color .35s var(--ease-out);
}
.footer__sig-rule {
  flex: 0 1 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(241, 209, 146, .35), transparent);
  transition: flex-basis .55s var(--ease-out), opacity .35s;
  opacity: .65;
}
.footer__sig-pre {
  font-size: clamp(11px, 1vw, 13px);
  letter-spacing: .04em;
  white-space: nowrap;
  transition: color .35s var(--ease-out), letter-spacing .35s var(--ease-out);
}
.footer__sig-name {
  display: inline-flex;
  font-family: var(--serif);
  font-style: normal;
  font-weight: 400;
  font-size: clamp(15px, 1.4vw, 18px);
  letter-spacing: .42em;
  font-variation-settings: "opsz" 80;
  color: var(--copper-hi);
  animation: heritage-year-shimmer 8s ease-in-out infinite;
  padding-left: .42em;
  position: relative;
}
.footer__sig-name span {
  display: inline-block;
  transform: translateY(0);
  transition: transform .55s var(--ease-out), color .35s;
}
/* underline that draws on hover */
.footer__sig-name::after {
  content: "";
  position: absolute;
  left: 0; right: .42em; bottom: -4px;
  height: 1px;
  background: var(--copper-hi);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .55s var(--ease-out);
}
.footer__sig-arrow {
  display: inline-block;
  font-family: var(--sans);
  font-style: normal;
  font-size: 13px;
  color: var(--copper-hi);
  transition: transform .45s var(--ease-out), color .25s;
}

/* Hover choreography: letters lift in sequence, underline draws,
   hairlines extend, arrow slides up-right, colours intensify. */
.footer__sig:hover { color: var(--ivory); }
.footer__sig:hover .footer__sig-name::after { transform: scaleX(1); }
.footer__sig:hover .footer__sig-arrow { transform: translate(3px, -3px); color: var(--gold-hi); }
.footer__sig:hover .footer__sig-rule { flex-basis: 100px; opacity: 1; }
.footer__sig:hover .footer__sig-name span { color: var(--gold-hi); }
.footer__sig:hover .footer__sig-name span:nth-child(1) { transform: translateY(-3px); transition-delay: .00s; }
.footer__sig:hover .footer__sig-name span:nth-child(2) { transform: translateY(-3px); transition-delay: .04s; }
.footer__sig:hover .footer__sig-name span:nth-child(3) { transform: translateY(-3px); transition-delay: .08s; }
.footer__sig:hover .footer__sig-name span:nth-child(4) { transform: translateY(-3px); transition-delay: .12s; }
.footer__sig:hover .footer__sig-name span:nth-child(5) { transform: translateY(-3px); transition-delay: .16s; }
.footer__sig:hover .footer__sig-name span:nth-child(6) { transform: translateY(-3px); transition-delay: .20s; }

@media (max-width: 600px) {
  .footer__sig { flex-wrap: wrap; gap: 10px; padding-top: 24px; }
  .footer__sig-rule { display: none; }
  .footer__sig-pre { font-size: 10.5px; }
  .footer__sig-name { font-size: 14px; letter-spacing: .35em; }
}

@media (max-width: 900px) {
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 48px 32px;
  }
  .footer__col--brand { grid-column: 1 / -1; }
  .footer__top { grid-column: 2; justify-self: end; align-self: end; }
}
@media (max-width: 600px) {
  .footer__grid { grid-template-columns: 1fr; }
  .footer__col--brand { grid-column: 1; }
  .footer__top { grid-column: 1; align-self: start; padding: 0; flex-direction: row; gap: 14px; }
  .footer__top-line { width: 32px; height: 1px; background: linear-gradient(90deg, transparent, var(--copper-hi)); }
  .footer__top:hover .footer__top-line { width: 48px; height: 1px; }
  .footer__bottom { gap: 8px; font-size: 9.5px; }
  .footer__link-value { font-size: 1rem; }
}

/* ═══════════════════════════════════════════════════════════════════════
   ORDER MODAL
   ═══════════════════════════════════════════════════════════════════════ */
.modal {
  position: fixed; inset: 0; z-index: 9500;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.modal[hidden] { display: none; }
.modal__backdrop {
  position: absolute; inset: 0;
  background: rgba(14,9,7,.78);
  backdrop-filter: blur(8px);
  animation: fadein .35s ease;
}
.modal__panel {
  position: relative; z-index: 1;
  background: var(--cream);
  border-radius: var(--r-lg);
  padding: 44px clamp(24px, 4vw, 48px);
  width: 100%;
  max-width: 540px;
  max-height: 92vh;
  overflow-y: auto;
  box-shadow: 0 50px 100px -20px rgba(0,0,0,.5);
  animation: pop .55s var(--ease-soft);
}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@keyframes pop { from { opacity: 0; transform: translateY(20px) scale(.96); } to { opacity: 1; transform: none; } }
.modal__close {
  position: absolute; top: 16px; right: 18px;
  width: 38px; height: 38px;
  border-radius: 999px;
  font-size: 22px; line-height: 1; color: var(--muted);
  transition: background .2s, color .2s;
}
.modal__close:hover { background: var(--ivory-2); color: var(--ink); }
.modal__step .display { font-size: clamp(1.6rem, 3vw, 2.1rem); margin: .4rem 0 1.2rem; }

.field { margin-bottom: 14px; }
.field label { display: block; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--copper); font-weight: 500; }
.field input, .field textarea {
  width: 100%; margin-top: 8px;
  border: 1px solid var(--hairline);
  background: var(--ivory);
  border-radius: 12px;
  padding: 13px 14px;
  font: inherit; font-size: 15px; color: var(--ink);
  transition: border .2s, box-shadow .2s;
}
.field input:focus, .field textarea:focus {
  outline: 0; border-color: var(--copper);
  box-shadow: 0 0 0 3px rgba(184,115,51,.18);
}
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 480px) { .field-row { grid-template-columns: 1fr; } }
.modal__total { margin: 18px 0 18px; color: var(--muted); font-size: 14px; }
.modal__total strong { font-family: var(--serif); color: var(--ink); font-size: 1.35rem; font-weight: 500; margin-left: 6px; }
.modal__fineprint { margin: 14px 0 0; font-size: 12px; color: var(--muted-2); text-align: center; letter-spacing: .04em; }
#errorMsg { white-space: pre-line; }

.loader {
  width: 44px; height: 44px;
  border: 3px solid var(--hairline);
  border-top-color: var(--copper);
  border-radius: 50%;
  margin: 12px auto 24px;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.success-mark {
  width: 64px; height: 64px;
  background: var(--foil); background-size: 200% 100%; animation: foil-shift 4s ease-in-out infinite;
  color: #1A1411;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; font-weight: 600;
  margin: 8px 0 18px;
}

.modal__step .btn { margin-right: 10px; margin-top: 10px; }


/* ═══════════════════════════════════════════════════════════════════════
   PROGRESSIVE IMAGE LOADING (blur-up effect)
   Image starts blurred + invisible. JS adds .is-loaded once decoded.
   Frame container has a subtle copper shimmer to indicate loading.
   ═══════════════════════════════════════════════════════════════════════ */

/* All major images that should fade-in with blur */
.hero__media-img,
.memory__photo-frame img,
.meet__photo-frame img,
.compare__photo-frame img,
.offer__photo-frame img,
.life__tile img {
  opacity: 0;
  filter: blur(22px);
  transition: opacity .9s var(--ease-out), filter .9s var(--ease-out);
  will-change: opacity, filter;
}
.hero__media-img.is-loaded,
.memory__photo-frame img.is-loaded,
.meet__photo-frame img.is-loaded,
.compare__photo-frame img.is-loaded,
.offer__photo-frame img.is-loaded,
.life__tile img.is-loaded {
  opacity: 1;
  filter: blur(0);
}

/* Loading-state placeholder shimmer on parent frames.
   We attach via a data attribute so it doesn't conflict with existing ::before/::after pseudo-elements. */
.hero__media-frame[data-loading="true"],
.memory__photo-frame[data-loading="true"],
.meet__photo-frame[data-loading="true"],
.compare__photo-frame[data-loading="true"],
.offer__photo-frame[data-loading="true"],
.life__tile[data-loading="true"] {
  background-image:
    linear-gradient(110deg, transparent 25%, rgba(184, 115, 51, .14) 50%, transparent 75%),
    linear-gradient(135deg, #1A1411 0%, #221915 100%);
  background-size: 200% 100%, 100% 100%;
  background-position: -200% 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  animation: img-shimmer 2.4s linear infinite;
}
@keyframes img-shimmer {
  0%   { background-position: -200% 0, 0 0; }
  100% { background-position:  200% 0, 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__media-img,
  .memory__photo-frame img,
  .meet__photo-frame img,
  .compare__photo-frame img,
  .offer__photo-frame img,
  .life__tile img {
    transition: opacity .3s ease;
    filter: none;
  }
}


/* ═══════════════════════════════════════════════════════════════════════
   MOBILE COMPATIBILITY — comprehensive overrides
   Phones: <= 600px,   Small phones: <= 380px
   ═══════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  /* HERO — already stacks; tighten */
  .hero { padding-top: clamp(140px, 16vw, 180px); padding-bottom: 80px; min-height: auto; }
  .hero__base { position: relative; bottom: auto; margin-top: 50px; padding: 0; }

  /* QUESTION — drop to auto height, smaller quote ornaments */
  .question { min-height: auto; padding: 100px 24px 90px; }

  /* HERITAGE — auto height, vertical stack already in place */
  .heritage { min-height: auto; }

  /* OFFER — make in-stock pill not overflow on small screens */
  .offer__photo-tag {
    left: 12px;
    font-size: 9.5px;
    padding: 7px 12px;
    letter-spacing: .2em;
  }
  .offer__photo-cap {
    right: 12px;
    padding: 11px 14px 11px 12px;
    gap: 10px;
  }
  .offer__photo-cap-num { font-size: 14px; }
  .offer__photo-cap-txt { font-size: 9.5px; letter-spacing: .2em; }
}

@media (max-width: 720px) {
  /* MEMORY photo cap simpler */
  .memory__photo-cap {
    left: 12px;
    padding: 11px 14px 11px 12px;
    gap: 10px;
  }
  .memory__photo-cap-num { font-size: 14px; }
  .memory__photo-cap-txt { font-size: 9.5px; letter-spacing: .2em; }

  /* MEET photo cap */
  .meet__photo-cap {
    right: 12px;
    padding: 11px 14px 11px 12px;
    gap: 10px;
  }
  .meet__photo-cap-num { font-size: 14px; }
  .meet__photo-cap-txt { font-size: 9.5px; letter-spacing: .2em; }

  /* COMPARE photo cap */
  .compare__photo-cap {
    left: 12px;
    padding: 11px 14px 11px 12px;
    gap: 10px;
  }
  .compare__photo-cap-num { font-size: 14px; }
  .compare__photo-cap-txt { font-size: 9.5px; letter-spacing: .2em; }

  /* COMPARE — flag chip smaller */
  .compare__flag {
    font-size: 9.5px;
    padding: 9px 16px;
    letter-spacing: .22em;
  }

  /* QUESTION — quote marks tighter */
  .question__qm {
    font-size: clamp(7rem, 28vw, 12rem);
  }
  .question__qm--open  { top: 95px; left: 8px; }
  .question__qm--close { bottom: 130px; right: 8px; }
  .question__quote { padding: 0 8px; }
  .question__line--lg { font-size: clamp(2rem, 9vw, 3.6rem); }

  /* HERO — coin/title spacing */
  .hero__date { display: none; }
  .hero__rule { display: none; }
}

@media (max-width: 600px) {
  /* Reduce all section padding */
  .memory,
  .meet,
  .compare,
  .heritage,
  .offer { padding-top: 70px; padding-bottom: 70px; }

  /* Section heads on mobile — center alignment */
  .section-head { text-align: left; padding: 0; }

  /* HERO buttons stack full width */
  .hero__cta { width: 100%; }
  .hero__cta .btn { width: 100%; }
  .hero__readlink { justify-content: center; }

  /* MEMORY paragraphs tighter */
  .memory__paragraphs { gap: .9rem; }
  .memory__paragraphs p { font-size: 1rem; line-height: 1.65; }
  .memory__h { font-size: 2.2rem; }

  /* QUESTION — even smaller climax */
  .question__quote { padding: 0 4px; }
  .question__line--lg { font-size: clamp(1.8rem, 11vw, 3rem); }
  .question__line--md { font-size: 1.3rem; }
  .question__stamp { top: 24px; left: 16px; gap: 10px; }
  .question__stamp-divider { width: 20px; }
  .question__qm { display: none; }

  /* MEET — spec row 2 cols not 3 to fit */
  .meet__spec { grid-template-columns: 1fr 1fr; }
  .meet__spec li:nth-child(odd):not(:first-child) { padding-left: 14px; }
  .meet__spec li:nth-child(3) {
    grid-column: 1 / -1;
    border-left: 0; padding-left: 0;
    border-top: 1px solid var(--hairline); padding-top: 18px;
  }

  /* COMPARE — flag tighter */
  .compare__flag { font-size: 9px; padding: 8px 14px; letter-spacing: .2em; }

  /* HERITAGE — year stays readable */
  .heritage__year-num { font-size: clamp(4rem, 24vw, 7rem); }
  .heritage__h { font-size: clamp(2rem, 8vw, 3rem); }
  .heritage__stamp { font-size: 10px; gap: 10px; }
  .heritage__stamp-line { width: 18px; }

  /* OFFER — full-width primary CTA */
  .offer__ctas { flex-direction: column; align-items: stretch; gap: 18px; width: 100%; }
  .offer__ctas .btn { width: 100%; }
  .offer__readlink { justify-content: center; }
  .offer__price-row { gap: 16px; }
  .offer__price-meta { font-size: 9.5px; gap: 10px; }
  .offer__trust li { font-size: 10px; letter-spacing: .14em; }

  /* PROMISE — tighter slogan */
  .promise__slogan { font-size: clamp(1rem, 4vw, 1.2rem); padding: 0 6px; }
  .promise__slogan-hindi { font-size: 1em; }

  /* FOOTER — comfortable mobile typography */
  .footer__brand { font-size: 1.5rem; }
  .footer__tagline { font-size: 1.2rem; max-width: 100%; }
  .footer__wordmark-text { font-size: clamp(2.6rem, 14vw, 4.2rem); }
  .footer__bottom { flex-direction: column; gap: 10px; }
  .footer__bottom-divider { display: none; }

  /* NAV — proper spacing */
  .nav { padding: 14px 16px; }
  .nav__cta { padding: 10px 16px; font-size: 10.5px; letter-spacing: .18em; }

  /* Modal — full-screen friendly */
  .modal__panel { padding: 36px 22px 28px; max-height: 95vh; }
  .field-row { grid-template-columns: 1fr; }

  /* Order qty — comfortable spacing */
  .qty { height: 48px; }
  .qty__btn { width: 44px; height: 44px; font-size: 22px; }
  .qty input { width: 60px; height: 44px; font-size: 17px; }
}

@media (max-width: 380px) {
  /* Tiny phones: even tighter padding */
  .memory, .meet, .compare, .heritage, .offer, .promise { padding-left: 18px; padding-right: 18px; }
  .nav { padding: 12px 14px; }
  .footer { padding-left: 18px; padding-right: 18px; }
}


/* ═══════════════════════════════════════════════════════════════════════
   ABOUT PAGE — A letter from the workshop
   ═══════════════════════════════════════════════════════════════════════ */
.about-page { background: var(--ivory); }

/* ── HERO ────────────────────────────────────────────────────────────── */
.a-hero {
  position: relative;
  min-height: 90vh;
  background:
    radial-gradient(ellipse 70% 60% at 30% 50%, rgba(184, 115, 51, .2), transparent 65%),
    radial-gradient(ellipse 50% 70% at 100% 100%, rgba(161, 78, 42, .14), transparent 60%),
    var(--ink);
  color: var(--ivory);
  padding: clamp(180px, 18vw, 240px) clamp(28px, 5vw, 100px) clamp(110px, 12vw, 160px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.a-hero__atmos { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.a-hero__beam {
  position: absolute;
  top: 0; left: 30%;
  width: 50vmin; height: 60vmin;
  background: radial-gradient(circle, rgba(241, 209, 146, .28), transparent 70%);
  filter: blur(60px);
  z-index: 0;
  animation: glow-breathe 9s ease-in-out infinite;
}

.a-hero__stamp {
  position: absolute;
  top: clamp(110px, 12vw, 160px);
  left: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0; white-space: nowrap;
  z-index: 4;
  font-family: var(--sans);
}
.a-hero__stamp .kicker__divider { background: rgba(242, 235, 223, .35); }
.a-hero__stamp .kicker__label { color: rgba(242, 235, 223, .72); }

.a-hero__corner {
  position: absolute;
  top: clamp(110px, 12vw, 160px);
  right: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--serif); font-style: italic;
  font-size: 13px;
  color: rgba(242, 235, 223, .42);
  font-variation-settings: "opsz" 80;
  z-index: 4;
}
.a-hero__corner-line {
  display: inline-block; width: 28px; height: 1px;
  background: rgba(242, 235, 223, .3);
}
@media (max-width: 720px) { .a-hero__corner { display: none; } }

.a-hero__inner {
  position: relative; z-index: 2;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
.a-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-family: var(--sans);
  font-size: 11px; font-weight: 500;
  letter-spacing: .3em; text-transform: uppercase;
  color: rgba(242, 235, 223, .65);
  opacity: 0;
  animation: hero-fade-in .9s var(--ease-out) .15s forwards;
}
.a-hero__eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--copper-hi);
  animation: pulse 2.4s ease-in-out infinite;
}
.a-hero__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 6.6vw, 5.6rem);
  line-height: 1.0;
  letter-spacing: -0.03em;
  margin: 0 0 clamp(32px, 4vw, 48px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.a-hero__h .line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.16em;
  margin-bottom: -0.1em;
}
.a-hero__h .line > span {
  display: inline-block;
  transform: translateY(110%);
  transition: transform 1s var(--ease-out);
}
.a-hero__h em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
  padding-right: 0.05em;
}
.a-hero.is-in .a-hero__h .line > span,
.a-hero__h .line > em,
.a-hero__h .line .foil { transform: translateY(0); }
.a-hero__h .line:nth-child(1) > * { transition-delay: .25s; }
.a-hero__h .line:nth-child(2) > * { transition-delay: .4s; }
.a-hero__h .line:nth-child(3) > * { transition-delay: .55s; }
.a-hero__h .line:nth-child(4) > * { transition-delay: .7s; }

.a-hero__lede {
  font-size: clamp(1rem, 1.18vw, 1.18rem);
  line-height: 1.75;
  color: rgba(242, 235, 223, .72);
  margin: 0;
  max-width: 60ch;
  font-weight: 300;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 1s var(--ease-out) 1s, transform 1s var(--ease-out) 1s;
}
.a-hero.is-in .a-hero__lede { opacity: 1; transform: translateY(0); }

.a-hero__base {
  position: absolute;
  left: 0; right: 0; bottom: clamp(40px, 5vw, 60px);
  z-index: 3;
  padding: 0 clamp(28px, 5vw, 100px);
  display: flex; align-items: center; justify-content: center;
  gap: clamp(14px, 2vw, 24px);
  font-family: var(--sans);
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .5);
  flex-wrap: wrap;
  opacity: 0;
  transition: opacity 1.2s var(--ease-out) 1.4s;
}
.a-hero.is-in .a-hero__base { opacity: 1; }
.a-hero__base-divider {
  display: inline-block; width: 24px; height: 1px;
  background: var(--copper-hi); opacity: .55;
}
.a-hero__base-item { white-space: nowrap; }

@media (max-width: 900px) {
  .a-hero { min-height: auto; padding-top: clamp(140px, 16vw, 180px); padding-bottom: 70px; }
  .a-hero__base { position: static; padding: 0; margin-top: clamp(40px, 6vw, 60px); justify-content: flex-start; }
  .a-hero__base-divider { width: 18px; }
}
@media (max-width: 720px) {
  .a-hero__stamp { left: 24px; }
}

/* ── CHAPTER (shared structure) ──────────────────────────────────────── */
.a-chapter {
  position: relative;
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 100px);
  overflow: hidden;
  isolation: isolate;
}
.a-chapter--light { background: var(--ivory); color: var(--ink); }
.a-chapter--cream { background: var(--cream);  color: var(--ink); }
.a-chapter--dark  {
  background:
    radial-gradient(ellipse 50% 60% at 70% 50%, rgba(184, 115, 51, .15), transparent 65%),
    var(--ink);
  color: var(--ivory);
}

.a-chapter__inner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.a-chapter__head {
  margin-bottom: clamp(44px, 6vw, 80px);
  max-width: 920px;
}
.a-chapter__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2rem, 5.4vw, 4.4rem);
  line-height: 1.04;
  letter-spacing: -0.028em;
  margin: 0;
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.a-chapter__h .line {
  display: block;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.a-chapter.is-in .a-chapter__h .line { opacity: 1; transform: translateY(0); }
.a-chapter__h .line:nth-child(1) { transition-delay: .25s; }
.a-chapter__h .line:nth-child(2) { transition-delay: .35s; }
.a-chapter__h .line:nth-child(3) { transition-delay: .45s; }
.a-chapter__h .line:nth-child(4) { transition-delay: .55s; }
.a-chapter__h .line:nth-child(5) { transition-delay: .65s; }
.a-chapter__h em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
  padding-right: 0.05em;
}
.a-chapter--dark .a-chapter__h em { color: var(--gold-hi); }

.kicker--dark .kicker__divider { background: rgba(242, 235, 223, .35); }
.kicker--dark .kicker__label { color: rgba(242, 235, 223, .72); }

/* Body text container */
.a-chapter__body {
  max-width: 64ch;
}
.a-chapter__body p,
.a-chapter__body-text {
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  line-height: 1.85;
  margin: 0 0 1.4rem;
  font-weight: 300;
  color: var(--muted);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.a-chapter--dark .a-chapter__body p,
.a-chapter--dark .a-chapter__body-text {
  color: rgba(242, 235, 223, .68);
}
.a-chapter.is-in .a-chapter__body p,
.a-chapter.is-in .a-chapter__body-text { opacity: 1; transform: translateY(0); }
.a-chapter__body p:nth-child(1) { transition-delay: .8s; }
.a-chapter__body p:nth-child(2) { transition-delay: 1.0s; }
.a-chapter__body p:nth-child(3) { transition-delay: 1.2s; }
.a-chapter__body p:nth-child(4) { transition-delay: 1.4s; }

.a-chapter__lede {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.2rem, 1.6vw, 1.55rem);
  line-height: 1.5;
  color: var(--ink);
  margin: 0 0 1.6rem;
  max-width: 56ch;
  font-variation-settings: "opsz" 100;
}
.a-chapter--dark .a-chapter__lede { color: rgba(242, 235, 223, .85); }
.a-chapter--cream .a-chapter__lede { color: var(--ink); }

.a-chapter__body em { font-style: italic; color: var(--terracotta); }
.a-chapter--dark .a-chapter__body em { color: var(--gold-hi); }

/* ── Hand-drawn illustrations (line art, draw on scroll) ─────────────── */
.a-illus {
  display: block;
  width: clamp(140px, 16vw, 220px);
  height: auto;
  margin: 0 0 clamp(40px, 5vw, 64px);
  color: var(--copper);
  filter: drop-shadow(0 2px 12px rgba(184, 115, 51, .15));
}
.a-illus--wide { width: clamp(240px, 32vw, 360px); }
.a-illus--full {
  margin-left: auto; margin-right: auto;
}
.a-chapter--dark .a-illus { color: var(--copper-hi); }

/* Animation: each path/shape draws stroke-by-stroke when chapter enters view */
.a-illus svg {
  width: 100%; height: auto; display: block;
  overflow: visible;
}
.a-illus svg path,
.a-illus svg circle,
.a-illus svg ellipse,
.a-illus svg line,
.a-illus svg rect {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  transition: stroke-dashoffset 1.8s var(--ease-out);
}
.a-chapter.is-in .a-illus svg path,
.a-chapter.is-in .a-illus svg circle,
.a-chapter.is-in .a-illus svg ellipse,
.a-chapter.is-in .a-illus svg line,
.a-chapter.is-in .a-illus svg rect {
  stroke-dashoffset: 0;
}
.a-chapter.is-in .a-illus svg > *:nth-child(1)  { transition-delay: .15s; }
.a-chapter.is-in .a-illus svg > *:nth-child(2)  { transition-delay: .25s; }
.a-chapter.is-in .a-illus svg > *:nth-child(3)  { transition-delay: .35s; }
.a-chapter.is-in .a-illus svg > *:nth-child(4)  { transition-delay: .45s; }
.a-chapter.is-in .a-illus svg > *:nth-child(5)  { transition-delay: .55s; }
.a-chapter.is-in .a-illus svg > *:nth-child(6)  { transition-delay: .65s; }
.a-chapter.is-in .a-illus svg > *:nth-child(7)  { transition-delay: .75s; }
.a-chapter.is-in .a-illus svg > *:nth-child(8)  { transition-delay: .85s; }
.a-chapter.is-in .a-illus svg > *:nth-child(9)  { transition-delay: .95s; }
.a-chapter.is-in .a-illus svg > *:nth-child(10) { transition-delay: 1.05s; }
.a-chapter.is-in .a-illus svg > *:nth-child(11) { transition-delay: 1.15s; }
.a-chapter.is-in .a-illus svg > *:nth-child(12) { transition-delay: 1.25s; }

/* Text labels inside SVG fade in instead of stroke-drawing */
.a-illus svg text {
  opacity: 0;
  transition: opacity .8s var(--ease-out) 1.4s;
}
.a-chapter.is-in .a-illus svg text { opacity: 1; }

/* Inside split chapters, the illustration spans full width above the grid */
.a-chapter--split .a-illus {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  .a-illus { width: clamp(100px, 30vw, 160px); }
  .a-illus--wide { width: clamp(180px, 60vw, 260px); }
}

/* Split chapter — headline left, body right (used on Chapter 2) */
.a-chapter--split { padding-top: clamp(80px, 12vw, 130px); padding-bottom: clamp(80px, 12vw, 130px); }
.a-chapter--split .a-chapter__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: clamp(40px, 6vw, 100px);
  align-items: start;
  max-width: 1240px;
}
.a-chapter--split .a-chapter__head {
  position: sticky;
  top: clamp(110px, 12vw, 160px);
  margin-bottom: 0;
  align-self: start;
}
.a-chapter--split .a-chapter__h { font-size: clamp(2rem, 4.4vw, 3.6rem); }
.a-chapter--split .a-chapter__body { max-width: 56ch; margin: 0; }
.a-chapter--split .a-pullquote { margin: 1.6rem 0; }
.a-chapter--split .a-pullquote p { font-size: clamp(1.25rem, 1.9vw, 1.7rem); }

@media (max-width: 900px) {
  .a-chapter--split .a-chapter__inner { grid-template-columns: 1fr; gap: clamp(28px, 4vw, 44px); }
  .a-chapter--split .a-chapter__head { position: static; }
}

/* Body with side aside (chapter 1 — Workshop) */
.a-chapter__body--with-aside {
  display: grid;
  grid-template-columns: 1fr minmax(220px, 280px);
  gap: clamp(40px, 6vw, 80px);
  align-items: start;
  max-width: 1100px;
}
.a-chapter__aside {
  border-left: 1px solid var(--hairline);
  padding: 8px 0 8px clamp(20px, 3vw, 30px);
  display: flex; flex-direction: column;
  gap: 14px;
}
.a-chapter__aside-num {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(3rem, 5vw, 4.4rem);
  line-height: 1;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 144;
  font-variant-numeric: tabular-nums;
  animation: heritage-year-shimmer 8s ease-in-out infinite;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
}
.a-chapter__aside-label {
  font-size: 10.5px;
  letter-spacing: .26em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
}
.a-chapter__aside-rule {
  display: block; width: 32px; height: 1px;
  background: var(--copper); opacity: .5;
  margin: 6px 0;
}
.a-chapter__aside-meta {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  font-variation-settings: "opsz" 80;
}
@media (max-width: 760px) {
  .a-chapter__body--with-aside { grid-template-columns: 1fr; gap: 40px; }
  .a-chapter__aside { border-left: 0; border-top: 1px solid var(--hairline); padding: 24px 0 0; }
}

/* ── PULL QUOTE ──────────────────────────────────────────────────────── */
.a-pullquote {
  position: relative;
  margin: clamp(40px, 5vw, 60px) 0;
  padding: clamp(28px, 4vw, 48px) clamp(28px, 4vw, 60px);
  border-left: 2px solid var(--copper-hi);
  max-width: 900px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s var(--ease-out) 1s, transform 1s var(--ease-out) 1s;
}
.a-chapter.is-in .a-pullquote { opacity: 1; transform: translateY(0); }
.a-pullquote-mark {
  position: absolute;
  top: -15px;
  left: clamp(20px, 3vw, 36px);
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(4rem, 7vw, 6rem);
  line-height: 1;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 144;
  pointer-events: none;
  user-select: none;
}
.a-pullquote p {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  line-height: 1.4;
  letter-spacing: -0.012em;
  color: var(--ivory);
  margin: 0;
  font-variation-settings: "opsz" 100;
  max-width: 50ch;
}

/* ── TENETS (values) — 3 columns on desktop, stacked on mobile ────────── */
.a-tenets {
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}
.a-tenet {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: clamp(28px, 4vw, 48px) clamp(20px, 2.5vw, 36px);
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.a-tenet:not(:first-child) {
  border-left: 1px solid var(--hairline);
}
.a-tenet:first-child { padding-left: 0; }
.a-tenet:last-child  { padding-right: 0; }

.a-believe.is-in .a-tenet:nth-child(1) { transition-delay: .55s; opacity: 1; transform: translateY(0); }
.a-believe.is-in .a-tenet:nth-child(2) { transition-delay: .75s; opacity: 1; transform: translateY(0); }
.a-believe.is-in .a-tenet:nth-child(3) { transition-delay: .95s; opacity: 1; transform: translateY(0); }

.a-tenet__num {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.3rem, 1.6vw, 1.55rem);
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  margin-bottom: 4px;
}
.a-tenet__title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.5rem, 2vw, 1.9rem);
  margin: 0 0 6px;
  letter-spacing: -0.012em;
  font-variation-settings: "opsz" 80;
  color: var(--ink);
  line-height: 1.15;
}
.a-tenet__title em {
  font-style: italic;
  color: var(--terracotta);
}
.a-tenet__text {
  font-size: clamp(.95rem, 1.1vw, 1.05rem);
  line-height: 1.75;
  color: var(--muted);
  margin: 0;
  font-weight: 300;
}

@media (max-width: 900px) {
  .a-tenets { grid-template-columns: 1fr; }
  .a-tenet  { padding: clamp(28px, 4vw, 40px) 0; }
  .a-tenet:not(:first-child) {
    border-left: 0;
    border-top: 1px solid var(--hairline);
  }
  .a-tenet:first-child  { padding-top: clamp(28px, 4vw, 40px); }
  .a-tenet:last-child   { padding-bottom: clamp(28px, 4vw, 40px); }
}

/* ── CLOSING ─────────────────────────────────────────────────────────── */
.a-close {
  position: relative;
  background: #07050B;
  color: var(--ivory);
  padding: clamp(110px, 14vw, 180px) clamp(28px, 5vw, 100px);
  text-align: center;
  overflow: hidden;
}
.a-close__atmos {
  position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184, 115, 51, .22), transparent 70%);
  pointer-events: none;
}
.a-close__inner {
  position: relative; z-index: 1;
  max-width: 900px;
  margin: 0 auto;
  display: flex; flex-direction: column; align-items: center;
  gap: clamp(28px, 4vw, 44px);
}
.a-close__pre {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0;
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: .3em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
}
.a-close__pre-line {
  display: inline-block; width: 24px; height: 1px;
  background: var(--copper-hi); opacity: .6;
}
.a-close__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.2rem, 5.6vw, 4.8rem);
  line-height: 1.04;
  letter-spacing: -0.028em;
  margin: 0;
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.a-close__h .line { display: block; }

.a-close__cta {
  display: flex; align-items: center; gap: clamp(20px, 3vw, 32px);
  flex-wrap: wrap; justify-content: center;
}
.a-close__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .85);
  padding: 6px 0;
}
.a-close__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper-hi);
  transition: width .45s var(--ease-out);
}
.a-close__readlink:hover .a-close__readlink-line { width: 48px; }

.a-close__signature {
  display: inline-flex; align-items: center; gap: 14px;
  margin: clamp(40px, 5vw, 60px) 0 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: rgba(242, 235, 223, .55);
  font-variation-settings: "opsz" 80;
  flex-wrap: wrap;
  justify-content: center;
}
.a-close__signature-line {
  display: inline-block; width: 32px; height: 1px;
  background: var(--copper-hi); opacity: .5;
}
.a-close__signature-meta {
  font-family: var(--sans);
  font-style: normal;
  font-size: 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: rgba(242, 235, 223, .35);
}

@media (max-width: 600px) {
  .a-chapter { padding-left: 24px; padding-right: 24px; }
  .a-close { padding-left: 24px; padding-right: 24px; }
}


/* ═══════════════════════════════════════════════════════════════════════
   OFFER PAGE — Founders' Edition
   ═══════════════════════════════════════════════════════════════════════ */
.offer-page { background: var(--ivory); }

/* Solid pinned nav variant for offer page (no dark hero behind it) */
.nav--solid {
  background: rgba(14,9,7,.65);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid rgba(242,235,223,.06);
}

/* ── Top announcement strip ──────────────────────────────────────────── */
.o-strip {
  background: linear-gradient(135deg, #14100C 0%, #1A1411 50%, #14100C 100%);
  border-bottom: 1px solid rgba(241, 209, 146, .15);
  color: var(--ivory);
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  z-index: 5;
}
.o-strip__inner {
  display: flex; align-items: center; justify-content: center;
  gap: clamp(10px, 2vw, 20px);
  padding: 11px 24px;
  flex-wrap: wrap;
}
.o-strip__inner strong { color: var(--gold-hi); font-weight: 600; }
.o-strip__pulse {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--copper-hi);
  box-shadow: 0 0 0 0 rgba(224,162,78,.5);
  animation: pulse 2.4s ease-in-out infinite;
  margin-right: 4px;
}
.o-strip__sep { color: var(--copper-hi); opacity: .6; }
@media (max-width: 600px) {
  .o-strip { font-size: 10px; letter-spacing: .1em; }
  .o-strip__inner { padding: 10px 16px; gap: 8px; }
  .o-strip__sep { display: none; }
}

/* ═══════════════════════════════════════════════════════════════════════
   OFFER HERO
   ═══════════════════════════════════════════════════════════════════════ */
.o-hero {
  position: relative;
  background:
    radial-gradient(ellipse 70% 60% at 75% 50%, rgba(184, 115, 51, .22), transparent 60%),
    radial-gradient(ellipse 50% 70% at 0% 100%, rgba(161, 78, 42, .14), transparent 60%),
    var(--ink);
  color: var(--ivory);
  padding: clamp(180px, 18vw, 240px) clamp(24px, 4vw, 80px) clamp(80px, 9vw, 130px);
  overflow: hidden;
  isolation: isolate;
}
.o-hero__atmos { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.o-hero__beam {
  position: absolute;
  top: 0; right: -10%;
  width: 60vmin; height: 60vmin;
  background: radial-gradient(circle, rgba(241, 209, 146, .25), transparent 70%);
  filter: blur(60px);
  z-index: 0;
  animation: glow-breathe 9s ease-in-out infinite;
}

/* Massive decorative "100" */
.o-hero__bignum {
  position: absolute;
  bottom: -10%;
  left: -3%;
  z-index: 0;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(18rem, 38vw, 32rem);
  line-height: 0.85;
  letter-spacing: -0.05em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(184, 115, 51, .14);
  text-stroke: 1px rgba(184, 115, 51, .14);
  font-variation-settings: "opsz" 144;
  user-select: none; pointer-events: none;
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 1.6s var(--ease-out) .55s, transform 1.6s var(--ease-out) .55s;
}
.o-hero.is-in .o-hero__bignum { opacity: 1; transform: translateX(0); }

.o-hero__rule {
  position: absolute;
  left: clamp(28px, 5vw, 100px);
  right: clamp(28px, 5vw, 100px);
  height: 1px;
  background: rgba(242, 235, 223, .14);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.4s var(--ease-out);
  z-index: 1;
}
.o-hero__rule--top    { top: clamp(70px, 9vw, 110px); }
.o-hero__rule--bottom { bottom: clamp(50px, 6vw, 80px); transform-origin: right; }
.o-hero.is-in .o-hero__rule { transform: scaleX(1); }
.o-hero.is-in .o-hero__rule--bottom { transition-delay: .2s; }

.o-hero__stamp {
  position: absolute;
  top: clamp(110px, 12vw, 160px);
  left: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0; white-space: nowrap;
  z-index: 4;
  font-family: var(--sans);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 1s var(--ease-out) .35s, transform 1s var(--ease-out) .35s;
}
.o-hero.is-in .o-hero__stamp { opacity: 1; transform: translateY(0); }
.o-hero__stamp .kicker__num   { color: var(--copper-hi); }
.o-hero__stamp .kicker__label { color: rgba(242,235,223,.72); }
.o-hero__stamp .kicker__divider { background: rgba(242,235,223,.35); }

.o-hero__corner {
  position: absolute;
  top: clamp(110px, 12vw, 160px);
  right: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--serif); font-style: italic;
  font-size: 13px;
  color: rgba(242, 235, 223, .42);
  font-variation-settings: "opsz" 80;
  z-index: 4;
  opacity: 0;
  transition: opacity 1s var(--ease-out) .55s;
}
.o-hero.is-in .o-hero__corner { opacity: 1; }
.o-hero__corner-line {
  display: inline-block; width: 28px; height: 1px;
  background: rgba(242, 235, 223, .3);
}
@media (max-width: 720px) { .o-hero__corner { display: none; } }

.o-hero__inner {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.85fr);
  gap: clamp(40px, 6vw, 100px);
  align-items: center;
  max-width: 1320px;
  margin: 0 auto;
}

/* ── Left copy ── */
.o-hero__copy { max-width: 700px; }
.o-hero__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 6.4vw, 5.4rem);
  line-height: 1.0;
  letter-spacing: -0.03em;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.o-hero__h .line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.18em;
  margin-bottom: -0.12em;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.o-hero__h .line:nth-child(1) { transition-delay: .15s; }
.o-hero__h .line:nth-child(2) { transition-delay: .3s; }
.o-hero__h .line:nth-child(3) { transition-delay: .45s; }
.o-hero.is-in .o-hero__h .line { opacity: 1; transform: translateY(0); }
.o-hero__h em {
  font-style: italic; font-weight: 300;
  color: var(--terracotta);
  font-variation-settings: "opsz" 80;
  padding-right: 0.06em;
}
.o-hero__lede {
  font-size: clamp(1rem, 1.18vw, 1.15rem);
  line-height: 1.7;
  color: rgba(242, 235, 223, .68);
  font-weight: 300;
  margin: 0 0 clamp(36px, 5vw, 52px);
  max-width: 50ch;
}

/* ── Live counter (meter) ── */
.o-hero__meter {
  margin: 0 0 clamp(36px, 5vw, 50px);
  padding: 22px 26px;
  background: rgba(14, 9, 7, .55);
  border: 1px solid rgba(241, 209, 146, .18);
  border-radius: 6px;
  max-width: 460px;
}
.o-hero__meter-row {
  display: flex; align-items: baseline; flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.o-hero__meter-num {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.8rem, 2.6vw, 2.2rem);
  font-weight: 400;
  color: var(--gold-hi);
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.o-hero__meter-num--total { color: rgba(242, 235, 223, .55); }
.o-hero__meter-of {
  font-family: var(--serif); font-style: italic;
  font-size: 1rem;
  color: rgba(242, 235, 223, .5);
}
.o-hero__meter-lbl {
  font-size: 10.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .55);
  margin-left: auto;
}
.o-hero__meter-bar {
  height: 2px;
  background: rgba(242, 235, 223, .12);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 10px;
}
.o-hero__meter-fill {
  display: block;
  height: 100%;
  width: 0%;
  background: var(--foil);
  background-size: 200% 100%;
  animation: foil-shift 8s ease-in-out infinite;
  transition: width 1.4s var(--ease-out) 1s;
}
.o-hero.is-in .o-hero__meter-fill { width: var(--p, 0%); }
.o-hero__meter-meta {
  font-size: 11px;
  color: rgba(242, 235, 223, .45);
  margin: 0;
  font-style: italic;
  font-family: var(--serif);
  font-variation-settings: "opsz" 80;
}

.o-hero__cta {
  display: flex; align-items: center; gap: clamp(20px, 3vw, 32px);
  flex-wrap: wrap;
}
.o-hero__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .85);
  padding: 6px 0;
}
.o-hero__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper-hi);
  transition: width .45s var(--ease-out);
}
.o-hero__readlink:hover .o-hero__readlink-line { width: 48px; }

/* ── Right media ── */
.o-hero__media {
  position: relative;
  margin: 0;
  align-self: center;
}
.o-hero__media-frame {
  position: relative;
  aspect-ratio: 3/4;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
  background: linear-gradient(135deg, #1A1411 0%, #14100C 100%);
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .08) inset,
    0 50px 120px -30px rgba(184, 115, 51, .55),
    0 20px 50px -10px rgba(0, 0, 0, .55);
}
.o-hero__media-frame::before {
  content: ""; position: absolute; inset: 0;
  border: 1px solid rgba(241, 209, 146, .14);
  border-radius: inherit; pointer-events: none; z-index: 2;
}
.o-hero__media-frame::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(14, 9, 7, .35) 100%);
  pointer-events: none; z-index: 1;
}
.o-hero__media-frame img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
  opacity: 0;
  filter: blur(20px);
  transition: opacity .9s var(--ease-out), filter .9s var(--ease-out);
}
.o-hero__media-frame img.is-loaded { opacity: 1; filter: blur(0); }

.o-hero__media-cap {
  position: absolute;
  left: -clamp(10px, 1.4vw, 22px);
  bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--ink);
  padding: 12px 18px;
  border: 1px solid rgba(242, 235, 223, .08);
  z-index: 3;
}
.o-hero__media-cap-num {
  font-family: var(--serif); font-style: italic;
  font-size: 13px; color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
  letter-spacing: .04em;
}
.o-hero__media-cap-txt {
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .65);
}

@media (max-width: 900px) {
  .o-hero__inner { grid-template-columns: 1fr; gap: 56px; }
  .o-hero__media { order: -1; max-width: 380px; margin: 0 auto; }
}

/* ═══════════════════════════════════════════════════════════════════════
   SECTION HEAD (shared on offer sections)
   ═══════════════════════════════════════════════════════════════════════ */
.o-section-head {
  max-width: 760px;
  margin: 0 auto clamp(50px, 7vw, 90px);
  text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.o-section-head--tight { margin-bottom: clamp(36px, 5vw, 60px); }
.o-section-h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.2rem, 5.4vw, 4.4rem);
  line-height: 1.04;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(24px, 3vw, 36px);
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  text-wrap: balance;
}
.o-section-h .line { display: block; }
.o-section-h em { font-style: italic; color: var(--terracotta); font-variation-settings: "opsz" 80; }
.o-section-lede {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0;
  max-width: 56ch;
  font-weight: 300;
  text-wrap: balance;
}

/* ═══════════════════════════════════════════════════════════════════════
   BUNDLES
   ═══════════════════════════════════════════════════════════════════════ */
.o-bundles {
  background: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(24px, 4vw, 80px) clamp(80px, 12vw, 160px);
  position: relative;
  overflow: hidden;
}

.o-bundles__grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1fr;
  gap: clamp(20px, 2vw, 32px);
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 28px;
  align-items: stretch;
}

.o-bundle {
  position: relative;
  background: var(--cream);
  border: 1px solid var(--hairline);
  border-radius: 6px;
  padding: 44px 30px 30px;
  display: flex; flex-direction: column; gap: 24px;
  transition: transform .55s var(--ease-out), box-shadow .55s, border-color .55s;
}
.o-bundle:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -22px rgba(14, 9, 7, .18);
  border-color: rgba(184, 115, 51, .35);
}

.o-bundle__flag {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--foil);
  background-size: 200% 100%;
  animation: foil-shift 6s ease-in-out infinite;
  color: #1A1411;
  font-size: 10px; font-weight: 600;
  letter-spacing: .26em; text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  white-space: nowrap;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .35) inset,
    0 12px 28px -8px rgba(184, 115, 51, .55);
  z-index: 5;
}
.o-bundle__flag-mark {
  width: 5px; height: 5px;
  background: #1A1411;
  border-radius: 50%;
}

.o-bundle__head {
  display: flex; flex-direction: column;
  gap: 8px;
  position: relative;
}
.o-bundle__num {
  position: absolute;
  top: -4px; right: 0;
  font-family: var(--serif); font-style: italic;
  font-size: 14px; color: var(--copper);
  font-variation-settings: "opsz" 80;
  opacity: .7;
}
.o-bundle__name {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.5rem, 1.9vw, 1.8rem);
  margin: 0;
  letter-spacing: -0.012em;
  line-height: 1.15;
  color: var(--ink);
  font-variation-settings: "opsz" 80;
}
.o-bundle__tagline {
  font-family: var(--serif); font-style: italic;
  font-size: 0.96rem;
  color: var(--copper);
  margin: 0;
  font-variation-settings: "opsz" 80;
  line-height: 1.4;
}

/* Visual stack of coins */
.o-bundle__visual {
  display: flex; align-items: center; justify-content: center;
  gap: 6px;
  height: 80px;
  background: linear-gradient(180deg, transparent 0%, rgba(184, 115, 51, .04) 100%);
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  margin: 0 -30px;
  padding: 0 30px;
}
.o-bundle__coin {
  display: inline-block;
  width: 38px; height: 38px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, #F1D192 0%, #E0A24E 40%, #B87333 75%, #8E5621 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .4) inset,
    0 4px 12px -4px rgba(184, 115, 51, .5);
  position: relative;
  transform: translateY(0);
  animation: coin-float 4s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * 0.3s);
}
.o-bundle__coin::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .25);
}
@keyframes coin-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

/* Price */
.o-bundle__price-row {
  display: flex; align-items: baseline; gap: 14px;
  flex-wrap: wrap;
}
.o-bundle__price-now {
  display: inline-flex; align-items: baseline;
  font-family: var(--serif); font-style: italic;
  font-weight: 400;
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.o-bundle__price-currency {
  font-size: clamp(1.5rem, 2vw, 1.8rem);
  color: var(--copper);
  margin-right: 4px;
}
.o-bundle__price-num {
  font-size: clamp(2.6rem, 4vw, 3.4rem);
  letter-spacing: -0.02em;
}
.o-bundle__price-was {
  font-family: var(--serif); font-style: italic;
  font-size: 1.1rem;
  color: var(--muted-2);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}
.o-bundle__savings {
  margin: 8px 0 0;
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: var(--copper);
}
.o-bundle__savings-mark {
  display: inline-block;
  width: 14px; height: 1px;
  background: currentColor;
}

.o-bundle__includes {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 10px;
  border-top: 1px solid var(--hairline);
  padding-top: 20px;
}
.o-bundle__includes li {
  font-size: 14px;
  line-height: 1.55;
  color: var(--muted);
  position: relative;
  padding-left: 22px;
}
.o-bundle__includes li::before {
  content: "✓";
  position: absolute;
  left: 0; top: 0;
  color: var(--copper);
  font-size: 12px;
  font-weight: 600;
}

/* Featured (middle) bundle */
.o-bundle--featured {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(184, 115, 51, .12) 0%, transparent 60%),
    linear-gradient(160deg, #15100B 0%, #0E0907 100%);
  color: var(--ivory);
  border-color: rgba(184, 115, 51, .35);
  transform: translateY(-14px);
  z-index: 2;
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .08) inset,
    0 50px 100px -28px rgba(184, 115, 51, .35);
}
.o-bundle--featured:hover { transform: translateY(-22px); }
.o-bundle--featured .o-bundle__name { color: var(--ivory); }
.o-bundle--featured .o-bundle__price-now { color: var(--ivory); }
.o-bundle--featured .o-bundle__price-currency { color: var(--copper-hi); }
.o-bundle--featured .o-bundle__price-num {
  color: var(--copper-hi);
  animation: heritage-year-shimmer 8s ease-in-out infinite;
}
.o-bundle--featured .o-bundle__price-was { color: rgba(242, 235, 223, .35); }
.o-bundle--featured .o-bundle__includes { border-color: rgba(242, 235, 223, .12); }
.o-bundle--featured .o-bundle__includes li { color: rgba(242, 235, 223, .78); }
.o-bundle--featured .o-bundle__savings { color: var(--gold-hi); }
.o-bundle--featured .o-bundle__visual {
  border-color: rgba(242, 235, 223, .12);
  background: linear-gradient(180deg, transparent 0%, rgba(241, 209, 146, .06) 100%);
}

.o-bundle__cta { margin-top: auto; }

.o-bundles__foot {
  text-align: center;
  margin: clamp(40px, 5vw, 60px) auto 0;
  display: inline-flex; align-items: center; justify-content: center;
  gap: 14px;
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--muted-2);
  width: 100%;
}
.o-bundles__foot-line {
  display: inline-block;
  width: 24px; height: 1px;
  background: var(--copper); opacity: .5;
}

@media (max-width: 900px) {
  .o-bundles__grid { grid-template-columns: 1fr; gap: 32px; padding-top: 32px; }
  .o-bundle--featured { transform: none; }
  .o-bundle--featured:hover { transform: translateY(-6px); }
}

/* ═══════════════════════════════════════════════════════════════════════
   WHAT'S INSIDE
   ═══════════════════════════════════════════════════════════════════════ */
.o-inside {
  background: var(--cream);
  padding: clamp(100px, 14vw, 180px) clamp(24px, 4vw, 80px);
  position: relative;
}
.o-inside__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 2.5vw, 40px);
  max-width: 1200px;
  margin: 0 auto;
}
.o-inside__item {
  text-align: left;
  padding: 28px 4px;
  border-top: 1px solid var(--hairline);
}
.o-inside__icon {
  width: 56px; height: 56px;
  color: var(--copper);
  margin-bottom: 22px;
}
.o-inside__icon svg { width: 100%; height: 100%; display: block; }
.o-inside__icon svg path,
.o-inside__icon svg circle,
.o-inside__icon svg ellipse {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 1.8s var(--ease-out);
}
.o-inside.is-in .o-inside__icon svg path,
.o-inside.is-in .o-inside__icon svg circle,
.o-inside.is-in .o-inside__icon svg ellipse { stroke-dashoffset: 0; }
.o-inside__item:nth-child(1).is-vis svg * { transition-delay: .1s; }
.o-inside__item:nth-child(2).is-vis svg * { transition-delay: .25s; }
.o-inside__item:nth-child(3).is-vis svg * { transition-delay: .4s; }
.o-inside__item:nth-child(4).is-vis svg * { transition-delay: .55s; }

.o-inside__item h3 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.25rem;
  margin: 0 0 8px;
  color: var(--ink);
  font-variation-settings: "opsz" 80;
}
.o-inside__item p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  margin: 0;
}

@media (max-width: 900px) { .o-inside__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .o-inside__grid { grid-template-columns: 1fr; gap: 0; } }

/* ═══════════════════════════════════════════════════════════════════════
   WHY THIS, WHY NOW
   ═══════════════════════════════════════════════════════════════════════ */
.o-why {
  position: relative;
  background: var(--ink);
  color: var(--ivory);
  padding: clamp(110px, 14vw, 180px) clamp(28px, 5vw, 100px);
  overflow: hidden;
  isolation: isolate;
}
.o-why::before {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 50% 60% at 30% 50%, rgba(184, 115, 51, .15), transparent 65%),
    radial-gradient(ellipse 40% 50% at 80% 30%, rgba(241, 209, 146, .06), transparent 70%);
  pointer-events: none;
}
.o-why__rule {
  position: absolute;
  left: clamp(28px, 5vw, 100px);
  right: clamp(28px, 5vw, 100px);
  height: 1px;
  background: rgba(242, 235, 223, .12);
  z-index: 1;
}
.o-why__rule--top { top: clamp(60px, 8vw, 100px); }
.o-why__rule--bottom { bottom: clamp(60px, 8vw, 100px); }

.o-why__stamp {
  position: absolute;
  top: clamp(60px, 8vw, 100px);
  left: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0; white-space: nowrap;
  z-index: 4;
  font-family: var(--sans);
}
.o-why__stamp .kicker__num   { color: var(--copper-hi); }
.o-why__stamp .kicker__label { color: rgba(242,235,223,.72); }
.o-why__stamp .kicker__divider { background: rgba(242,235,223,.35); }

.o-why__inner {
  position: relative; z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  display: flex; flex-direction: column; align-items: flex-start;
  gap: clamp(28px, 4vw, 44px);
}
.o-why__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2rem, 4.6vw, 3.6rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0;
  font-variation-settings: "opsz" 144;
  color: var(--ivory);
  text-wrap: balance;
}
.o-why__h .line { display: block; }
.o-why__h em { font-style: italic; color: var(--gold-hi); font-variation-settings: "opsz" 80; }
.o-why__paragraphs {
  display: flex; flex-direction: column; gap: 1.2rem;
  max-width: 60ch;
}
.o-why__paragraphs p {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.75;
  color: rgba(242, 235, 223, .72);
  margin: 0;
  font-weight: 300;
}
.o-why__sign {
  font-family: var(--serif); font-style: italic;
  font-size: 14px;
  color: rgba(242, 235, 223, .55);
  font-variation-settings: "opsz" 80;
  margin-top: 12px;
}

/* ═══════════════════════════════════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════════════════════════════════ */
.o-faq {
  background: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(24px, 4vw, 80px);
}
.o-faq__list {
  max-width: 820px;
  margin: 0 auto;
}
.o-faq__item {
  border-top: 1px solid var(--hairline);
  padding: 0;
}
.o-faq__item:last-child { border-bottom: 1px solid var(--hairline); }
.o-faq__item summary {
  list-style: none;
  cursor: pointer;
  padding: 26px 0;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
  transition: color .25s;
}
.o-faq__item summary::-webkit-details-marker { display: none; }
.o-faq__item summary:hover { color: var(--copper); }
.o-faq__q {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.1rem, 1.4vw, 1.3rem);
  color: var(--ink);
  letter-spacing: -0.005em;
  font-variation-settings: "opsz" 80;
}
.o-faq__plus {
  position: relative;
  width: 18px; height: 18px;
  flex-shrink: 0;
}
.o-faq__plus::before, .o-faq__plus::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: var(--copper);
  transition: transform .35s var(--ease-out);
}
.o-faq__plus::before { width: 14px; height: 1.5px; }
.o-faq__plus::after  { width: 1.5px; height: 14px; }
.o-faq__item[open] .o-faq__plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.o-faq__a {
  padding: 0 0 26px 0;
  max-width: 60ch;
}
.o-faq__a p {
  font-size: clamp(.95rem, 1.05vw, 1.02rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0;
  font-weight: 300;
}

/* ═══════════════════════════════════════════════════════════════════════
   FINAL CTA
   ═══════════════════════════════════════════════════════════════════════ */
.o-final {
  position: relative;
  background: #07050B;
  color: var(--ivory);
  padding: clamp(110px, 14vw, 180px) clamp(28px, 5vw, 80px);
  text-align: center;
  overflow: hidden;
}
.o-final__atmos {
  position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184, 115, 51, .22), transparent 70%);
  pointer-events: none;
}
.o-final > * { position: relative; z-index: 1; }
.o-final__h {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 6.6vw, 5.2rem);
  line-height: 1.04;
  letter-spacing: -0.028em;
  margin: 0 0 clamp(20px, 2.5vw, 32px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.o-final__h .line { display: block; }
.o-final__h em { font-style: italic; color: var(--terracotta); font-variation-settings: "opsz" 80; }
.o-final__sub {
  font-family: var(--serif); font-style: italic;
  font-size: clamp(1.1rem, 1.6vw, 1.4rem);
  color: rgba(242, 235, 223, .65);
  margin: 0 0 clamp(36px, 5vw, 52px);
  font-variation-settings: "opsz" 80;
}
.o-final__contact {
  margin: clamp(40px, 5vw, 60px) 0 0;
  font-size: 12.5px;
  color: rgba(242, 235, 223, .55);
  font-style: italic;
  font-family: var(--serif);
  font-variation-settings: "opsz" 80;
}
.o-final__contact a { color: var(--copper-hi); border-bottom: 1px solid currentColor; padding-bottom: 1px; transition: color .25s; }
.o-final__contact a:hover { color: var(--gold-hi); }

/* ═══════════════════════════════════════════════════════════════════════
   MODAL — bundle-aware additions
   ═══════════════════════════════════════════════════════════════════════ */
.modal__bundle-meta {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 18px;
  font-family: var(--serif); font-style: italic;
  font-size: 14px;
  color: var(--copper);
  font-variation-settings: "opsz" 80;
}
.modal__bundle-meta::before {
  content: ""; display: inline-block;
  width: 18px; height: 1px;
  background: var(--copper); opacity: .55;
}

/* Mobile fixes for offer page */
@media (max-width: 900px) {
  .o-hero { padding-top: clamp(140px, 16vw, 180px); }
}
@media (max-width: 600px) {
  .o-hero { padding-left: 24px; padding-right: 24px; padding-bottom: clamp(70px, 9vw, 90px); }
  .o-hero__bignum { font-size: clamp(14rem, 60vw, 22rem); bottom: -8%; left: -10%; }
  .o-hero__meter { padding: 18px 20px; }
  .o-hero__meter-lbl { margin-left: 0; width: 100%; margin-top: 4px; }
  .o-hero__cta { width: 100%; flex-direction: column; align-items: stretch; }
  .o-hero__cta .btn { width: 100%; }
  .o-hero__readlink { justify-content: center; }
  .o-bundles, .o-inside, .o-faq { padding-left: 24px; padding-right: 24px; }
}


/* ═══════════════════════════════════════════════════════════════════════
   CUSTOMIZE PAGE — Personalised coin (c- prefix)
   ═══════════════════════════════════════════════════════════════════════ */
.customize-page { background: var(--ivory); }

/* Hero */
.c-hero {
  position: relative;
  background:
    radial-gradient(ellipse 70% 60% at 78% 50%, rgba(184, 115, 51, .22), transparent 60%),
    radial-gradient(ellipse 50% 70% at 0% 100%, rgba(161, 78, 42, .14), transparent 60%),
    var(--ink);
  color: var(--ivory);
  padding: clamp(180px, 18vw, 240px) clamp(28px, 5vw, 100px) clamp(110px, 12vw, 160px);
  overflow: hidden;
  isolation: isolate;
}
.c-hero__atmos { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.c-hero__beam {
  position: absolute;
  top: 0; right: -10%;
  width: 60vmin; height: 60vmin;
  background: radial-gradient(circle, rgba(241, 209, 146, .25), transparent 70%);
  filter: blur(60px);
  z-index: 0;
  animation: glow-breathe 9s ease-in-out infinite;
}
.c-hero__stamp {
  position: absolute; top: clamp(110px, 12vw, 160px); left: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0; white-space: nowrap; z-index: 4; font-family: var(--sans);
}
.c-hero__stamp .kicker__divider { background: rgba(242, 235, 223, .35); }
.c-hero__stamp .kicker__label { color: rgba(242, 235, 223, .72); }
.c-hero__corner {
  position: absolute; top: clamp(110px, 12vw, 160px); right: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--serif); font-style: italic; font-size: 13px;
  color: rgba(242, 235, 223, .42); font-variation-settings: "opsz" 80;
  z-index: 4;
}
.c-hero__corner-line { display: inline-block; width: 28px; height: 1px; background: rgba(242, 235, 223, .3); }
@media (max-width: 720px) { .c-hero__corner { display: none; } }

.c-hero__inner {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  grid-template-areas:
    "copy coin"
    "cta  coin";
  grid-template-rows: auto 1fr;
  column-gap: clamp(40px, 6vw, 100px);
  row-gap: clamp(28px, 4vw, 44px);
  align-items: start;
  max-width: 1320px;
  margin: 0 auto;
}
.c-hero__copy { grid-area: copy; max-width: 640px; }
.c-hero__coin { grid-area: coin; align-self: center; }
.c-hero__cta  { grid-area: cta; }
.c-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-family: var(--sans); font-size: 11px; font-weight: 500;
  letter-spacing: .3em; text-transform: uppercase;
  color: rgba(242, 235, 223, .65);
}
.c-hero__eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--copper-hi);
  animation: pulse 2.4s ease-in-out infinite;
}
.c-hero__h {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2.4rem, 6.4vw, 5.4rem);
  line-height: 1.0; letter-spacing: -0.03em;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.c-hero__h .line {
  display: block; overflow: hidden;
  padding-bottom: 0.18em; margin-bottom: -0.12em;
  opacity: 0; transform: translateY(20px);
  transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);
}
.c-hero.is-in .c-hero__h .line { opacity: 1; transform: translateY(0); }
.c-hero__h .line:nth-child(2) { transition-delay: .15s; }
.c-hero__h em {
  font-style: italic; color: var(--terracotta);
  font-variation-settings: "opsz" 80; padding-right: 0.05em;
}
.c-hero__lede {
  font-size: clamp(1rem, 1.18vw, 1.18rem);
  line-height: 1.75;
  color: rgba(242, 235, 223, .75);
  margin: 0;
  max-width: 56ch;
  font-weight: 300;
  opacity: 0; transform: translateY(14px);
  transition: opacity 1s var(--ease-out) .55s, transform 1s var(--ease-out) .55s;
}
.c-hero.is-in .c-hero__lede { opacity: 1; transform: translateY(0); }
.c-hero__lede strong { color: var(--gold-hi); font-weight: 500; }
.c-hero__cta {
  display: flex; align-items: center;
  gap: clamp(20px, 3vw, 32px); flex-wrap: wrap;
  opacity: 0; transform: translateY(14px);
  transition: opacity 1s var(--ease-out) .8s, transform 1s var(--ease-out) .8s;
}
.c-hero.is-in .c-hero__cta { opacity: 1; transform: translateY(0); }
.c-hero__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .85);
}
.c-hero__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper-hi);
  transition: width .45s var(--ease-out);
}
.c-hero__readlink:hover .c-hero__readlink-line { width: 48px; }

/* Live coin preview */
.c-hero__coin {
  position: relative; margin: 0;
  opacity: 0; transform: scale(.94);
  transition: opacity 1.1s var(--ease-out) .35s, transform 1.1s var(--ease-out) .35s;
}
.c-hero.is-in .c-hero__coin { opacity: 1; transform: scale(1); }
.c-hero__coin-frame {
  position: relative;
  width: 100%; max-width: 380px;
  aspect-ratio: 1;
  margin: 0 auto;
}
.c-coin-svg {
  width: 100%; height: 100%; display: block;
  filter: drop-shadow(0 30px 60px rgba(184, 115, 51, .55));
  animation: coin-bob 6s ease-in-out infinite;
}
.c-hero__coin-glow {
  position: absolute; inset: 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(241, 209, 146, .35), transparent 70%);
  filter: blur(40px);
  z-index: -1;
  animation: glow-pulse 5s ease-in-out infinite;
}
.c-hero__coin-cap {
  position: absolute;
  left: -clamp(12px, 1.4vw, 22px);
  bottom: -8px;
  display: inline-flex; align-items: center; gap: 12px;
  background: var(--ink);
  padding: 11px 18px;
  border: 1px solid rgba(242, 235, 223, .08);
  z-index: 3;
}
.c-hero__coin-cap-num {
  font-family: var(--serif); font-style: italic; font-size: 13px;
  color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
}
.c-hero__coin-cap-txt {
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500; color: rgba(242, 235, 223, .65);
}

@media (max-width: 900px) {
  .c-hero__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "coin"
      "cta";
    grid-template-rows: auto auto auto;
    row-gap: 40px;
  }
  .c-hero__coin { align-self: start; }
  .c-hero__coin-frame { max-width: 280px; }
}
@media (max-width: 900px) {
  .c-hero { padding-top: clamp(140px, 16vw, 180px); }
}
@media (max-width: 600px) {
  .c-hero { padding-left: 24px; padding-right: 24px; padding-bottom: clamp(70px, 9vw, 90px); }
  .c-hero__eyebrow { display: none; }
  .c-hero__cta { width: 100%; flex-direction: column; align-items: stretch; }
  .c-hero__cta .btn { width: 100%; }
  .c-hero__readlink { justify-content: center; }
}

/* Section heads (light bg) */
.c-section-head {
  max-width: 760px;
  margin: 0 auto clamp(50px, 7vw, 90px);
  text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.c-section-head--tight { margin-bottom: clamp(36px, 5vw, 60px); }
.c-section-h {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.05; letter-spacing: -0.024em;
  margin: 0;
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  text-wrap: balance;
}
.c-section-h .line { display: block; }
.c-section-h em {
  font-style: italic; color: var(--terracotta);
  font-variation-settings: "opsz" 80;
}

/* How section (3 steps) */
.c-how {
  background: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 80px);
}
.c-steps {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  max-width: 1100px;
  margin: 0 auto;
}
.c-step {
  display: flex; flex-direction: column;
  gap: 14px;
  padding: clamp(28px, 4vw, 48px) clamp(20px, 2.5vw, 36px);
  position: relative;
  opacity: 0; transform: translateY(20px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.c-step:not(:first-child) { border-left: 1px solid var(--hairline); }
.c-how.is-in .c-step:nth-child(1) { transition-delay: .35s; opacity: 1; transform: translateY(0); }
.c-how.is-in .c-step:nth-child(2) { transition-delay: .55s; opacity: 1; transform: translateY(0); }
.c-how.is-in .c-step:nth-child(3) { transition-delay: .75s; opacity: 1; transform: translateY(0); }
.c-step__num {
  font-family: var(--serif); font-style: italic;
  font-size: 1.5rem; color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
}
.c-step__title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(1.4rem, 1.8vw, 1.7rem);
  margin: 0; letter-spacing: -0.012em; line-height: 1.15;
  font-variation-settings: "opsz" 80; color: var(--ink);
}
.c-step__text {
  font-size: clamp(.95rem, 1.05vw, 1.02rem);
  line-height: 1.7; color: var(--muted);
  margin: 0; font-weight: 300;
}
@media (max-width: 900px) {
  .c-steps { grid-template-columns: 1fr; }
  .c-step:not(:first-child) { border-left: 0; border-top: 1px solid var(--hairline); }
}

/* Engrave form section */
.c-form {
  position: relative;
  background: #07050B;
  color: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 80px);
  overflow: hidden;
  isolation: isolate;
}
.c-form__atmos {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184, 115, 51, .18), transparent 70%);
}
.c-form__inner {
  position: relative; z-index: 1;
  max-width: 1100px; margin: 0 auto;
}
.c-form__head {
  text-align: center; margin-bottom: clamp(40px, 5vw, 60px);
  max-width: 720px; margin-left: auto; margin-right: auto;
}
.c-form__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(40px, 6vw, 80px);
  align-items: start;
}
.c-form__preview {
  position: sticky; top: clamp(100px, 12vw, 140px);
  margin: 0;
  display: flex; flex-direction: column; align-items: center; gap: 18px;
}
.c-form__preview-frame {
  position: relative;
  width: 100%; max-width: 360px;
  aspect-ratio: 1;
}
.c-form__preview-frame .c-coin-svg {
  width: 100%; height: 100%; display: block;
  filter: drop-shadow(0 28px 50px rgba(184, 115, 51, .42));
  animation: coin-bob 6s ease-in-out infinite;
}
.c-form__preview-cap {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 9px 16px;
  border: 1px solid rgba(241, 209, 146, .18);
  background: rgba(14, 9, 7, .55);
}
.c-form__preview-cap-num {
  font-family: var(--serif); font-style: italic; font-size: 13px;
  color: var(--copper-hi); font-variation-settings: "opsz" 80;
}
.c-form__preview-cap-txt {
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500; color: rgba(242, 235, 223, .65);
}
@media (max-width: 900px) {
  .c-form__layout { grid-template-columns: 1fr; gap: 36px; }
  .c-form__preview { position: static; }
  .c-form__preview-frame { max-width: 240px; }
}
.c-form__h {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2.2rem, 5.4vw, 4rem);
  line-height: 1.04; letter-spacing: -0.025em;
  margin: 0 0 clamp(20px, 3vw, 32px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.c-form__h .line { display: block; }
.c-form__lede {
  font-family: var(--serif); font-style: italic; font-weight: 300;
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  color: rgba(242, 235, 223, .68);
  font-variation-settings: "opsz" 100;
  margin: 0;
  text-wrap: balance;
}
.c-form__body {
  display: flex; flex-direction: column;
  gap: clamp(20px, 2.5vw, 30px);
  background: rgba(14, 9, 7, .55);
  border: 1px solid rgba(241, 209, 146, .14);
  border-radius: 6px;
  padding: clamp(24px, 4vw, 40px);
}

.c-field { display: flex; flex-direction: column; }
.c-field label {
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500; color: var(--copper-hi);
  margin-bottom: 10px;
}
.c-field > input[type="text"],
.c-field > input[type="email"],
.c-field > input[type="tel"],
.c-field > input[type="number"],
.c-field > select,
.c-field > textarea {
  width: 100%;
  padding: 14px 16px;
  background: rgba(242, 235, 223, .04);
  border: 1px solid rgba(242, 235, 223, .15);
  border-radius: 6px;
  color: var(--ivory);
  font-family: var(--serif); font-style: italic;
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  font-variation-settings: "opsz" 80;
  transition: border-color .25s, background .25s;
}
.c-field > input:focus,
.c-field > select:focus,
.c-field > textarea:focus {
  outline: none;
  border-color: var(--copper-hi);
  background: rgba(242, 235, 223, .06);
}
/* Stop the c-field column-flex from stretching the qty pill to full width
   so the stepper matches the homepage's compact pill exactly. */
.c-field > .qty { align-self: flex-start; }
.c-field--engrave { position: relative; }
.c-field--engrave input {
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 16px;
}
.c-field__counter {
  position: absolute;
  right: 14px; bottom: 12px;
  font-family: var(--sans);
  font-size: 10px; letter-spacing: .2em;
  font-weight: 500; color: rgba(242, 235, 223, .45);
}

.c-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: clamp(20px, 3vw, 36px);
  align-items: end;
}
@media (max-width: 600px) {
  .c-form__row { grid-template-columns: 1fr; }
}

.c-form__price {
  display: flex; flex-direction: column; gap: 6px;
  padding: 14px 16px;
  background: rgba(242, 235, 223, .03);
  border: 1px solid rgba(242, 235, 223, .12);
  border-radius: 6px;
}
.c-form__price-row {
  display: flex; justify-content: space-between;
  font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(242, 235, 223, .55);
  font-weight: 500;
}
.c-form__price-row--total {
  margin-top: 8px; padding-top: 10px;
  border-top: 1px solid rgba(242, 235, 223, .12);
  font-size: 14px;
  color: var(--ivory);
}
.c-form__price-total {
  font-family: var(--serif); font-style: italic;
  font-size: 1.2rem; color: var(--gold-hi);
  letter-spacing: 0; text-transform: none;
  font-variant-numeric: tabular-nums;
  font-variation-settings: "opsz" 80;
}
.c-form__price-savings {
  display: flex; align-items: center; gap: 12px;
  margin-top: 4px;
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(242, 235, 223, .45);
  font-weight: 500;
  flex-wrap: wrap;
}

.c-form__fineprint {
  text-align: center;
  font-size: 11px; letter-spacing: .14em;
  color: rgba(242, 235, 223, .45);
  margin: 0;
}

/* FAQ on customize */
.c-faq {
  background: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 80px);
}
.c-faq__list {
  max-width: 820px; margin: 0 auto;
}
.c-faq__item {
  border-top: 1px solid var(--hairline);
}
.c-faq__item:last-child { border-bottom: 1px solid var(--hairline); }
.c-faq__item summary {
  list-style: none; cursor: pointer;
  padding: 24px 0;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
}
.c-faq__item summary::-webkit-details-marker { display: none; }
.c-faq__q {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(1.05rem, 1.3vw, 1.25rem);
  color: var(--ink); letter-spacing: -0.005em;
  font-variation-settings: "opsz" 80;
}
.c-faq__plus {
  position: relative; width: 18px; height: 18px; flex-shrink: 0;
}
.c-faq__plus::before, .c-faq__plus::after {
  content: ""; position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: var(--copper);
  transition: transform .35s var(--ease-out);
}
.c-faq__plus::before { width: 14px; height: 1.5px; }
.c-faq__plus::after  { width: 1.5px; height: 14px; }
.c-faq__item[open] .c-faq__plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.c-faq__a {
  padding: 0 0 24px 0; max-width: 60ch;
}
.c-faq__a p {
  font-size: clamp(.95rem, 1.05vw, 1rem);
  line-height: 1.7; color: var(--muted); margin: 0; font-weight: 300;
}


/* ═══════════════════════════════════════════════════════════════════════
   CORPORATE PAGE — Lead capture (g- prefix for "gifting")
   ═══════════════════════════════════════════════════════════════════════ */
.corporate-page { background: var(--ivory); }

/* Hero */
.g-hero {
  position: relative;
  background:
    radial-gradient(ellipse 50% 70% at 0% 100%, rgba(161, 78, 42, .14), transparent 60%),
    var(--ink);
  color: var(--ivory);
  padding: clamp(180px, 18vw, 240px) clamp(28px, 5vw, 100px) clamp(110px, 12vw, 160px);
  overflow: hidden;
  isolation: isolate;
}
.g-hero__atmos { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.g-hero__beam {
  position: absolute;
  top: -20%; left: -15%;
  width: 50vmin; height: 50vmin;
  background: radial-gradient(circle, rgba(241, 209, 146, .18), transparent 70%);
  filter: blur(70px);
  animation: glow-breathe 9s ease-in-out infinite;
  z-index: 0;
}
.g-hero__stamp {
  position: absolute; top: clamp(110px, 12vw, 160px); left: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0; white-space: nowrap; z-index: 4; font-family: var(--sans);
}
.g-hero__stamp .kicker__divider { background: rgba(242, 235, 223, .35); }
.g-hero__stamp .kicker__label { color: rgba(242, 235, 223, .72); }
.g-hero__corner {
  position: absolute; top: clamp(110px, 12vw, 160px); right: clamp(28px, 5vw, 100px);
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--serif); font-style: italic; font-size: 13px;
  color: rgba(242, 235, 223, .42); font-variation-settings: "opsz" 80;
  z-index: 4;
}
.g-hero__corner-line { display: inline-block; width: 28px; height: 1px; background: rgba(242, 235, 223, .3); }
@media (max-width: 720px) { .g-hero__corner { display: none; } }

.g-hero__inner {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr);
  grid-template-areas:
    "copy media"
    "cta  media";
  grid-template-rows: auto 1fr;
  column-gap: clamp(40px, 6vw, 100px);
  row-gap: clamp(28px, 4vw, 44px);
  align-items: start;
  max-width: 1320px;
  margin: 0 auto;
}
.g-hero__copy  { grid-area: copy; max-width: 640px; }
.g-hero__media { grid-area: media; align-self: center; }
.g-hero__cta   { grid-area: cta; }
.g-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  margin: 0 0 clamp(14px, 1.8vw, 20px);
  font-family: var(--sans); font-size: 11px; font-weight: 500;
  letter-spacing: .26em; text-transform: uppercase;
  color: rgba(242, 235, 223, .65);
  white-space: nowrap;
}
.g-hero__eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--copper-hi);
  animation: pulse 2.4s ease-in-out infinite;
}
.g-hero__h {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2.4rem, 6.4vw, 5.4rem);
  line-height: 1.0; letter-spacing: -0.03em;
  margin: 0 0 clamp(28px, 4vw, 44px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.g-hero__h .line {
  display: block; overflow: hidden;
  padding-bottom: 0.18em; margin-bottom: -0.12em;
  opacity: 0; transform: translateY(20px);
  transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);
}
.g-hero.is-in .g-hero__h .line { opacity: 1; transform: translateY(0); }
.g-hero__h .line:nth-child(2) { transition-delay: .15s; }
.g-hero__h .line:nth-child(3) { transition-delay: .3s; }
.g-hero__h em {
  font-style: italic; color: var(--terracotta);
  font-variation-settings: "opsz" 80; padding-right: 0.05em;
}
.g-hero__lede {
  font-size: clamp(1rem, 1.18vw, 1.18rem);
  line-height: 1.75;
  color: rgba(242, 235, 223, .72);
  margin: 0;
  max-width: 56ch;
  font-weight: 300;
}
.g-hero__cta {
  display: flex; align-items: center;
  gap: clamp(20px, 3vw, 32px); flex-wrap: wrap;
}
.g-hero__readlink {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500;
  color: rgba(242, 235, 223, .85);
}
.g-hero__readlink-line {
  display: inline-block; width: 28px; height: 1px;
  background: var(--copper-hi);
  transition: width .45s var(--ease-out);
}
.g-hero__readlink:hover .g-hero__readlink-line { width: 48px; }

.g-hero__media {
  position: relative; margin: 0;
  opacity: 0; transform: translateY(30px) scale(.985);
  transition: opacity 1.1s var(--ease-out) .25s, transform 1.1s var(--ease-out) .25s;
}
.g-hero.is-in .g-hero__media { opacity: 1; transform: translateY(0) scale(1); }
.g-hero__media-frame {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  background: transparent;
}
.g-hero__media-frame img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 30px 60px rgba(184, 115, 51, .35))
          drop-shadow(0 10px 30px rgba(0, 0, 0, .3));
}
.g-hero__media-cap {
  position: absolute;
  left: -clamp(12px, 1.4vw, 22px); bottom: clamp(20px, 2.5vw, 36px);
  display: inline-flex; align-items: center; gap: 14px;
  background: var(--ink);
  padding: 12px 18px;
  border: 1px solid rgba(242, 235, 223, .08);
  z-index: 4;
}
.g-hero__media-cap-num {
  font-family: var(--serif); font-style: italic; font-size: 13px;
  color: var(--copper-hi); font-variation-settings: "opsz" 80;
}
.g-hero__media-cap-txt {
  font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
  font-weight: 500; color: rgba(242, 235, 223, .65);
}

@media (max-width: 900px) {
  .g-hero__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "media"
      "cta";
    grid-template-rows: auto auto auto;
    row-gap: 40px;
  }
  .g-hero__media { align-self: start; max-width: 320px; margin: 0 auto; }
}
@media (max-width: 900px) {
  .g-hero { padding-top: clamp(140px, 16vw, 180px); }
}
@media (max-width: 600px) {
  .g-hero { padding-left: 24px; padding-right: 24px; padding-bottom: clamp(70px, 9vw, 90px); }
  .g-hero__eyebrow { display: none; }
  .g-hero__cta { width: 100%; flex-direction: column; align-items: stretch; }
  .g-hero__cta .btn { width: 100%; }
  .g-hero__readlink { justify-content: center; }
}

/* Section heads (light bg) */
.g-section-head {
  max-width: 760px;
  margin: 0 auto clamp(50px, 7vw, 80px);
  text-align: center;
  display: flex; flex-direction: column; align-items: center;
}
.g-section-h {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.04; letter-spacing: -0.024em;
  margin: 0 0 clamp(20px, 3vw, 30px);
  font-variation-settings: "opsz" 144;
  color: var(--ink);
  text-wrap: balance;
}
.g-section-h .line { display: block; }
.g-section-h em {
  font-style: italic; color: var(--terracotta);
  font-variation-settings: "opsz" 80;
}
.g-section-lede {
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  color: var(--muted);
  margin: 0; max-width: 56ch;
  font-weight: 300;
  text-wrap: balance;
}

/* Why section (3 tenets) */
.g-why {
  background: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 80px);
}
.g-tenets {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  max-width: 1100px; margin: 0 auto;
}
.g-tenet {
  display: flex; flex-direction: column;
  gap: 14px;
  padding: clamp(28px, 4vw, 48px) clamp(20px, 2.5vw, 36px);
  opacity: 0; transform: translateY(20px);
  transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
}
.g-tenet:not(:first-child) { border-left: 1px solid var(--hairline); }
.g-why.is-in .g-tenet { opacity: 1; transform: translateY(0); }
.g-tenet__num {
  font-family: var(--serif); font-style: italic;
  font-size: 1.4rem; color: var(--copper-hi);
  font-variation-settings: "opsz" 80;
}
.g-tenet__title {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(1.4rem, 1.9vw, 1.7rem);
  margin: 0; letter-spacing: -0.012em; line-height: 1.15;
  font-variation-settings: "opsz" 80; color: var(--ink);
}
.g-tenet__text {
  font-size: clamp(.95rem, 1.05vw, 1.02rem);
  line-height: 1.7; color: var(--muted);
  margin: 0; font-weight: 300;
}
@media (max-width: 900px) {
  .g-tenets { grid-template-columns: 1fr; }
  .g-tenet:not(:first-child) { border-left: 0; border-top: 1px solid var(--hairline); }
}

/* Volume tiers */
.g-tiers {
  background: var(--cream);
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 80px);
}
.g-tiers__grid {
  display: grid; grid-template-columns: 1fr 1.15fr 1fr;
  gap: clamp(16px, 1.8vw, 24px);
  max-width: 1240px; margin: 0 auto;
  padding-top: 28px;
  align-items: stretch;
}
.g-tier {
  position: relative;
  background: var(--ivory);
  border: 1px solid var(--hairline);
  border-radius: 6px;
  padding: 40px 30px 36px;
  display: flex; flex-direction: column;
  gap: 12px;
  transition: transform .55s var(--ease-out), box-shadow .55s, border-color .55s;
  opacity: 0; transform: translateY(20px);
}
.g-tier:hover {
  transform: translateY(-6px);
  border-color: rgba(184, 115, 51, .35);
  box-shadow: 0 28px 60px -22px rgba(14, 9, 7, .18);
}
.g-tiers.is-in .g-tier { opacity: 1; transform: translateY(0); }
.g-tier__num {
  position: absolute; top: 22px; right: 26px;
  font-family: var(--serif); font-style: italic;
  font-size: 14px; color: var(--copper);
  font-variation-settings: "opsz" 80;
  font-variant-numeric: tabular-nums;
  opacity: .8;
}
.g-tier__name {
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(1.4rem, 1.9vw, 1.7rem);
  margin: 0; letter-spacing: -0.012em;
  font-variation-settings: "opsz" 80; color: var(--ink);
}
.g-tier__qty {
  font-family: var(--serif); font-style: italic;
  font-size: 1rem; color: var(--copper); margin: 0;
  font-variation-settings: "opsz" 80;
}
.g-tier__price {
  font-family: var(--serif); font-style: italic; font-weight: 400;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  color: var(--ink); margin: 4px 0 8px;
  font-variation-settings: "opsz" 144;
  line-height: 1;
}
.g-tier__price span {
  font-family: var(--sans); font-style: normal;
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  font-weight: 500; color: var(--muted);
  margin-left: 4px;
}
.g-tier__includes {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 10px;
  border-top: 1px solid var(--hairline);
  padding-top: 18px;
}
.g-tier__includes li {
  font-size: 14px; line-height: 1.55;
  color: var(--muted);
  position: relative; padding-left: 22px;
}
.g-tier__includes li::before {
  content: "✓";
  position: absolute; left: 0; top: 0;
  color: var(--copper);
  font-size: 12px; font-weight: 600;
}

.g-tier--featured {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(184, 115, 51, .12) 0%, transparent 60%),
    linear-gradient(160deg, #15100B 0%, #0E0907 100%);
  color: var(--ivory);
  border-color: rgba(184, 115, 51, .35);
  transform: translateY(-14px);
  z-index: 2;
  box-shadow:
    0 1px 0 rgba(241, 209, 146, .08) inset,
    0 50px 100px -28px rgba(184, 115, 51, .35);
}
.g-tier--featured:hover { transform: translateY(-22px); }
.g-tier--featured .g-tier__name { color: var(--ivory); }
.g-tier--featured .g-tier__qty  { color: var(--gold-hi); }
.g-tier--featured .g-tier__price { color: var(--gold-hi); animation: heritage-year-shimmer 8s ease-in-out infinite; }
.g-tier--featured .g-tier__price span { color: rgba(242, 235, 223, .55); }
.g-tier--featured .g-tier__num { color: var(--gold-hi); }
.g-tier--featured .g-tier__includes { border-color: rgba(242, 235, 223, .12); }
.g-tier--featured .g-tier__includes li { color: rgba(242, 235, 223, .78); }
.g-tier--featured .g-tier__includes li::before { color: var(--gold-hi); }

.g-tier__flag {
  position: absolute; top: -16px; left: 50%;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--foil); background-size: 200% 100%;
  animation: foil-shift 6s ease-in-out infinite;
  color: #1A1411;
  font-size: 10px; font-weight: 600;
  letter-spacing: .26em; text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  white-space: nowrap;
  box-shadow: 0 12px 28px -8px rgba(184, 115, 51, .55);
  z-index: 5;
}
.g-tier__flag-mark {
  width: 5px; height: 5px;
  background: #1A1411;
  border-radius: 50%;
}

@media (max-width: 900px) {
  .g-tiers__grid { grid-template-columns: 1fr; gap: 32px; padding-top: 32px; }
  .g-tier--featured { transform: none; }
  .g-tier--featured:hover { transform: translateY(-6px); }
}

/* Inquiry form section */
.g-form {
  position: relative;
  background: #07050B;
  color: var(--ivory);
  padding: clamp(100px, 14vw, 180px) clamp(28px, 5vw, 80px);
  overflow: hidden;
  isolation: isolate;
}
.g-form__atmos {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(184, 115, 51, .18), transparent 70%);
}
.g-form__inner {
  position: relative; z-index: 1;
  max-width: 760px; margin: 0 auto;
}
.g-form__head {
  text-align: center; margin-bottom: clamp(40px, 5vw, 60px);
}
.g-form__h {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2.2rem, 5.4vw, 4rem);
  line-height: 1.04; letter-spacing: -0.025em;
  margin: 0 0 clamp(20px, 3vw, 32px);
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.g-form__h .line { display: block; }
.g-form__h em {
  font-style: italic; color: var(--gold-hi);
  font-variation-settings: "opsz" 80;
}
.g-form__lede {
  font-family: var(--serif); font-style: italic; font-weight: 300;
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  color: rgba(242, 235, 223, .68);
  font-variation-settings: "opsz" 100;
  margin: 0;
}
.g-form__lede a {
  color: var(--gold-hi);
  border-bottom: 1px solid currentColor;
}
.g-form__body {
  display: flex; flex-direction: column;
  gap: clamp(20px, 2.5vw, 28px);
  background: rgba(14, 9, 7, .55);
  border: 1px solid rgba(241, 209, 146, .14);
  border-radius: 6px;
  padding: clamp(24px, 4vw, 40px);
}
.g-form__row {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 2vw, 24px);
}
@media (max-width: 600px) {
  .g-form__row { grid-template-columns: 1fr; }
}
.g-field { display: flex; flex-direction: column; }
.g-field label {
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  font-weight: 500; color: var(--copper-hi);
  margin-bottom: 0;
  display: flex; flex-direction: column;
  gap: 8px;
}
.g-field input,
.g-field select,
.g-field textarea {
  width: 100%;
  padding: 12px 14px;
  background: rgba(242, 235, 223, .04);
  border: 1px solid rgba(242, 235, 223, .15);
  border-radius: 6px;
  color: var(--ivory);
  font-family: var(--serif); font-style: italic;
  font-size: clamp(.95rem, 1.1vw, 1.05rem);
  font-variation-settings: "opsz" 80;
  letter-spacing: 0; text-transform: none;
}
.g-field input:focus,
.g-field select:focus,
.g-field textarea:focus {
  outline: none;
  border-color: var(--copper-hi);
  background: rgba(242, 235, 223, .06);
}
.g-field textarea { resize: vertical; min-height: 100px; }
.g-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 44px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23F1D192' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px 8px;
  background-color: rgba(242, 235, 223, .04);
}
.g-field select:focus {
  background-color: rgba(242, 235, 223, .06);
}
.g-field select option { background: #07050B; color: var(--ivory); }

.g-form__fineprint {
  text-align: center;
  font-size: 11px; letter-spacing: .14em;
  color: rgba(242, 235, 223, .45);
  margin: 0;
}

.g-form__result {
  text-align: center;
  padding: clamp(28px, 4vw, 44px);
  background: rgba(14, 9, 7, .6);
  border: 1px solid rgba(241, 209, 146, .18);
  border-radius: 6px;
}
.g-form__result .display {
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(1.6rem, 2.6vw, 2rem);
  margin: 16px 0 14px;
  font-variation-settings: "opsz" 100;
  color: var(--ivory);
}
.g-form__result .lede {
  color: rgba(242, 235, 223, .75);
}
.g-form__result p {
  font-size: 14px; color: rgba(242, 235, 223, .55);
  margin: 8px 0 0;
}
.g-form__wa-link {
  color: var(--gold-hi);
  border-bottom: 1px solid currentColor;
}
.g-form__result--err .display {
  color: var(--terracotta);
}