/* ---------------------------------------------------------------------
   Surface Noise site kit (design_handoff_homepage + design_handoff_site_pages).
   Tokens, type, buttons, tags, header, menu, breadcrumbs, forms, FAQ,
   footer and the mobile subscribe bar. Everything is scoped under .snh so
   Kadence pages outside the rollout are untouched.
--------------------------------------------------------------------- */
.snh{
  --sn-paper:#F7F5F0; --sn-surface:#FFFEFA; --sn-ink:#171715; --sn-muted:#5F615E; --sn-faint:#92938E;
  --sn-rule:#D8D6CF; --sn-field-border:#BDBAB1; --sn-accent:#1F6A4D; --sn-accent-hover:#155039;
  --sn-accent-soft:#E5F0E9; --sn-accent-soft-rule:#C9DDD0; --sn-accent-pale:#8FB7A0;
  --sn-no:#A33A2C; --sn-no-soft:#F8EAE5; --sn-no-text:#8A3D2D;
  --sn-dark-card:#201F1C; --sn-dark-rule:#3A3934; --sn-dark-rule-2:#45443F; --sn-dark-text:#C9C7C0;
  --serif:'Source Serif 4',Georgia,serif; --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --pad-x:clamp(20px,5vw,48px); --pad-y:clamp(88px,10vw,128px);
  font-family:var(--sans); font-size:17px; line-height:1.6; color:var(--sn-ink); background:var(--sn-paper);
  -webkit-font-smoothing:antialiased;
}
body.snh-body{margin:0;background:#F7F5F0}
body.sn-site{background:#F7F5F0}
.snh *,.snh *::before,.snh *::after{box-sizing:border-box}
/* Resets at class level (beat Kadence's element rules; component rules below win) */
.snh :where(h1,h2,h3,h4,p,ul,ol,li,figure){margin:0}
.snh :where(h1,h2,h3,h4){color:var(--sn-ink)}
.snh :where(ul,ol){list-style:none;padding:0}
.snh :where(a){color:inherit}
:where(.snh) img{max-width:100%;height:auto;display:block}
.snh [hidden]{display:none!important}
.snh-i{flex:none;display:inline-block;vertical-align:middle}
.snh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.snh :is(a,button,input):focus-visible{outline:3px solid var(--sn-accent-pale);outline-offset:1px}

.snh-wrap{max-width:calc(1200px + 2 * var(--pad-x));margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.snh-narrow{max-width:1000px}
.snh-center{text-align:center}
.snh-muted{color:var(--sn-muted)}
.snh-green{color:var(--sn-accent)}
.snh-mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.snh-eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-accent)}
.snh h1{font:600 clamp(40px,5.4vw,66px)/1.02 var(--serif);letter-spacing:-.02em;text-wrap:balance}
.snh h2{font:600 clamp(30px,3.4vw,42px)/1.1 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.snh h2.snh-h2-sm{font-size:28px}
.snh-link{font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.snh-link:hover{color:var(--sn-accent)}
.snh-small{font-size:14px;color:var(--sn-muted)}

/* Sections: alternate backgrounds, 1px rule between */
.snh-sec{padding:var(--pad-y) 0;border-top:1px solid var(--sn-rule);background:var(--sn-paper)}
.snh-sec--surface{background:var(--sn-surface)}
.snh-sec__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin:0 0 32px}
.snh-sec__head p{margin:8px 0 0}
.snh-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,6vw,96px);align-items:center}
.snh-two--top{align-items:start;gap:64px}

/* Buttons */
.snh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 18px/1.2 var(--sans);padding:15px 26px;background:var(--sn-accent);color:#fff!important;border:0;border-radius:3px;text-decoration:none;cursor:pointer}
.snh-btn:hover{background:var(--sn-accent-hover)}
.snh-btn--sm{font-size:15px;padding:11px 16px}
.snh-btn--block{display:flex;width:100%}
.snh-btn--ghost{background:transparent;border:1px solid var(--sn-paper);color:var(--sn-paper)!important;font-size:16px;padding:13px 22px}
.snh-btn--ghost:hover{background:var(--sn-paper);color:var(--sn-ink)!important}

