/* Harris network v2 design system: shared metallic palette (matte gold, rose gold, copper)
   Each site sets its own brand tokens on <body data-site="...">. */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-latin-var.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
:root{
  /* metallic palette */
  --gold-50:#fbf6ea;--gold-100:#f4ead0;--gold-200:#e8d6a6;--gold-300:#d8bd7e;--gold-400:#c8a862;--gold-500:#b8975a;--gold-600:#9c7c42;--gold-700:#7e6331;--gold-800:#5c4823;
  --yellow:#f2c14e;--yellow-soft:#fbe7b0;
  --rose-100:#f6e1dc;--rose-200:#ecc3b8;--rose-300:#e0a899;--rose-500:#b76e79;--rose-600:#9b5862;--rose-700:#7a4049;
  --copper-100:#f4e0d0;--copper-300:#dfa274;--copper-400:#c98650;--copper-500:#b87333;--copper-600:#995c27;--copper-700:#7c4a22;
  --metal-gold:linear-gradient(135deg,#7e6331 0%,#b8975a 22%,#e8d6a6 46%,#c8a862 62%,#9c7c42 82%,#7e6331 100%);
  --metal-gold-soft:linear-gradient(135deg,#c8a862 0%,#e8d6a6 45%,#b8975a 100%);
  --metal-rose:linear-gradient(135deg,#7a4049 0%,#b76e79 30%,#ecc3b8 52%,#b76e79 74%,#7a4049 100%);
  --metal-copper:linear-gradient(135deg,#7c4a22 0%,#b87333 30%,#dfa274 52%,#b87333 76%,#7c4a22 100%);
  --metal-tri:linear-gradient(100deg,#9c7c42 0%,#d8bd7e 18%,#b76e79 42%,#e0a899 55%,#b87333 76%,#dfa274 90%,#b8975a 100%);
  --metal-tri-v:linear-gradient(180deg,#d8bd7e,#b76e79 50%,#b87333);
  /* copper/rose-tinted shadows */
  --shadow-sm:0 1px 2px rgba(92,72,35,.10),0 4px 12px -6px rgba(124,74,34,.22);
  --shadow-md:0 2px 6px rgba(92,72,35,.10),0 18px 36px -18px rgba(124,74,34,.45);
  --shadow-lg:0 4px 12px rgba(92,72,35,.12),0 34px 64px -28px rgba(122,64,73,.55);
  --shadow-glow:0 0 0 1px rgba(216,189,126,.35),0 20px 50px -20px rgba(184,115,51,.55);
  /* spacing scale (v1 fix: --space-14 was undefined) */
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --radius-sm:.5rem;--radius:.85rem;--radius-lg:1.25rem;--radius-xl:1.75rem;
  --font-display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --maxw:1200px;
  /* brand defaults (overridden per site) */
  --brand:#14325c;--brand-deep:#0b1d38;--brand-ink:#0a1528;--brand-soft:#e6edf7;--brand-accent:var(--gold-400);
  --paper:#fbf8f2;--surface:#ffffff;--ink:#1d1a16;--ink-soft:#4a4338;--ink-mute:#7a7062;--rule:#e7dcc6;
}
body[data-site="eusomniamd"]{--brand:#163a6b;--brand-deep:#0c2142;--brand-ink:#08162d;--brand-soft:#e5ecf6}
body[data-site="eusomnia-org"]{--brand:#2b2a6b;--brand-deep:#17163f;--brand-ink:#0e0d2a;--brand-soft:#e9e8f6}
body[data-site="brianharrismd"]{--brand:#1b2f4e;--brand-deep:#101d33;--brand-ink:#0a1322;--brand-soft:#e7ebf2}
body[data-site="brianharris-org"]{--brand:#6b2433;--brand-deep:#3f141e;--brand-ink:#2a0d14;--brand-soft:#f5e7e9}
body[data-site="7oh"]{--brand:#0f5a5e;--brand-deep:#08363a;--brand-ink:#052427;--brand-soft:#e1f0ef}
body[data-site="sleepcognition"]{--brand:#4a3a8c;--brand-deep:#251c4f;--brand-ink:#171133;--brand-soft:#ece8f7}
body[data-site="lucidbridge"]{--brand:#b45309;--brand-deep:#5a2a06;--brand-ink:#2c1a0b;--brand-soft:#fbefdc;--paper:#fdf9f2;--rule:#e9ddc8}
body[data-site="wakesleep"]{--brand:#1f5f8b;--brand-deep:#103552;--brand-ink:#0a2236;--brand-soft:#e3eef6}
body[data-site="harrisfamily"]{--brand:#35523f;--brand-deep:#1d3024;--brand-ink:#121f17;--brand-soft:#e8efe9}
body[data-site="harrisarchives"]{--brand:#6a5338;--brand-deep:#3b2d1d;--brand-ink:#261d12;--brand-soft:#f2ebe1}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.v2{margin:0;font-family:var(--font-body);font-size:16.5px;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.v2 img{max-width:100%;display:block}
.v2 a{color:inherit}
.v2 h1,.v2 h2,.v2 h3,.v2 .display{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0;font-variation-settings:"opsz" 96,"SOFT" 30}
.v2 p{margin:0}
.wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:100}
.skip:focus{left:1rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.foil{background:var(--metal-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.foil-rose{background:var(--metal-rose);-webkit-background-clip:text;background-clip:text;color:transparent}
.foil-copper{background:var(--metal-copper);-webkit-background-clip:text;background-clip:text;color:transparent}
.rule-metal{height:2px;border:0;background:var(--metal-tri);margin:0;border-radius:2px}
.kicker{font:700 .74rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-600)}
.on-dark .kicker,.kicker.light{color:var(--gold-300)}

/* ---------- Top navigation ---------- */
.topnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--brand-ink) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f6efe2}
.topnav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--metal-tri);opacity:.9}
.topnav .bar{display:flex;align-items:center;gap:1rem;min-height:68px}
.brandmark{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;min-width:0}
.brandmark svg,.brandmark img{width:40px;height:40px;flex:none}
.brandmark .bm-name{font-family:var(--font-display);font-size:1.22rem;font-weight:600;line-height:1.05;letter-spacing:-.005em;white-space:nowrap}
.brandmark .bm-sub{display:block;font:600 .62rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-300);margin-top:.2rem;white-space:nowrap}
.navlinks{margin-left:auto;display:flex;align-items:center;gap:.15rem}
.navlinks a{text-decoration:none;font-weight:550;font-size:.93rem;color:#e9e1d2;padding:.5rem .72rem;border-radius:.5rem;transition:color .15s,background .15s;white-space:nowrap}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#fff;background:rgba(216,189,126,.12)}
.navlinks a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold-400)}
.navlinks .btn{margin-left:.5rem}
.navlinks a.btn-gold,.navlinks a.btn-gold:hover{color:#2a1f0c;background:var(--metal-gold-soft)}
.nav-toggle{display:none}
.nav-burger{display:none;margin-left:auto;cursor:pointer;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:#f6efe2;padding:.55rem .85rem;border-radius:.6rem;border:1px solid rgba(216,189,126,.45);background:rgba(255,255,255,.04)}
.nav-burger .lines{width:18px;height:12px;position:relative;display:inline-block}
.nav-burger .lines::before,.nav-burger .lines::after,.nav-burger .lines span{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--gold-300)}
.nav-burger .lines::before{top:0}.nav-burger .lines span{top:5px}.nav-burger .lines::after{top:10px}
@media (max-width:1020px){
  .nav-burger{display:inline-flex}
  .navlinks{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--brand-ink);padding:.5rem 1.25rem 1.25rem;border-bottom:2px solid var(--gold-500);box-shadow:var(--shadow-lg);max-height:calc(100vh - 68px);overflow-y:auto}
  .navlinks a{padding:.85rem .25rem;border-bottom:1px solid rgba(216,189,126,.16);border-radius:0;font-size:1rem}
  .navlinks a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--gold-400);padding-left:.75rem}
  .navlinks .btn{margin:1rem 0 0;justify-content:center;border-bottom:0}
  .nav-toggle:checked ~ .navlinks{display:flex}
}
@media (max-width:420px){.brandmark .bm-sub{display:none}.brandmark .bm-name{font-size:1.08rem}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font:650 .95rem/1 var(--font-body);text-decoration:none;padding:.85rem 1.25rem;border-radius:.7rem;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--metal-gold-soft);color:#2a1f0c;border-color:#9c7c42;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px -12px rgba(156,124,66,.8)}
.btn-gold:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 30px -12px rgba(184,115,51,.85)}
.btn-ghost{color:#f8efe0;border-color:rgba(224,168,153,.6);background:rgba(255,255,255,.05)}
.btn-ghost:hover{border-color:var(--rose-200);background:rgba(224,168,153,.12)}
.btn-ink{background:var(--brand);color:#fff;box-shadow:var(--shadow-md)}
.btn-line{color:var(--brand-deep);border-color:var(--copper-300);background:transparent}
.btn-line:hover{background:var(--copper-100)}
.btn-small{padding:.6rem .95rem;font-size:.86rem}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#f7f1e6;background:
  radial-gradient(60% 70% at 88% 12%,rgba(183,110,121,.30),transparent 60%),
  radial-gradient(50% 60% at 6% 96%,rgba(184,115,51,.28),transparent 62%),
  radial-gradient(40% 40% at 50% 0%,rgba(242,193,78,.10),transparent 70%),
  linear-gradient(160deg,var(--brand-deep) 0%,var(--brand-ink) 70%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--metal-tri)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(4rem,7vw,6.5rem)}
.hero h1{font-size:clamp(2.35rem,5.2vw,4.1rem);color:#fff;margin-top:1rem}
.hero h1 em{font-style:italic;font-weight:500}
.hero .lede{font-size:clamp(1.04rem,1.5vw,1.2rem);color:rgba(247,241,230,.86);margin-top:1.25rem;max-width:36rem}
.hero .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.hero .badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .85rem;border-radius:999px;font:650 .78rem/1.2 var(--font-body);letter-spacing:.04em;color:var(--gold-100);border:1px solid rgba(216,189,126,.5);background:linear-gradient(90deg,rgba(216,189,126,.16),rgba(183,110,121,.12))}
.hero .badge i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}
.hero .facts{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid rgba(216,189,126,.25)}
.hero .facts div{min-width:8.5rem}
.hero .facts b{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--gold-200)}
.hero .facts span{font-size:.82rem;color:rgba(247,241,230,.75)}

/* ad-style framed graphic */
.adframe{position:relative;border-radius:var(--radius-xl);padding:3px;background:var(--metal-tri);box-shadow:var(--shadow-glow)}
.adframe .inner{position:relative;border-radius:calc(var(--radius-xl) - 3px);overflow:hidden;background:var(--brand-ink);aspect-ratio:4/3.4}
.adframe .inner>img{width:100%;height:100%;object-fit:cover}
.adframe .inner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,10,20,.82) 100%)}
.adcopy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.4rem 1.5rem 1.5rem;color:#fff}
.adcopy .kicker{color:var(--gold-200)}
.adcopy .ad-h{font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15;margin-top:.45rem;font-weight:600}
.adcopy .ad-rule{height:2px;width:72px;background:var(--metal-gold);margin:.9rem 0 .7rem;border-radius:2px}
.adcopy .ad-s{font-size:.9rem;color:rgba(255,255,255,.85)}
.adtag{position:absolute;top:1rem;left:1rem;z-index:2;font:700 .66rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#2a1f0c;background:var(--metal-gold-soft);padding:.45rem .65rem;border-radius:.4rem;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.seal{position:absolute;right:-14px;top:-14px;z-index:3;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#f4ead0,#c8a862 45%,#7e6331 100%);color:#2a1f0c;box-shadow:0 12px 26px -10px rgba(0,0,0,.6),inset 0 0 0 3px rgba(255,255,255,.35),inset 0 0 0 7px rgba(126,99,49,.35);font:800 .66rem/1.15 var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:.8rem}
.seal b{display:block;font-family:var(--font-display);font-size:1.45rem;letter-spacing:0;text-transform:none}

/* ---------- Sections ---------- */
.section{padding:clamp(3.5rem,7vw,6rem) 0}
.section.alt{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand-soft) 60%,var(--paper)))}
.section.dark{background:linear-gradient(160deg,var(--brand-deep),var(--brand-ink));color:#f3ecdf}
.shead{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}
.shead h2{font-size:clamp(1.85rem,3.4vw,2.7rem);margin-top:.6rem;color:var(--brand-ink)}
.section.dark .shead h2{color:#fff}
.shead p{margin-top:.9rem;color:var(--ink-soft);font-size:1.06rem}
.section.dark .shead p{color:rgba(243,236,223,.82)}
.shead .rule-metal{width:84px;margin-top:1.1rem}

/* ad tiles */
.adgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.adgrid.four{grid-template-columns:repeat(4,1fr)}
.adgrid.two{grid-template-columns:repeat(2,1fr)}
.adtile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}
.adtile::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--metal-tri);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:3;pointer-events:none}
.adtile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.adtile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,16,.05) 20%,rgba(6,8,16,.55) 55%,rgba(6,8,16,.92) 100%)}
.adtile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.adtile:hover>img{transform:scale(1.04)}
.adtile .body{padding:1.4rem 1.4rem 1.5rem}
.adtile .kicker{color:var(--gold-200)}
.adtile h3{font-size:1.45rem;margin-top:.5rem;color:#fff}
.adtile p{font-size:.92rem;color:rgba(255,255,255,.84);margin-top:.55rem}
.adtile .cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-weight:650;font-size:.88rem;color:var(--gold-200)}
.adtile .cta::after{content:"\2192";transition:transform .2s}
.adtile:hover .cta::after{transform:translateX(3px)}

