/* golden-hero.css — styles for the reusable GoldenHero component */
.gh{ position:relative; width:100%; height:100%; overflow:hidden; background:#f0e0bd; font-family:'Manrope',system-ui,sans-serif; }
.gh-layer{ position:absolute; inset:-7%; width:114%; height:114%; will-change:transform; pointer-events:none; }
.gh-layer svg{ width:100%; height:100%; display:block; }
.gh-sky{ inset:0; width:100%; height:100%; }
@keyframes gh-spin{ to{ transform:rotate(360deg) } }
.gh-rays{ animation:gh-spin 120s linear infinite; }
.gh-grain{ position:absolute; inset:0; pointer-events:none; mix-blend-mode:soft-light; opacity:.42;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.gh-vig{ position:absolute; inset:0; pointer-events:none; background:radial-gradient(120% 100% at 50% 16%, transparent 58%, rgba(120,74,30,.16) 100%); }
.gh-content{ position:absolute; left:0; bottom:0; width:100%; padding:0 56px 52px; z-index:5;
  background:linear-gradient(0deg, rgba(247,239,221,.68) 0%, rgba(247,239,221,.42) 26%, transparent 64%); }
.gh-eyebrow{ font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:rgba(42,51,32,.66); display:flex; align-items:center; gap:14px; }
.gh-eyebrow::before{ content:''; width:26px; height:1px; background:rgba(42,51,32,.5); }
.gh-title{ font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; font-size:clamp(40px, 6vw, 84px); line-height:.98; letter-spacing:-.02em; color:#2a3320; margin:14px 0 0; max-width:920px; text-wrap:balance; }
.gh-title em{ color:#c75b34; }
.gh-title .non{ font-family:'Bricolage Grotesque',sans-serif; font-style:normal; font-weight:300; }
.gh-lede{ max-width:520px; font-size:17px; line-height:1.5; color:#2a3320; opacity:.92; margin:18px 0 0; }
.gh-note{ font-family:'Caveat',cursive; color:#c75b34; font-size:25px; margin:14px 0 0; transform:rotate(-3deg); display:inline-block; }
@media (prefers-reduced-motion: reduce){ .gh-rays{ animation:none } }
@media (max-width:820px){ .gh-content{ padding:0 22px 34px } .gh-title{ font-size:clamp(32px, 9vw, 54px) } .gh-lede{ font-size:15px; max-width:none } }

/* ── page integration (additive overlay) ── */
.gh-wrap{ width:100%; height:560px; position:relative; }
@media (max-width:680px){ .gh-wrap{ height:460px } }
/* hide the original page header — only once the hero has mounted (graceful degradation) */
.page.gh-ready > header.pghdr{ display:none !important; }