/* BEORO gilded layer. Opt-in: only applies when <body> has .is-gilded (store home_page.gilded = true).
   Gold only on hairlines, dividers, the monogram and a few headlines. Never as a fill. */
.is-gilded{--g:#C9B38A;--g-d:#8F7440;--g-l:#E9D9B0}

/* 1. coach-line: one thin pinstripe framing the whole viewport */
.is-gilded:before{content:"";position:fixed;inset:14px;border:1px solid rgba(201,179,138,.2);pointer-events:none;z-index:5}

/* 2. monogram (own drawing: a serif B inside a double ring) */
.h-mono{display:flex;justify-content:center;line-height:0}
.h-mono svg{width:68px;height:68px;overflow:visible}
.h-mono--sm svg{width:56px;height:56px}
.h-hero__text .h-mono{margin-bottom:-4px}
.h-foot__brand .h-mono{justify-content:flex-start;margin-bottom:14px}

/* 3. section dividers: fading hairline with a small diamond */
.is-gilded .h-sec{position:relative}
.is-gilded .h-sec:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:min(560px,72%);height:1px;background:linear-gradient(90deg,transparent,rgba(201,179,138,.75) 22%,rgba(201,179,138,.75) 78%,transparent);pointer-events:none}
.is-gilded .h-sec:after{content:"";position:absolute;top:3px;left:50%;width:7px;height:7px;transform:translateX(-50%) rotate(45deg);background:#1B1816;border:1px solid var(--g);pointer-events:none}
.is-gilded .h-line{border-top:0}

/* 4. double hairline panels with corner details */
.is-gilded .h-card,.is-gilded .h-act,.is-gilded .h-silk__frame{position:relative;box-shadow:0 0 0 5px #1B1816,0 0 0 6px rgba(201,179,138,.38)}
.is-gilded .h-card:before,.is-gilded .h-act:before,.is-gilded .h-silk__frame:before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border-top:1px solid var(--g-l);border-left:1px solid var(--g-l);z-index:2}
.is-gilded .h-card:after,.is-gilded .h-act:after,.is-gilded .h-silk__frame:after{content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-bottom:1px solid var(--g-l);border-right:1px solid var(--g-l);z-index:2}
.is-gilded .h-silk__frame svg{z-index:1}
.is-gilded .h-arch{position:relative}
.is-gilded .h-arch:before{content:"";position:absolute;inset:8px 8px 0 8px;border:1px solid rgba(201,179,138,.28);border-bottom:0;border-radius:372px 372px 0 0;pointer-events:none}

/* 5. gold foil on four headlines only */
.is-gilded #restraint h2,.is-gilded .h-sec--coll h2,.is-gilded .h-endures h2,.is-gilded #promise h2{background:linear-gradient(100deg,#B79B62 0%,#F3E6BE 36%,#C9B38A 56%,#EBDDB4 76%,#AD9058 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* 5b. the wordmark in the same gold foil as the monogram */
.is-gilded .h-brand,.is-gilded .h-bar__brand,.is-gilded .h-topbar{background:linear-gradient(100deg,#B79B62 0%,#F3E6BE 38%,#C9B38A 58%,#EBDDB4 78%,#AD9058 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* 6. engraved pattern behind two sections (very faint) */
.is-gilded #restraint,.is-gilded #private-list{background-image:repeating-radial-gradient(circle at 50% 140%,rgba(201,179,138,0) 0 10px,rgba(201,179,138,.055) 10px 11px),repeating-radial-gradient(circle at 50% -40%,rgba(201,179,138,0) 0 10px,rgba(201,179,138,.04) 10px 11px)}

/* 7. small castle above "Read her story" */
.is-gilded .h-cards,.is-gilded .h-acts{gap:26px}
.h-castle-sm{filter:saturate(.72);display:block;position:static!important;width:min(440px,82%);height:auto;margin:10px auto 6px;opacity:.85;stroke-width:2.6;-webkit-mask-image:none;mask-image:none}

/* hero base line */
.is-gilded .h-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,179,138,.6),transparent);z-index:2}

@media (max-width:760px){
 .is-gilded:before{inset:7px}
 .h-mono svg{width:56px;height:56px}
 .is-gilded .h-arch:before{border-radius:192px 192px 0 0}
 .is-gilded .h-card,.is-gilded .h-act,.is-gilded .h-silk__frame{box-shadow:0 0 0 4px #1B1816,0 0 0 5px rgba(201,179,138,.38)}
}

/* 8. dark gilded header for product, policy and checkout pages (opt-in with home_page.gilded) */
.nav--g{display:block;padding:0;background:#101512;border-bottom:0;position:relative;color:#EDE7DA}
.nav--g:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-top:1px solid rgba(201,179,138,.7);border-bottom:1px solid rgba(201,179,138,.35)}
.nav--g .nav__ship{text-align:center;padding:12px 16px 0;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#C9B38A}
.nav--g .nav__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:10px 32px 24px}
.nav--g .nav__mid{display:flex;flex-direction:column;align-items:center;gap:6px}
.nav--g .h-mono--nav svg{width:42px;height:42px}
.nav--g .brand{font-size:28px;letter-spacing:.34em;padding-left:.34em;background:linear-gradient(100deg,#B79B62 0%,#F3E6BE 38%,#C9B38A 58%,#EBDDB4 78%,#AD9058 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.nav--g .nav__side{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#C9B38A}
.nav--g .nav__side--r{text-align:right}
.nav--g .nav__side:hover{color:#F3E6BE}
@media (max-width:760px){
 .nav--g .nav__row{padding:8px 16px 20px;gap:8px}
 .nav--g .brand{font-size:21px}
 .nav--g .nav__side{font-size:9px;letter-spacing:.16em}
 .nav--g .nav__ship{font-size:9px;letter-spacing:.2em}
}