/* Circles */
.snh-circle{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1.5px solid var(--sn-ink);background:var(--sn-surface);color:var(--sn-ink)}
.snh-circle--lg{width:104px;height:104px}
.is-hot > .snh-circle,.snh-node.is-hot .snh-circle{background:var(--sn-accent);border-color:var(--sn-accent);color:#fff}

/* Status tags */
.snh-tag{display:inline-block;align-self:flex-start;font:500 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:2px}
.snh-tag--pre,.snh-tag--out{background:#E5F0E9;color:#155039}
.snh-tag--announced{background:#E9EEF3;color:#3F5266}
.snh-tag--reissue{background:#EEEAF3;color:#554167}
.snh-tag--restock{background:#F8EAE5;color:#8A3D2D}
.snh-tag--sold{background:#EEEEEA;color:#666862}

/* ---------------------------------------------------------------- 00 Header */
.snh-header{position:relative;z-index:30;background:var(--sn-paper)}
.snh-header__row{display:flex;justify-content:space-between;align-items:center;min-height:80px;padding-top:18px;padding-bottom:18px}
.snh-logo{display:block;text-decoration:none}
.snh .snh-logo__img{height:80px;width:auto;max-width:none;margin:-12px 0}
.snh-logo__text{font:600 24px var(--serif)}
.snh-nav{display:flex;align-items:center;gap:28px}
.snh-nav a{font:500 15px var(--sans);color:var(--sn-muted);text-decoration:none}
.snh-nav a:hover{color:var(--sn-ink);text-decoration:underline;text-underline-offset:4px}
.snh-nav a.snh-nav__sub{font-weight:600;color:#fff;border:1.5px solid var(--sn-accent);background:var(--sn-accent);border-radius:3px;padding:8px 18px}
.snh-nav a[aria-current]:not(.snh-nav__sub){color:var(--sn-ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
.snh-nav a.snh-nav__sub:hover,.snh-nav a.snh-nav__sub[aria-current]{background:var(--sn-accent-hover);border-color:var(--sn-accent-hover);color:#fff;text-decoration:none}
.snh-menu a[aria-current]:not(.snh-btn){color:var(--sn-ink);font-weight:600}
.snh .snh-menu-btn:hover,.snh .snh-menu-btn:focus{background:none;color:var(--sn-ink);box-shadow:none}
.snh-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:none;color:var(--sn-muted);cursor:pointer;padding:0}
.snh-menu-btn__close{display:none}
.snh-menu-btn[aria-expanded="true"] .snh-menu-btn__open{display:none}
.snh-menu-btn[aria-expanded="true"] .snh-menu-btn__close{display:inline}
.snh-menu{position:absolute;left:0;right:0;top:100%;background:var(--sn-paper);border-bottom:1.5px solid var(--sn-ink);padding:0 var(--pad-x) 24px}
.snh-menu[hidden]{display:none}
.snh-menu a:not(.snh-btn){display:block;font:500 20px var(--sans);padding:16px 0;border-top:1px solid var(--sn-rule);text-decoration:none}
.snh-menu .snh-btn{margin-top:16px;font-size:17px}

/* "How it works" steps (homepage + Newsletter) */
.snh-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:48px 64px}
.snh-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.snh-step h3{font:600 24px/1.25 var(--sans)}
.snh-step p{color:var(--sn-muted);max-width:320px}
.snh-step__num{font-size:14px;color:var(--sn-accent);margin-top:8px}
.snh-step__chev{position:absolute;right:-47px;top:37px;color:var(--sn-faint)}
@media (max-width:930px){ .snh-step__chev{display:none} }

/* Breadcrumbs (under the header; under the black banner on news pages) */
.snh-crumbs-wrap{background:var(--sn-paper)}
.snh-crumbs{padding-top:14px;padding-bottom:14px}
.snh-crumbs ol{display:flex;flex-wrap:nowrap;min-width:0;gap:4px 0;font:400 14px/1.5 var(--sans);color:var(--sn-muted)}
.snh-crumbs li{display:flex;align-items:center;flex:none;white-space:nowrap}
.snh-crumbs li:last-child{flex:0 1 auto;min-width:0}
.snh-crumbs li+li::before{content:"/";color:var(--sn-faint);margin:0 10px}
.snh-crumbs a{color:var(--sn-muted);text-decoration:none}
.snh-crumbs a:hover{color:var(--sn-ink);text-decoration:underline;text-underline-offset:3px}
.snh-crumbs [aria-current]{color:var(--sn-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}

/* Forms: restyle the site signup component */
.snh-form{max-width:520px;width:100%}
.snh-form .snr-signup__row{display:flex;gap:10px}
.snh-form--stacked .snr-signup__row{flex-direction:column}
.snh-form.snh-form--stacked .snr-signup__input,.snh-form.snh-form--stacked .snr-signup__button{flex:none;width:100%}
.snh-form--inline .snr-signup__row{flex-wrap:wrap}
.snh-form .snr-signup__input{flex:1 1 260px;min-height:0;font:400 18px var(--sans);padding:17px 18px;border:1px solid var(--sn-field-border);border-radius:3px;background:var(--sn-surface);color:var(--sn-ink);box-shadow:none}
.snh-form .snr-signup__input::placeholder{color:var(--sn-faint)}
.snh-form .snr-signup__input:focus{border-color:var(--sn-accent);box-shadow:none;outline:3px solid var(--sn-accent-pale);outline-offset:1px}
.snh-form .snr-signup__button{flex:1 1 auto;min-height:0;font:600 18px var(--sans);padding:17px 26px;background:var(--sn-accent);color:#fff;border:0;border-radius:3px}
.snh-form .snr-signup__button:hover{background:var(--sn-accent-hover);color:#fff}
.snh-form--inline .snr-signup__input{font-size:17px;padding:15px 16px}
.snh-form--inline .snr-signup__button{font-size:17px;padding:15px 22px}
.snh-form--lg .snr-signup__input,.snh-form--lg .snr-signup__button{font-size:18px}
.snh-form .snr-signup__msg{font-size:14px;color:var(--sn-no-text);margin:8px 0 0}
.snh-form .snr-signup.is-error .snr-signup__input{border-color:var(--sn-no);box-shadow:none}
.snh-form .snr-signup__success{font:600 17px/1.5 var(--sans);color:#155039;padding:0}
.snh-form .snr-signup__success::before{content:none}
.snh-hero .snh-form .snr-signup__success,.snh-done{display:flex;gap:14px;align-items:flex-start;background:var(--sn-accent-soft);border:1px solid var(--sn-accent-soft-rule);border-radius:3px;padding:18px 20px;font:400 16px/1.5 var(--sans);color:var(--sn-ink)}
.snh-done strong{display:block;font:600 18px var(--sans);color:#155039}
.snh-done .snh-i{color:var(--sn-accent)}

/* ---------------------------------------------------------------- 10 FAQ */
.snh-faq__row{display:flex;flex-wrap:wrap;gap:48px 64px}
.snh-faq__intro{flex:1 1 280px}
.snh-faq__intro p{margin-top:14px}
.snh-acc{flex:2 1 520px;border-top:1px solid var(--sn-ink)}
.snh-acc__item{border-bottom:1px solid var(--sn-rule)}
.snh-acc h3{font:inherit}
.snh-acc button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 0;border:0;background:none;text-align:left;font:600 18px/1.35 var(--sans);color:var(--sn-ink);cursor:pointer}
.snh-acc__minus,.snh-acc button[aria-expanded="true"] .snh-acc__plus{display:none}
.snh-acc button[aria-expanded="true"] .snh-acc__minus{display:inline}
.snh-acc__a p{font-size:17px;line-height:1.65;color:var(--sn-muted);max-width:680px;padding:0 0 22px}


/* ---------------------------------------------------------------- Mobile subscribe bar */
.snh-bar{display:none}

/* ---------------------------------------------------------------- Footer (design_handoff_footer, option 1c) */
.snh-foot{background:var(--sn-ink);color:var(--sn-paper)}
.snh-foot__main{max-width:calc(1200px + 2 * var(--pad-x));margin:0 auto;padding:clamp(40px,6vw,72px) var(--pad-x) clamp(32px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:clamp(36px,6vw,72px);align-items:start}
.snh-foot__card{background:var(--sn-dark-card);border:1px solid var(--sn-dark-rule);border-radius:3px;padding:clamp(24px,3vw,36px) clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.snh .snh-foot__eyebrow{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-accent-pale)}
.snh-groove{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--sn-accent-pale);display:flex;align-items:center;justify-content:center}
.snh-groove::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--sn-accent-pale)}
.snh .snh-foot__card h2{font:600 clamp(30px,3.2vw,38px)/1.08 var(--serif);letter-spacing:-.01em;color:var(--sn-paper)}
.snh .snh-foot__text{font-size:clamp(16px,1.4vw,17px);line-height:1.6;color:var(--sn-dark-text)}
.snh-foot__card .snh-small{color:var(--sn-faint)}
.snh-form--foot .snr-signup__input{border-color:var(--sn-dark-rule-2)}
.snh-form--foot .snr-signup__msg{color:#E8A596}
.snh .snh-foot__card .snr-signup__success{display:block;background:var(--sn-accent-soft);border:1px solid #BFD6C7;border-radius:3px;padding:16px 18px;font:600 17px var(--sans);color:#155039}
.snh-form.snh-form--foot{max-width:none;margin-top:6px}
.snh-form--foot .snr-signup__input{flex:1 1 240px;font-size:17px;padding:15px 16px}
.snh-form--foot .snr-signup__button{flex:1 1 auto;font-size:17px;padding:15px 22px}
.snh-foot__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px 28px;padding-top:12px}
.snh .snh-foot__head{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-accent-pale);padding-bottom:10px;border-bottom:1px solid var(--sn-dark-rule-2);margin:0 0 14px}
.snh-foot__nav ul{display:flex;flex-direction:column;gap:12px}
.snh-foot__nav a{display:block;font:400 16px/1.35 var(--sans);color:#E4E2DB;padding:3px 0;text-decoration:none}
.snh-foot__nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.snh-foot__base{border-top:1px solid var(--sn-dark-rule);padding:20px var(--pad-x)}
.snh-foot__base-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.snh-foot__logo{flex:none;display:block}
.snh .snh-foot__logo img{height:52px;width:auto;margin:-10px 0;filter:invert(1) brightness(.97)}
.snh .snh-foot__tag{flex:1 1 320px;font-size:14px;line-height:1.5;color:var(--sn-faint)}
.snh-foot__tag span{color:var(--sn-dark-text)}
.snh-foot__social{display:flex;gap:4px}
.snh-foot__social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--sn-paper)}
.snh-foot__social a:hover{background:#2A2926}

@media (max-width:720px){
  .snh h1{font-size:clamp(34px,10vw,40px)}
  .snh-form .snr-signup__input,.snh-form .snr-signup__button{padding-top:15px;padding-bottom:15px}
  .snh .snh-logo__img{height:58px;margin:-8px 0}
  .snh-header__row{min-height:64px;padding-top:12px;padding-bottom:12px}
  .snh-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;justify-content:space-between;gap:14px;
    background:var(--sn-surface);border-top:1.5px solid var(--sn-ink);padding:14px 20px calc(14px + env(safe-area-inset-bottom));
    transform:translateY(110%);transition:transform .25s ease}
  .snh-bar.is-visible{transform:none}
  .snh-bar--two a{flex:1 1 0;font-size:15px!important;padding:14px 10px!important}
  .snh-bar a.snh-bar__buy{background:var(--sn-accent)}
  .snh-bar a{flex:1 1 auto;text-align:center;font:600 16px var(--sans);color:#fff;background:#171715;padding:15px 20px;border-radius:2px;text-decoration:none}
  .snh-foot{padding-bottom:84px}
  .snh-foot__nav{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.snh-bar{transition:none}}

/* Header links collapse into the menu button on small screens */
@media (max-width:760px){
  .snh-nav{display:none}
  .snh-menu-btn{display:inline-flex}
}