/* cards with metallic hairline border */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.cards.two{grid-template-columns:repeat(2,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{position:relative;border-radius:var(--radius-lg);padding:1.6rem 1.5rem;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,var(--gold-300),var(--rose-200) 45%,var(--copper-300)) border-box;border:1px solid transparent;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.card .ico{width:46px;height:46px;border-radius:.8rem;display:grid;place-items:center;background:linear-gradient(140deg,var(--gold-50),var(--rose-100));border:1px solid var(--gold-200);color:var(--copper-600);margin-bottom:1rem}
.card .ico svg{width:22px;height:22px}
.card h3{font-size:1.22rem;color:var(--brand-ink)}
.card p{margin-top:.55rem;color:var(--ink-soft);font-size:.95rem}
.card a.more{display:inline-block;margin-top:1rem;font-weight:650;font-size:.9rem;color:var(--copper-600);text-decoration:none}
.card a.more:hover{color:var(--rose-600)}
.section.dark .card{background:linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04)) padding-box,linear-gradient(140deg,rgba(216,189,126,.7),rgba(183,110,121,.55),rgba(184,115,51,.7)) border-box}
.section.dark .card h3{color:#fff}.section.dark .card p{color:rgba(243,236,223,.8)}

/* split feature */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.split .photo{position:relative;border-radius:var(--radius-xl);padding:3px;background:var(--metal-copper);box-shadow:var(--shadow-lg)}
.split .photo img{border-radius:calc(var(--radius-xl) - 3px);width:100%;aspect-ratio:4/3.3;object-fit:cover}
.split .photo .cap{position:absolute;left:1.1rem;bottom:1.1rem;right:1.1rem;padding:.9rem 1rem;border-radius:.8rem;background:rgba(10,12,22,.78);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(216,189,126,.45);font-size:.88rem}
.split .photo .cap b{display:block;font-family:var(--font-display);font-size:1.08rem;color:var(--gold-200);font-weight:600}
.split h2{font-size:clamp(1.8rem,3.2vw,2.5rem);color:var(--brand-ink);margin-top:.6rem}
.split p{margin-top:1rem;color:var(--ink-soft)}
.checklist{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.65rem}
.checklist li{position:relative;padding-left:1.9rem;color:var(--ink-soft)}
.checklist li::before{content:"";position:absolute;left:0;top:.35rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--metal-gold-soft);box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--gold-400)}

