:root{
  --paper:#d7aa63;
  --parchment:#c78b4d;
  --amber:#a9582f;
  --terracotta:#9d4e37;
  --oxblood:#6f2f2a;
  --copper:#7f402c;
  --umber:#4d3026;
  --deep:#2a1715;
  --charcoal:#211615;
  --olive:#666047;
  --sage:#8b876d;
  --gold:#c69a4a;
  --ink:#35221b;
  --cream:#f1dfc0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--charcoal)}
body{margin:0;color:var(--ink);font-family:"EB Garamond",Georgia,serif;background:linear-gradient(180deg,#c89957 0%,#b97243 42%,#8d4538 100%);font-size:18px;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit}
.site-nav{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;color:var(--cream);text-transform:uppercase;letter-spacing:.13em;font-size:12px}
.site-nav .wordmark{font-family:"Cormorant Garamond",serif;text-decoration:none;font-size:16px;letter-spacing:.12em;text-transform:none;font-style:italic;opacity:.92}
.site-nav nav{display:flex;gap:30px}.site-nav nav a{text-decoration:none;opacity:.9}.site-nav nav a:hover{opacity:1}
.menu-toggle{display:none;border:0;background:none;color:inherit;font:inherit;letter-spacing:.12em;text-transform:uppercase}




/* ============================================================
   CANONICAL HERO FRAMING — SINGLE SOURCE OF TRUTH
   Restores the earlier working framing. The image pixels remain untouched.
   ============================================================ */
.hero{
  position:relative;
  min-height:100vh;
  background:var(--charcoal);
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}
.hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
  transform:none;
  filter:none;
  opacity:1;
}
.hero-shade{
  position:absolute;
  inset:0;
  background:transparent;
  pointer-events:none;
}
@media (max-width:900px){
  .hero{min-height:92vh}
  .hero-image{object-position:center center}
  .hero-shade{background:transparent}
}

.hero-copy{position:relative;z-index:2;color:var(--cream);width:min(520px,82vw);margin:0 0 10vh 8vw}
.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.28em;font-size:12px;color:var(--gold);margin:0 0 18px}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;margin:0;line-height:.98}
h1{font-size:clamp(52px,6vw,92px);letter-spacing:.015em}h1 em{font-weight:400;color:#d7aa72}
.hero-copy>p:not(.eyebrow){font-size:22px;max-width:450px;margin:25px 0 28px}.text-link{text-transform:uppercase;letter-spacing:.2em;font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px}
.chapter-mark{height:84px;background:var(--charcoal);display:grid;place-items:center;overflow:visible;position:relative;z-index:5}.chapter-mark.on-paper{background:#c98a4c}.chapter-mark.on-letter{background:#7d392f}.chapter-mark.on-dark{background:var(--charcoal)}
.chapter-mark img{height:74px;width:auto;object-fit:contain;filter:saturate(.9);transform:translateY(1px)}
.editorial{display:grid;min-height:76vh}.editorial-media,.journey-media{min-height:640px;overflow:hidden}.editorial-media img,.journey-media img{width:100%;height:100%;object-fit:cover}
.invitation{grid-template-columns:46% 54%}.invitation .editorial-media img{object-position:center 38%}
.paper{background-color:#c98a4c;background-image:radial-gradient(rgba(70,34,24,.08) .7px,transparent .7px),linear-gradient(135deg,rgba(214,169,93,.20),rgba(122,50,40,.10));background-size:7px 7px,100% 100%}
.editorial-copy,.journey-copy,.altar-copy,.connect-copy{display:flex;flex-direction:column;justify-content:center;padding:9vw 8vw}
.editorial-copy h2,.journey-copy h2,.altar-copy h2,.connect-copy h2{font-size:clamp(42px,5vw,72px);margin-bottom:26px}
.editorial-copy p,.journey-copy p,.altar-copy p,.connect-copy p{max-width:600px;margin:0 0 16px}
.poetic{font-style:italic;font-size:1.06em}.closing-line{font-family:"Cormorant Garamond",serif;font-size:1.35em;font-style:italic;color:var(--copper)}
.journey{grid-template-columns:62% 38%;background:var(--deep);color:var(--cream);min-height:100vh}.journey-media img{object-position:center 54%}.journey-copy{padding:7vw 5.5vw;background:linear-gradient(180deg,#5f2c27 0%,#3a201c 54%,#241513 100%)}.journey-copy .section-kicker{color:#c69a5c}.journey-copy h2{font-size:clamp(40px,4vw,64px)}.journey-copy p{font-size:16px;line-height:1.48;margin-bottom:11px}.journey-copy .closing-line{color:#d79872}
.letter-section{background:linear-gradient(180deg,#7d392f 0%,#5b2b26 48%,#3a211c 100%);padding:7vw 4vw 8vw;display:grid;place-items:center}.letter-image{width:min(1100px,88vw);box-shadow:0 28px 60px rgba(20,10,5,.26)}
.offerings{padding:7vw 5vw 8vw;background-color:#c98a4c;background-image:linear-gradient(120deg,rgba(212,161,78,.36),rgba(151,69,50,.18)),radial-gradient(rgba(74,39,26,.09) .65px,transparent .65px);background-size:100% 100%,7px 7px}.offerings-heading{text-align:center;max-width:780px;margin:0 auto 4vw}.offerings-heading .section-kicker{margin-bottom:10px}.offerings-intro{font-style:italic;font-size:21px;margin:0}
.offerings-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1380px;margin:0 auto;border-top:1px solid rgba(181,138,69,.45);border-bottom:1px solid rgba(181,138,69,.45)}
.offering{padding:44px 36px 48px;text-align:center;position:relative}.offering+.offering{border-left:1px solid rgba(181,138,69,.45)}.offering h3{text-transform:uppercase;letter-spacing:.12em;font-size:27px;line-height:1.04;margin-bottom:18px}.offering-sub{font-style:italic;color:var(--umber);min-height:58px}.offering p:last-child{font-size:16px;line-height:1.52;margin:20px 0 0}
.altar{display:grid;grid-template-columns:58% 42%;background:#271716;color:var(--cream);min-height:76vh}.altar-media{overflow:hidden}.altar-media img{width:100%;height:100%;object-fit:cover;object-position:center}.altar-copy{padding:8vw 7vw;background:radial-gradient(circle at 28% 18%,rgba(188,109,54,.18),transparent 40%),linear-gradient(180deg,#5b2b26 0%,#321d1a 58%,#211615 100%)}.altar-copy h2{font-size:clamp(46px,5vw,74px)}.altar-closing{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.45em;color:#c7744e}.text-link.light{color:var(--gold);align-self:flex-start;margin-top:10px}
.connect{display:grid;grid-template-columns:32% 38% 30%;gap:0;align-items:center;padding:7vw 5vw 6vw;background-color:#b96f43;background-image:linear-gradient(120deg,rgba(198,154,74,.20),rgba(111,47,42,.17)),radial-gradient(rgba(72,36,28,.08) .7px,transparent .7px);background-size:100% 100%,7px 7px}.connect-copy{padding:3vw}.connect-copy h2{font-size:clamp(42px,4.2vw,65px)}
.connect-form{padding:3vw 4vw;border-left:1px solid rgba(181,138,69,.35);border-right:1px solid rgba(181,138,69,.35)}.connect-form label{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:11px;margin-bottom:22px}.connect-form input,.connect-form textarea{width:100%;display:block;margin-top:8px;border:0;border-bottom:1px solid rgba(53,37,28,.45);background:transparent;padding:11px 4px;font:18px "EB Garamond",serif;color:var(--ink);outline:none}.connect-form textarea{border:1px solid rgba(53,37,28,.35);padding:12px;resize:vertical}.connect-form input:focus,.connect-form textarea:focus{border-color:var(--copper)}.connect-form button{width:100%;border:0;background:var(--copper);color:var(--cream);padding:16px;text-transform:uppercase;letter-spacing:.18em;font:12px "EB Garamond",serif;cursor:pointer}.form-confirmation{font-style:italic;color:var(--copper);margin-top:16px}
.connect-signature{text-align:center;padding:2vw 3vw}.connect-signature img{width:min(280px,78%);margin:0 auto 22px}.connect-signature p{font-size:16px}.connect-signature a{display:block;text-decoration:none;margin:8px 0;font-size:16px}
footer{background:var(--charcoal);color:#c9ad89;text-align:center;padding:26px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:900px){
  .site-nav{position:fixed;background:rgba(33,23,19,.86);backdrop-filter:blur(10px)}.site-nav .wordmark{font-size:14px}.menu-toggle{display:block}.site-nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(33,23,19,.96);padding:24px 5vw;flex-direction:column;gap:18px}.site-nav nav.open{display:flex}
  .hero-copy{margin:0 7vw 8vh}.hero-copy h1{font-size:clamp(46px,14vw,72px)}
  .invitation,.journey,.altar,.connect{grid-template-columns:1fr}.editorial-media,.journey-media{min-height:70vh}.invitation .editorial-media{order:1}.invitation .editorial-copy{order:2}.journey-media{min-height:76vh}.journey-copy{padding:14vw 8vw}.editorial-copy,.altar-copy,.connect-copy{padding:14vw 8vw}.altar-media{min-height:64vh}.connect{padding:0}.connect-form{border:0;border-top:1px solid rgba(181,138,69,.35);border-bottom:1px solid rgba(181,138,69,.35);padding:12vw 8vw}.connect-signature{padding:12vw 8vw}.offerings{padding:14vw 7vw}.offerings-grid{grid-template-columns:1fr;border-bottom:0}.offering+.offering{border-left:0;border-top:1px solid rgba(181,138,69,.4)}.offering{padding:40px 18px}.offering-sub{min-height:0}.letter-section{padding:12vw 4vw}.letter-image{width:94vw}.chapter-mark{height:70px}.chapter-mark img{height:62px}
}

.invitation .editorial-copy{background:linear-gradient(145deg,#d5a65f 0%,#c68249 58%,#b45e42 100%);}
.invitation .editorial-copy .section-kicker{color:#6f2f2a;}
.invitation .editorial-copy .closing-line{color:#6b3027;}
.offerings .section-kicker{color:#6f2f2a;}
.offerings-grid{background:rgba(245,222,184,.14);}
.offering-sub{color:#6f2f2a;}
.connect .section-kicker{color:#6f2f2a;}

/* =========================================================
   V3 — softer feminine watercolor palette
   Keeps the lighter original hero treatment and lets color
   wash gently through the editorial sections.
   ========================================================= */
:root{
  --water-ivory:#ead6b5;
  --water-gold:#d6aa67;
  --water-amber:#c98255;
  --water-clay:#b86e5c;
  --water-wine:#895047;
  --logo-cream:#ead2ae;
  --logo-gold:#a87524;
  --logo-olive:#766a42;
  --logo-rust:#8b321b;
  --logo-brown:#442313;
}

body{
  background:#d4a566;
}

/* Restore the brighter, softer hero from the first pass. */

.hero-copy{
  text-shadow:0 2px 18px rgba(25,13,8,.22);
}
.hero-copy h1 em{color:#e2bd86}

/* Invitation: luminous parchment with translucent amber/clay washes. */
.invitation .editorial-copy{
  background-color:#d9ad72;
  background-image:
    radial-gradient(ellipse at 10% 12%,rgba(246,221,181,.70) 0%,rgba(246,221,181,0) 38%),
    radial-gradient(ellipse at 92% 25%,rgba(165,76,57,.22) 0%,rgba(165,76,57,0) 43%),
    radial-gradient(ellipse at 35% 94%,rgba(195,122,75,.34) 0%,rgba(195,122,75,0) 48%),
    linear-gradient(135deg,rgba(225,183,114,.68),rgba(190,107,76,.18));
}
.invitation .editorial-copy .section-kicker{color:#7f4336}
.invitation .editorial-copy .closing-line{color:#7d4537}

/* Soft watercolor chapter transitions instead of hard color strips. */
.chapter-mark.on-paper{
  background:
    radial-gradient(ellipse at 25% 30%,rgba(239,207,157,.70),transparent 45%),
    radial-gradient(ellipse at 75% 70%,rgba(183,91,69,.18),transparent 46%),
    #d3a263;
}
.chapter-mark.on-letter{
  background:
    radial-gradient(ellipse at 28% 30%,rgba(189,111,88,.42),transparent 48%),
    radial-gradient(ellipse at 72% 60%,rgba(105,54,47,.18),transparent 50%),
    #a66a59;
}

/* Journey remains sensual/dark but no longer reads as a hard brown panel. */
.journey-copy{
  background-color:#6f433c;
  background-image:
    radial-gradient(ellipse at 15% 8%,rgba(183,112,88,.34),transparent 40%),
    radial-gradient(ellipse at 84% 55%,rgba(118,66,57,.34),transparent 43%),
    radial-gradient(ellipse at 22% 94%,rgba(211,154,103,.13),transparent 36%),
    linear-gradient(180deg,rgba(112,64,56,.95),rgba(55,34,31,.96));
}

/* Offerings: pale gold / burnt amber watercolor rather than flat beige-orange. */
.offerings{
  background-color:#d7aa6e;
  background-image:
    radial-gradient(ellipse at 9% 14%,rgba(242,214,167,.78) 0%,rgba(242,214,167,0) 34%),
    radial-gradient(ellipse at 87% 18%,rgba(165,75,58,.16) 0%,rgba(165,75,58,0) 40%),
    radial-gradient(ellipse at 66% 88%,rgba(184,98,69,.24) 0%,rgba(184,98,69,0) 43%),
    radial-gradient(ellipse at 25% 76%,rgba(220,170,102,.38) 0%,rgba(220,170,102,0) 39%);
}
.offerings-grid{
  background:rgba(249,232,202,.10);
  border-color:rgba(112,71,46,.24);
}
.offering+.offering{border-color:rgba(112,71,46,.24)}
.offerings .section-kicker,.offering-sub{color:#82483c}

/* Letter: muted rosewood wash, not a saturated burgundy block. */
.letter-section{
  background-color:#9d675d;
  background-image:
    radial-gradient(ellipse at 12% 12%,rgba(210,143,112,.30),transparent 42%),
    radial-gradient(ellipse at 88% 24%,rgba(109,56,51,.18),transparent 40%),
    radial-gradient(ellipse at 50% 100%,rgba(71,43,37,.28),transparent 48%),
    linear-gradient(180deg,rgba(164,105,91,.72),rgba(100,59,53,.68));
}
.letter-image{
  box-shadow:0 24px 56px rgba(55,31,24,.18);
}

/* The Altar stays intimate, but use smoky watercolor edges instead of heavy blocks. */
.altar-copy{
  background-color:#4c302b;
  background-image:
    radial-gradient(ellipse at 20% 15%,rgba(181,109,75,.28),transparent 40%),
    radial-gradient(ellipse at 92% 78%,rgba(118,65,58,.24),transparent 43%),
    linear-gradient(180deg,rgba(91,51,44,.83),rgba(39,25,23,.94));
}

/* Connect is derived from the logo itself: cream, antique gold, olive, rust, espresso. */
.connect{
  color:var(--logo-brown);
  background-color:var(--logo-cream);
  background-image:
    radial-gradient(ellipse at 8% 16%,rgba(247,228,198,.82) 0%,rgba(247,228,198,0) 36%),
    radial-gradient(ellipse at 84% 18%,rgba(168,117,36,.13) 0%,rgba(168,117,36,0) 40%),
    radial-gradient(ellipse at 74% 86%,rgba(118,106,66,.14) 0%,rgba(118,106,66,0) 37%),
    radial-gradient(ellipse at 25% 91%,rgba(139,50,27,.10) 0%,rgba(139,50,27,0) 36%);
}
.connect .section-kicker{color:var(--logo-gold)}
.connect .closing-line{color:var(--logo-rust)}
.connect-form{
  border-color:rgba(118,106,66,.28);
}
.connect-form input,.connect-form textarea{
  color:var(--logo-brown);
  border-color:rgba(68,35,19,.34);
}
.connect-form textarea{border-color:rgba(68,35,19,.28)}
.connect-form input:focus,.connect-form textarea:focus{border-color:var(--logo-gold)}
.connect-form button{
  background:linear-gradient(90deg,#8a4f2d,#9d692b);
  color:#f5e4c8;
}
.form-confirmation{color:var(--logo-rust)}
.connect-signature a{color:#624126}

@media (max-width:900px){
  
}


/* =========================================================
   V4 — locked original hero + soft watercolor editorial wash
   Hero treatment intentionally restored exactly to V1.
   ========================================================= */

/* LOCKED HERO: do not restyle in future palette passes. */

.hero-copy{ text-shadow:none; }
.hero-copy h1 em{ color:#d7aa72; }

/* Watercolor palette inspired by dusty rose, clay, rust, amber,
   antique gold and warm paper. The washes stay translucent. */
.invitation .editorial-copy{
  background-color:#d9b58e;
  background-image:
    radial-gradient(ellipse at 6% 8%,rgba(246,230,207,.82) 0%,rgba(246,230,207,0) 38%),
    radial-gradient(ellipse at 86% 14%,rgba(188,105,89,.22) 0%,rgba(188,105,89,0) 36%),
    radial-gradient(ellipse at 76% 83%,rgba(176,78,60,.18) 0%,rgba(176,78,60,0) 34%),
    radial-gradient(ellipse at 27% 88%,rgba(207,145,91,.32) 0%,rgba(207,145,91,0) 42%),
    linear-gradient(135deg,rgba(224,187,137,.42),rgba(181,108,85,.10));
}

.chapter-mark.on-paper{
  background-color:#d2aa7b;
  background-image:
    radial-gradient(ellipse at 18% 20%,rgba(240,220,193,.72),transparent 42%),
    radial-gradient(ellipse at 78% 72%,rgba(170,80,66,.16),transparent 38%);
}
.chapter-mark.on-letter{
  background-color:#aa7367;
  background-image:
    radial-gradient(ellipse at 20% 18%,rgba(218,153,130,.35),transparent 46%),
    radial-gradient(ellipse at 78% 75%,rgba(117,62,57,.16),transparent 42%);
}

.journey-copy{
  background-color:#79534d;
  background-image:
    radial-gradient(ellipse at 8% 9%,rgba(194,124,104,.27),transparent 39%),
    radial-gradient(ellipse at 88% 18%,rgba(138,80,70,.20),transparent 38%),
    radial-gradient(ellipse at 25% 90%,rgba(209,156,109,.12),transparent 40%),
    linear-gradient(180deg,rgba(121,82,76,.92),rgba(62,42,39,.94));
}

.offerings{
  background-color:#d8b083;
  background-image:
    radial-gradient(ellipse at 5% 12%,rgba(247,232,207,.82),transparent 34%),
    radial-gradient(ellipse at 27% 84%,rgba(205,135,99,.22),transparent 36%),
    radial-gradient(ellipse at 68% 20%,rgba(184,91,77,.16),transparent 34%),
    radial-gradient(ellipse at 94% 78%,rgba(158,73,61,.14),transparent 34%),
    linear-gradient(115deg,rgba(223,184,130,.30),rgba(186,111,88,.08));
}
.offerings-grid{
  background:rgba(250,237,219,.10);
  border-color:rgba(100,64,44,.20);
}
.offering+.offering{border-color:rgba(100,64,44,.20)}

.letter-section{
  background-color:#a87669;
  background-image:
    radial-gradient(ellipse at 8% 14%,rgba(224,163,135,.33),transparent 40%),
    radial-gradient(ellipse at 82% 12%,rgba(151,72,67,.16),transparent 36%),
    radial-gradient(ellipse at 88% 84%,rgba(88,52,49,.16),transparent 40%),
    radial-gradient(ellipse at 24% 88%,rgba(198,126,103,.20),transparent 37%);
}

.altar-copy{
  background-color:#503632;
  background-image:
    radial-gradient(ellipse at 13% 10%,rgba(189,121,92,.24),transparent 40%),
    radial-gradient(ellipse at 82% 78%,rgba(129,70,65,.18),transparent 42%),
    linear-gradient(180deg,rgba(88,57,51,.88),rgba(43,29,27,.95));
}

/* Connect follows the logo palette, softened like watercolor on paper. */
.connect{
  color:var(--logo-brown);
  background-color:#e2c9a7;
  background-image:
    radial-gradient(ellipse at 5% 8%,rgba(249,237,218,.90),transparent 34%),
    radial-gradient(ellipse at 86% 10%,rgba(174,128,55,.14),transparent 34%),
    radial-gradient(ellipse at 72% 82%,rgba(114,105,70,.14),transparent 35%),
    radial-gradient(ellipse at 22% 88%,rgba(145,66,45,.12),transparent 34%),
    radial-gradient(ellipse at 53% 46%,rgba(202,154,101,.10),transparent 42%);
}
.connect-form button{
  background:#8d5c32;
  color:#f5e7d0;
}

@media (max-width:900px){
  /* LOCKED MOBILE HERO: exact first-pass treatment. */
  
}


/* ============================================================
   V5 FINAL VISUAL OVERRIDES
   Hero: restore the lighter first-version treatment.
   Offerings + Connect: soft sage watercolor, no dotted/manila texture.
   ============================================================ */

/* HERO — do not recolor the photograph; keep only a very light readability veil */



/* Small left-side veil only, instead of darkening the whole hero */


/* OFFERINGS + CONNECT — sage watercolor rather than manila */
#offerings,
.offerings,
#connect,
.connect {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 15% 18%, rgba(181,193,164,.48) 0%, rgba(181,193,164,0) 46%),
    radial-gradient(ellipse at 82% 30%, rgba(130,151,118,.31) 0%, rgba(130,151,118,0) 48%),
    radial-gradient(ellipse at 50% 92%, rgba(210,202,169,.25) 0%, rgba(210,202,169,0) 45%),
    linear-gradient(135deg, #d9ddca 0%, #c7d0b9 43%, #d7d8bd 100%) !important;
  background-image:
    radial-gradient(ellipse at 15% 18%, rgba(181,193,164,.48) 0%, rgba(181,193,164,0) 46%),
    radial-gradient(ellipse at 82% 30%, rgba(130,151,118,.31) 0%, rgba(130,151,118,0) 48%),
    radial-gradient(ellipse at 50% 92%, rgba(210,202,169,.25) 0%, rgba(210,202,169,0) 45%),
    linear-gradient(135deg, #d9ddca 0%, #c7d0b9 43%, #d7d8bd 100%) !important;
}

/* Remove dotted / halftone / paper-pattern overlays in these two sections */
#offerings::before,
#offerings::after,
.offerings::before,
.offerings::after,
#connect::before,
#connect::after,
.connect::before,
.connect::after {
  background-image: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Keep typography earthy and readable against sage */
#offerings,
.offerings,
#connect,
.connect {
  color: #3e342a;
}
#offerings h2,
.offerings h2,
#connect h2,
.connect h2 {
  color: #44372c;
}
#offerings .eyebrow,
.offerings .eyebrow,
#connect .eyebrow,
.connect .eyebrow,
#offerings a,
.offerings a,
#connect a,
.connect a {
  color: #765f35;
}


/* ============================================================
   V6 USER-DIRECTED OVERRIDES
   1. Hero: substantially lighter, matching the original reference.
   2. Offerings + Connect: deep muted sage watercolor, not mint.
   3. Add a restrained antique-gold serpent watermark.
   ============================================================ */

/* HERO — lift exposure by removing every full-image dark overlay */


/* Keep text legible without darkening the whole photograph */


/* Deep eucalyptus / olive sage watercolor */
#offerings,
.offerings,
#connect,
.connect {
  background:
    radial-gradient(ellipse at 12% 16%, rgba(120,139,116,.58) 0%, rgba(120,139,116,0) 46%),
    radial-gradient(ellipse at 78% 22%, rgba(91,113,92,.50) 0%, rgba(91,113,92,0) 52%),
    radial-gradient(ellipse at 50% 88%, rgba(63,84,69,.40) 0%, rgba(63,84,69,0) 52%),
    linear-gradient(155deg, #879987 0%, #708573 42%, #536b5b 100%) !important;
  color: #f3ead9 !important;
}

/* No dot/halftone texture */
#offerings::before,
.offerings::before,
#connect::before,
.connect::before {
  background-image: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Antique-gold serpent watermark, using the approved serpent asset */
#offerings::after,
.offerings::after,
#connect::after,
.connect::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: clamp(150px, 18vw, 260px) !important;
  height: 72% !important;
  right: 5% !important;
  top: 14% !important;
  background: url("assets/images/serpent.png") center / contain no-repeat !important;
  opacity: .10 !important;
  filter: sepia(1) saturate(.85) hue-rotate(350deg) brightness(1.55) contrast(.85) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#offerings > *,
.offerings > *,
#connect > *,
.connect > * {
  position: relative;
  z-index: 1;
}

#offerings h2,
.offerings h2,
#connect h2,
.connect h2 {
  color: #f4ead7 !important;
}
#offerings .eyebrow,
.offerings .eyebrow,
#connect .eyebrow,
.connect .eyebrow,
#offerings a,
.offerings a,
#connect a,
.connect a {
  color: #d7b46a !important;
}


/* ============================================================
   V7 USER-REFERENCE OVERRIDES
   Hero: make decisively brighter, closer to original approved look.
   Sage: use deep gray-green watercolor reference.
   Accent: shift orange to antique serpent-gold / bronze.
   ============================================================ */

/* HERO: brighten without washing out the original warm photo */



/* only a tiny localized veil behind copy */


/* deeper, smokier sage-green watercolor */
#offerings,
.offerings,
#connect,
.connect {
  background:
    radial-gradient(ellipse at 18% 12%, rgba(105,124,108,.42) 0%, rgba(105,124,108,0) 45%),
    radial-gradient(ellipse at 74% 24%, rgba(73,92,78,.38) 0%, rgba(73,92,78,0) 50%),
    radial-gradient(ellipse at 52% 90%, rgba(43,57,49,.34) 0%, rgba(43,57,49,0) 48%),
    linear-gradient(160deg, #718476 0%, #5f7466 43%, #3e5146 100%) !important;
  color: #f4ecdf !important;
}

/* remove any texture dots */
#offerings::before,
.offerings::before,
#connect::before,
.connect::before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* antique serpent-gold / bronze accent instead of orange */
:root {
  --accent-gold: #b8873f;
  --accent-gold-light: #d3aa63;
  --accent-bronze: #8d5f2e;
}

#offerings .eyebrow,
.offerings .eyebrow,
#connect .eyebrow,
.connect .eyebrow,
#offerings a,
.offerings a,
#connect a,
.connect a,
#offerings em,
.offerings em,
#connect em,
.connect em,
#offerings .script,
.offerings .script,
#connect .script,
.connect .script {
  color: var(--accent-gold-light) !important;
}

#connect button,
.connect button,
#connect .button,
.connect .button,
#connect .cta,
.connect .cta {
  background: var(--accent-bronze) !important;
  border-color: var(--accent-gold) !important;
  color: #fff8ea !important;
}

/* serpent watermark: more true antique-gold/bronze */
#offerings::after,
.offerings::after,
#connect::after,
.connect::after {
  opacity: .12 !important;
  filter: sepia(1) saturate(1.1) hue-rotate(350deg) brightness(1.30) contrast(.95) !important;
}


/* ============================================================
   V8 LOCKED PALETTE + HERO
   User references:
   - HERO: keep clearly LIGHTER than prior builds.
   - Offerings + Connect: watercolor oxblood / burgundy family.
   - Letter: hematite / muted mineral terracotta.
   ============================================================ */

/* HERO — LOCK THIS LIGHTNESS. No dark overlay. */


/* Remove previous copy veil entirely so it cannot darken the photo */


/* OFFERINGS + CONNECT — soft oxblood watercolor, not sage */
#offerings,
.offerings,
#connect,
.connect {
  background:
    radial-gradient(ellipse at 14% 14%, rgba(151,57,65,.54) 0%, rgba(151,57,65,0) 43%),
    radial-gradient(ellipse at 80% 18%, rgba(111,24,31,.46) 0%, rgba(111,24,31,0) 49%),
    radial-gradient(ellipse at 45% 90%, rgba(73,14,18,.35) 0%, rgba(73,14,18,0) 52%),
    linear-gradient(150deg, #9a4148 0%, #7c2930 44%, #5b171d 100%) !important;
  color: #f7ecdf !important;
}
#offerings::before,
.offerings::before,
#connect::before,
.connect::before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* Antique serpent-gold remains the accent */
#offerings h2,
.offerings h2,
#connect h2,
.connect h2 {
  color: #f6ead8 !important;
}
#offerings .eyebrow,
.offerings .eyebrow,
#connect .eyebrow,
.connect .eyebrow,
#offerings a,
.offerings a,
#connect a,
.connect a,
#offerings em,
.offerings em,
#connect em,
.connect em,
#offerings .script,
.offerings .script,
#connect .script,
.connect .script {
  color: #d2a45d !important;
}
#connect button,
.connect button,
#connect .button,
.connect .button,
#connect .cta,
.connect .cta {
  background: #8b5b2d !important;
  border-color: #c89a52 !important;
  color: #fff6e7 !important;
}

/* LETTER — hematite mineral wash */
#letter,
.letter,
.letter-section {
  background:
    radial-gradient(ellipse at 16% 20%, rgba(184,105,88,.48) 0%, rgba(184,105,88,0) 45%),
    radial-gradient(ellipse at 78% 24%, rgba(139,74,64,.34) 0%, rgba(139,74,64,0) 50%),
    radial-gradient(ellipse at 50% 88%, rgba(102,60,55,.25) 0%, rgba(102,60,55,0) 50%),
    linear-gradient(150deg, #c48b78 0%, #ae7466 45%, #8e5d55 100%) !important;
}

/* Preserve the approved serpent watermark */
#offerings::after,
.offerings::after,
#connect::after,
.connect::after {
  opacity: .12 !important;
  filter: sepia(1) saturate(1.05) hue-rotate(350deg) brightness(1.32) contrast(.92) !important;
}


/* ============================================================
   V9 LOCKED HERO + FINAL SECTION COLOR TEST
   IMPORTANT: HERO IS INTENTIONALLY UNTOUCHED IN THIS PASS.
   Offerings + Connect: Sacred Sand #E4C89C
   Letter: warm ochre/cognac reference
   Remove bullet dots / separators styling
   ============================================================ */

/* OFFERINGS + CONNECT — exact logo background color */
#offerings,
.offerings,
#connect,
.connect {
  background: #E4C89C !important;
  background-image: none !important;
  color: #4b3425 !important;
}

/* Remove dotted / watercolor overlays, while retaining only the subtle serpent watermark */
#offerings::before,
.offerings::before,
#connect::before,
.connect::before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* Keep approved serpent watermark subtle on Sacred Sand */
#offerings::after,
.offerings::after,
#connect::after,
.connect::after {
  opacity: .095 !important;
  filter: sepia(1) saturate(1.05) hue-rotate(350deg) brightness(1.12) contrast(.96) !important;
}

/* Text palette on Sacred Sand */
#offerings h1,
#offerings h2,
#offerings h3,
.offerings h1,
.offerings h2,
.offerings h3,
#connect h1,
#connect h2,
#connect h3,
.connect h1,
.connect h2,
.connect h3 {
  color: #4a3022 !important;
}

#offerings p,
.offerings p,
#connect p,
.connect p {
  color: #5a3e2b !important;
}

#offerings .eyebrow,
.offerings .eyebrow,
#connect .eyebrow,
.connect .eyebrow,
#offerings a,
.offerings a,
#connect a,
.connect a,
#offerings em,
.offerings em,
#connect em,
.connect em,
#offerings .script,
.offerings .script,
#connect .script,
.connect .script {
  color: #8a5528 !important;
}

/* Connect CTA stays within the logo / serpent bronze family */
#connect button,
.connect button,
#connect .button,
.connect .button,
#connect .cta,
.connect .cta {
  background: #8A5528 !important;
  border-color: #A86E34 !important;
  color: #FAEFD9 !important;
}

/* Logo should visually disappear into the Connect background */
#connect img[src*="logo"],
.connect img[src*="logo"],
#connect .logo img,
.connect .logo img {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* LETTER — warm ochre / cognac brown from user's second reference */
#letter,
.letter,
.letter-section {
  background:
    radial-gradient(ellipse at 18% 18%, rgba(177,107,39,.34) 0%, rgba(177,107,39,0) 46%),
    radial-gradient(ellipse at 78% 28%, rgba(132,74,27,.25) 0%, rgba(132,74,27,0) 50%),
    linear-gradient(150deg, #A66224 0%, #98591F 48%, #824A1B 100%) !important;
}

/* Remove bullet dots from ritual / altar text and any list styling */
#altar ul,
.altar ul,
#offerings ul,
.offerings ul,
#connect ul,
.connect ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#altar li::marker,
.altar li::marker,
#offerings li::marker,
.offerings li::marker,
#connect li::marker,
.connect li::marker {
  content: "" !important;
}

/* If ritual items are inline, space them without bullets */
#altar .ritual-list,
.altar .ritual-list,
#altar .altar-list,
.altar .altar-list {
  word-spacing: .08em;
}



/* ============================================================
   V10 — APPROVED HERO + INVITATION-MATCHED SECTIONS
   Hero remains exactly at approved V8 treatment.
   Offerings + Connect use the same watercolor background as Invitation.
   New transparent logo installed in Connect.
   ============================================================ */

/* HERO — LOCKED. Preserve V8 lightness and warm golden tone. */





/* OFFERINGS + CONNECT — exact Invitation watercolor treatment */
#offerings,
.offerings,
#connect,
.connect {
  background-color: #d9b58e !important;
  background-image:
    radial-gradient(ellipse at 6% 8%, rgba(246,230,207,.82) 0%, rgba(246,230,207,0) 38%),
    radial-gradient(ellipse at 86% 14%, rgba(188,105,89,.22) 0%, rgba(188,105,89,0) 36%),
    radial-gradient(ellipse at 76% 83%, rgba(176,78,60,.18) 0%, rgba(176,78,60,0) 34%),
    radial-gradient(ellipse at 27% 88%, rgba(207,145,91,.32) 0%, rgba(207,145,91,0) 42%),
    linear-gradient(135deg, rgba(224,187,137,.42), rgba(181,108,85,.10)) !important;
  color: #4f3528 !important;
}

/* no dot/halftone texture */
#offerings::before,
.offerings::before,
#connect::before,
.connect::before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* Keep subtle approved serpent watermark */
#offerings::after,
.offerings::after,
#connect::after,
.connect::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: clamp(150px, 18vw, 260px) !important;
  height: 72% !important;
  right: 5% !important;
  top: 14% !important;
  background: url("assets/images/serpent.png") center / contain no-repeat !important;
  opacity: .09 !important;
  filter: sepia(1) saturate(1.05) hue-rotate(350deg) brightness(1.18) contrast(.94) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#offerings > *,
.offerings > *,
#connect > *,
.connect > * {
  position: relative;
  z-index: 1;
}

/* Match Invitation's earthy typography */
#offerings h1,
#offerings h2,
#offerings h3,
.offerings h1,
.offerings h2,
.offerings h3,
#connect h1,
#connect h2,
#connect h3,
.connect h1,
.connect h2,
.connect h3 {
  color: #4b3025 !important;
}

#offerings p,
.offerings p,
#connect p,
.connect p {
  color: #58392c !important;
}

#offerings .section-kicker,
.offerings .section-kicker,
#connect .section-kicker,
.connect .section-kicker,
#offerings .eyebrow,
.offerings .eyebrow,
#connect .eyebrow,
.connect .eyebrow {
  color: #7f4336 !important;
}

#offerings .offering-sub,
.offerings .offering-sub,
#connect .closing-line,
.connect .closing-line,
#connect em,
.connect em {
  color: #7d4537 !important;
}

/* Bronze-gold CTA, consistent with new logo */
#connect button,
.connect button,
#connect .button,
.connect .button,
#connect .cta,
.connect .cta {
  background: #9b6a2f !important;
  border-color: #b9873e !important;
  color: #fff4df !important;
}

/* New transparent logo should sit directly on the watercolor background */
.connect-signature img,
#connect img[src*="logo-final"] {
  width: min(350px, 88%) !important;
  margin: 0 auto 24px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}


/* ============================================================
   V11 — LOCKED HERO + BRONZE LETTER REFINEMENT
   HERO: untouched from V10.
   CONNECT: untouched from V10.
   ============================================================ */

/* Replace the mauve/pink transition between Offerings and Letter
   with a muted warm bronze-brown. */
.chapter-mark.on-letter {
  background: #765035 !important;
  background-image:
    radial-gradient(ellipse at 24% 34%, rgba(181,143,92,.18) 0%, rgba(181,143,92,0) 46%),
    radial-gradient(ellipse at 76% 66%, rgba(74,48,32,.20) 0%, rgba(74,48,32,0) 50%) !important;
}

/* Letter section: aged bronze / muted antique brown.
   Intentionally avoids orange, terracotta, pink and red casts. */
#letter,
.letter,
.letter-section {
  background-color: #8A603D !important;
  background-image:
    radial-gradient(ellipse at 16% 18%, rgba(188,151,102,.22) 0%, rgba(188,151,102,0) 44%),
    radial-gradient(ellipse at 82% 28%, rgba(92,61,40,.22) 0%, rgba(92,61,40,0) 48%),
    radial-gradient(ellipse at 50% 92%, rgba(67,45,31,.17) 0%, rgba(67,45,31,0) 50%),
    linear-gradient(155deg, #8A603D 0%, #80583A 48%, #765035 100%) !important;
}

/* The serpent on this transition stays restrained antique gold. */
.chapter-mark.on-letter img {
  filter: sepia(1) saturate(.72) brightness(1.14) contrast(.92) !important;
  opacity: .72 !important;
}


/* ============================================================
   V12 — PERMANENT HERO MASTER
   Exact uploaded Final Master Edit Embodiment(3).jpg.
   No photo regrading. No full-image overlay.
   ============================================================ */







.hero-copy {
  position: relative;
  isolation: isolate;
}



@media (max-width: 760px) {
  

  
}


/* ============================================================
   V13 — HERO POSITION FIX ONLY
   Do not redesign or regrade anything.
   Preserve the full head/hair as the responsive focal point.
   ============================================================ */

/* Desktop: reduce the amount cropped from the top of the vertical master photo. */


/* Tablet / narrower desktop: keep a little more space above the head. */
@media (max-width: 1100px) and (min-width: 761px) {
  
}

/* Mobile portrait layouts already reveal much more of the vertical photo.
   Keep the focal point high enough that head/hair cannot be clipped. */
@media (max-width: 760px) {
  
}


/* ============================================================
   V15 — RESTORED PREVIOUS HERO FRAMING
   Framing/sizing/positioning remain exactly as V13.
   The hero source file is the exact original uploaded photograph.
   This rule only prevents pixel/color processing.
   ============================================================ */