/* site.css — shared foundation + chrome for all Skyeblanc Certification pages.
   (Homepage keeps its own inline copy while locked; this is the source of truth for inner pages,
   and becomes the theme's global stylesheet in the WordPress build.) */
:root{
  --ink:#14241B; --pine:#1E4233; --pine-2:#2A5A45; --pine-deep:#0E2019; --pine-hero:#10241C;
  --paper:#F5F2EA; --paper-2:#ECE7DA; --paper-3:#E4DECF; --cream:#FBF9F3;
  --brass:#745A20; --brass-2:#B8974A; --brass-soft:#CBB273; --brass-glow:#E4CE93;
  --sage:#556A5E; --line:#DCD5C6; --line-2:#CBC3B0;
  --ink-soft:#3C4A41; --paper-soft:rgba(245,242,234,.72); --valid:#3E7D5A;
  --sg:'Space Grotesk',system-ui,sans-serif; --st:'Satoshi',system-ui,sans-serif;
  --mono:ui-monospace,'Cascadia Mono',Consolas,monospace;
  --wrap:1240px; --sec:120px; --ease:cubic-bezier(.22,.65,.15,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
html{overflow-x:clip}
body{font-family:var(--st);background:var(--paper);color:var(--ink);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:clip}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 34px}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--sg);font-weight:600;letter-spacing:-.02em;line-height:1.05}
p{color:var(--ink-soft)}
.mono{font-family:var(--mono)}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
:focus-visible{outline:2px solid var(--brass-2);outline-offset:3px}

/* crafted reveal (mask-rise, not a pop) */
[data-rv]{opacity:0;transform:translateY(26px)}
[data-rv].in{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1s var(--ease)}
.mask{overflow:hidden;display:block}
.mask>span{display:block;transform:translateY(110%);transition:transform 1.05s var(--ease)}
.mask.in>span{transform:none}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none}.mask>span{transform:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sg);font-weight:600;font-size:14px;padding:15px 26px;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:background .22s,color .22s,border-color .22s,box-shadow .22s;white-space:nowrap}
.btn .a{transition:transform .22s}.btn:hover .a{transform:translateX(4px)}
.btn-brass{background:var(--brass-2);color:#231a08;border-color:var(--brass-2)}
.btn-brass:hover{background:var(--brass-soft);box-shadow:0 8px 30px -8px rgba(184,151,74,.5)}
.btn-pine{background:var(--pine);color:var(--paper);border-color:var(--pine)}.btn-pine:hover{background:var(--pine-deep)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--ink)}
.btn-onpine{background:transparent;color:var(--paper);border-color:rgba(203,178,115,.5)}.btn-onpine:hover{background:rgba(203,178,115,.12);border-color:var(--brass-soft)}

/* util strip + header */
.util{position:relative;z-index:82;background:rgba(13,21,18,.5);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);color:var(--paper-soft);font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:34px}
.util a{color:var(--brass-soft)}.util a:hover{color:#fff}.util .r{display:flex;gap:20px;align-items:center}.util .dot{color:rgba(203,178,115,.4)}
header{position:sticky;top:0;z-index:80;background:rgba(16,26,22,.55);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border-bottom:1px solid rgba(203,178,115,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:box-shadow .4s}
header.scrolled{box-shadow:0 12px 34px rgba(14,32,25,.2),inset 0 1px 0 rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:11px}
.brand .blogo{height:23px;width:auto;display:block}
.brand .bcert{font-family:var(--mono);font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--brass-soft);padding-left:11px;border-left:1px solid rgba(203,178,115,.4);line-height:1;align-self:center}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links>a,.nav-item>a{font-family:var(--sg);font-size:11.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:rgba(245,242,234,.86);transition:color .15s;display:inline-flex;align-items:center;gap:6px}
.nav-links>a:hover,.nav-item>a:hover{color:var(--brass-soft)}
.nav-item{position:relative;display:inline-flex;align-items:center;height:76px}
.chev{width:9px;height:6px;opacity:.65;transition:transform .2s}
.nav-item:hover .chev{transform:rotate(180deg)}
.nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);padding-top:14px;visibility:hidden;pointer-events:none;transition:transform .18s var(--ease),visibility .18s;z-index:200}
.nav-item:hover .nav-menu,.nav-item:focus-within .nav-menu{visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-menu-inner{background:var(--cream);border:1px solid var(--line-2);border-radius:9px;box-shadow:0 22px 54px rgba(14,32,25,.24);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;min-width:452px}
.nav-menu-inner a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:6px;font-family:var(--st);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)!important;white-space:nowrap;transition:background .12s}
.nav-menu-inner a:hover{background:var(--paper-2)}
.nav-menu-inner a .c{font-family:var(--mono);font-size:10.5px;color:var(--brass);min-width:62px}
.nav-menu-inner .all{grid-column:1/-1;margin-top:6px;padding-top:11px;border-top:1px solid var(--line);font-family:var(--sg)!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--brass)!important}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-right .btn{font-size:12px;padding:12px 22px}
.burger{display:none;background:none;border:1px solid rgba(203,178,115,.4);border-radius:3px;width:42px;height:38px;cursor:pointer}
.burger span{display:block;width:18px;height:1.5px;background:var(--cream);margin:3px auto}