/* credentials band */
.credband{background:linear-gradient(90deg,var(--brand-ink),var(--brand-deep) 50%,var(--brand-ink));color:#f3ecdf;position:relative}
.credband::before,.credband::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--metal-tri)}
.credband::before{top:0}.credband::after{bottom:0}
.credband .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;padding:1.6rem 0}
.credband .who{font-family:var(--font-display);font-size:1.25rem}
.credband .who small{display:block;font:600 .74rem/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-300);margin-top:.25rem}
.credband ul{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.credband li{font-size:.84rem;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(216,189,126,.45);background:rgba(216,189,126,.08);color:var(--gold-100)}

/* quote / callout */
.callout{position:relative;border-radius:var(--radius-xl);padding:clamp(1.8rem,4vw,3rem);background:linear-gradient(135deg,var(--gold-50),var(--rose-100) 60%,var(--copper-100));border:1px solid var(--gold-200);box-shadow:var(--shadow-md)}
.callout blockquote{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.3;color:var(--brand-ink)}
.callout cite{display:block;margin-top:1rem;font-style:normal;font-weight:650;color:var(--copper-700);font-size:.92rem}

/* network grid */
.netgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.netcard{display:block;text-decoration:none;border-radius:var(--radius);padding:1.1rem 1.1rem 1.15rem;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--metal-tri) border-box;border:1px solid transparent;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}
.netcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.netcard .d{font-weight:700;color:var(--brand-ink);font-size:.98rem}
.netcard .r{font-size:.84rem;color:var(--ink-mute);margin-top:.25rem}
.netcard .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.45rem;vertical-align:1px;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 3px var(--gold-300)}

/* help strip */
.helpstrip{border-radius:var(--radius-lg);padding:1.2rem 1.4rem;display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(90deg,rgba(242,193,78,.16),rgba(224,168,153,.16));border:1px solid var(--gold-300)}
.helpstrip b{color:var(--brand-ink)}

/* ---------- Footer ---------- */
.ringfoot{position:relative;background:linear-gradient(180deg,var(--brand-ink),#07080d);color:#d9d0bf;font-size:.93rem}
.ringfoot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--metal-tri)}
.ringfoot a{color:#efe6d4;text-decoration:none}
.ringfoot a:hover{color:var(--gold-200);text-decoration:underline;text-underline-offset:3px}
.ringfoot .anchors{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.4rem 0;border-bottom:1px solid rgba(216,189,126,.18)}
.ringfoot .anchors a{font-weight:650;font-size:.85rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(216,189,126,.4);background:rgba(216,189,126,.06)}
.ringfoot .anchors a:hover{text-decoration:none;background:rgba(216,189,126,.16)}
.ringfoot .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;padding:2.5rem 0 2rem}
.ringfoot h4{font:700 .72rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;background:var(--metal-gold-soft);-webkit-background-clip:text;background-clip:text;color:transparent}
.ringfoot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ringfoot .about p{margin-top:.75rem;color:#b9af9c;max-width:26rem}
.ringfoot .about .brandmark .bm-name{font-size:1.15rem}
.ringfoot .network{border-top:1px solid rgba(216,189,126,.18);padding:1.8rem 0}
.ringfoot .network ul{grid-template-columns:repeat(4,1fr);gap:.55rem 1.5rem}
.ringfoot .network li a{display:block}
.ringfoot .network li span{display:block;font-size:.78rem;color:#9b917f}
.ringfoot .network li[aria-current] a{color:var(--gold-200)}
.ringfoot .legal{border-top:1px solid rgba(216,189,126,.18);padding:1.2rem 0 1.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.8rem;color:#9b917f}
.ringfoot :target{scroll-margin-top:90px}
.ringfoot section:target h4{outline:2px solid var(--gold-400);outline-offset:6px;border-radius:4px}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .adgrid.four,.netgrid,.cards.four{grid-template-columns:repeat(2,1fr)}
  .ringfoot .cols{grid-template-columns:1fr 1fr}
  .ringfoot .network ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .hero .wrap,.split{grid-template-columns:1fr}
  .adgrid,.cards,.cards.two,.adgrid.two{grid-template-columns:1fr}
  .seal{width:92px;height:92px;right:-6px;top:-10px}
  .seal b{font-size:1.2rem}
}
@media (max-width:560px){
  .wrap{width:min(100% - 2rem,var(--maxw))}
  .adgrid.four,.netgrid,.cards.four{grid-template-columns:1fr}
  .adtile{min-height:300px}
  .ringfoot .cols{grid-template-columns:1fr;gap:1.6rem}
  .ringfoot .network ul{grid-template-columns:1fr}
  .hero .facts{gap:1.1rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}