/* mobile menu sheet */
.msheet{display:none;position:fixed;inset:0;z-index:100;background:var(--paper)}
.msheet.open{display:block}
.msheet .mtop{display:flex;justify-content:space-between;align-items:center;height:72px;border-bottom:1px solid var(--line);padding:0 20px}
.msheet .blogo{height:21px}.msheet .bcert{color:var(--sage);border-left-color:var(--line-2)}
.mclose{background:none;border:1px solid var(--line-2);width:42px;height:38px;font-size:20px;cursor:pointer;border-radius:3px}
.msheet nav{padding:14px 20px}
.msheet nav a{display:block;font-family:var(--sg);font-size:22px;font-weight:600;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line)}

/* section rhythm */
.section{padding:var(--sec) 0}
.sec-head{max-width:660px;margin-bottom:58px}
.sec-head .eyebrow{margin-bottom:16px;display:block}
.sec-head h2{font-size:clamp(30px,3.6vw,46px);color:var(--ink);letter-spacing:-.025em}
.sec-head p{margin-top:16px;font-size:17px}
.dark{background:var(--ink);color:var(--paper)}
.dark .sec-head h2{color:var(--cream)}.dark .sec-head p{color:var(--paper-soft)}

/* footer */
footer{background:var(--pine-deep);color:var(--paper-soft);padding:72px 0 34px}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(203,178,115,.18)}
.foot-brand .brand{gap:11px}.foot-brand .blogo{height:26px}
.foot-brand p{margin-top:18px;font-size:13px;line-height:1.6;color:var(--paper-soft);max-width:36ch}
.foot-note{margin-top:16px;font-family:var(--mono);font-size:10px;line-height:1.7;color:rgba(245,242,234,.5);letter-spacing:.02em}
.foot-col h4{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-soft);margin-bottom:16px}
.foot-col a{display:block;font-size:13.5px;color:var(--paper-soft);padding:6px 0;transition:color .15s}
.foot-col a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:rgba(245,242,234,.5)}
.foot-bottom .accr{color:var(--brass-soft)}

/* ---- inner-page chrome (breadcrumb hero, prose, CTA band) — shared by every non-home template ---- */
.ihero{position:relative;z-index:1;background:var(--pine-hero);color:var(--paper);overflow:hidden;margin-top:-110px;padding:150px 0 80px}
.ihero::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 82% 8%,rgba(203,178,115,.12),transparent 55%),radial-gradient(60% 80% at 0 100%,rgba(0,0,0,.28),transparent 60%);pointer-events:none}
.ihero .wrap{position:relative;z-index:2}
.ihero-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:52px;align-items:center}
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--paper-soft);margin-bottom:26px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.crumb a{color:var(--paper-soft)}.crumb a:hover{color:var(--brass-soft)}.crumb .sep{color:rgba(203,178,115,.4)}
.crumb .here{color:var(--brass-soft)}
.ihero .eyebrow{display:block;color:var(--brass-soft);margin-bottom:16px}
.ihero h1{font-size:clamp(40px,5.6vw,78px);color:var(--cream);letter-spacing:-.03em;line-height:1}
.ihero .lead{margin-top:22px;font-size:18px;line-height:1.6;color:var(--paper-soft);max-width:48ch}
.ihero .meta{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.ihero .meta span{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--brass-soft);border:1px solid rgba(203,178,115,.28);border-radius:40px;padding:7px 14px}
.ihero .icta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.seal-wrap{display:flex;justify-content:center;align-items:center}
.bigseal{width:min(288px,82%);height:auto;color:var(--brass-soft);filter:drop-shadow(0 10px 34px rgba(0,0,0,.35))}

/* reusable content column */
.prose p{font-size:16.5px;line-height:1.7;color:var(--ink-soft);margin-bottom:18px;max-width:68ch}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--ink);font-weight:600}

/* reusable CTA band (pine) */
.cta-band{background:var(--pine);color:var(--paper);text-align:center;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 50% -10%,rgba(203,178,115,.14),transparent 60%);pointer-events:none}
.cta-band .wrap{position:relative;z-index:2;max-width:720px}
.cta-band .eyebrow{display:block;color:var(--brass-soft);margin-bottom:16px}
.cta-band h2{font-size:clamp(28px,3.4vw,44px);color:var(--cream);letter-spacing:-.025em}
.cta-band p{margin:18px auto 0;color:var(--paper-soft);font-size:17px;max-width:52ch}
.cta-band .row{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-band .alt{display:inline-block;margin-top:20px;font-family:var(--sg);font-weight:500;font-size:13.5px;color:var(--brass-soft);border-bottom:1px solid rgba(203,178,115,.4);padding-bottom:2px;transition:color .2s,border-color .2s}
.cta-band .alt:hover{color:var(--cream);border-color:var(--brass-soft)}
.cta-band .fine{margin-top:24px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:rgba(245,242,234,.55)}

@media (max-width:1040px){ .foot-top{grid-template-columns:1fr 1fr} .ihero-grid{grid-template-columns:1fr;gap:36px} .seal-wrap{order:-1;justify-content:flex-start} .bigseal{width:200px} }
@media (max-width:760px){
  :root{--sec:78px}.wrap{padding:0 20px}
  .nav-links,.util .l{display:none}.burger{display:block}.nav-right .btn{display:none}
  .foot-top{grid-template-columns:1fr}
}

/* a11y: on dark sections the eyebrow uses the light brass-soft (the darkened --brass is for light backgrounds only) */
.dark .eyebrow,.cyc .eyebrow,.proc .eyebrow,.gov .eyebrow,.chain .eyebrow,.decl .eyebrow,.stds .eyebrow{color:var(--brass-soft)}