:root{
    --charcoal:#24272A;
    --red:#E74F3D;        /* Signal — brand book */
    --red-hover:#CE4030;
    --wordmark:#C8C8C8;   /* Mid Grey — brand book */
    --cream:#EEECE7;
    --sand:#CCC4A7;
    --off-white:#F9F9F9;
    --muted:#A9AEB3;
    --measure:1080px;   /* width of the video player — copy matches this */
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    background:var(--charcoal);
    color:var(--off-white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    min-height:100vh;position:relative;overflow-x:hidden;
  }
  /* faint diagonal "throughline" texture from the brand system */
  body::before{
    content:"";position:fixed;inset:0;
    background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.015) 0 1px,transparent 1px 60px);
    pointer-events:none;z-index:0;
  }
  .wrap{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 40px}
  /* Balance headings and keep paragraph endings from stranding a word. */
  h1,h2,h3{text-wrap:balance}
  p,.site-footer{text-wrap:pretty}

  /* ---------- header / logo ---------- */
  header{padding:24px 0 4px}
  .logo{display:inline-block}
  .logo img{height:30px;width:auto;display:block}

  /* ---------- hero ---------- */
  .hero{padding:32px 0 8px;max-width:var(--measure)}
  .eyebrow{
    display:inline-block;font-family:'Archivo',sans-serif;font-weight:500;font-stretch:125%;
    font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:14px;
  }
  h1{
    font-family:'Archivo',sans-serif;font-weight:700;font-stretch:62.5%;
    font-size:clamp(3.2rem,8vw,5.6rem);line-height:.98;letter-spacing:.005em;
    text-transform:none;color:var(--off-white);margin-bottom:18px;
  }
  h1 .accent{color:var(--red)}
  .lede{
    font-family:'Inter',sans-serif;font-weight:400;
    font-size:clamp(1.05rem,1.5vw,1.22rem);color:#D6D9DC;max-width:var(--measure);
  }

  /* ---------- video ----------
     Vimeo 1226409982. The notch is the brand detail carried over from the
     placeholder; a fullscreened iframe is promoted to the browser's top layer,
     so ancestor clipping doesn't follow it. */
  .video-section{padding:24px 0 0}
  .video-embed{
    position:relative;width:100%;max-width:var(--measure);aspect-ratio:16/9;
    background:#1B1E20;
    border:1px solid rgba(255,255,255,.10);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%);
  }
  .video-embed iframe{
    position:absolute;inset:0;width:100%;height:100%;border:0;display:block;
  }

  /* ---------- signup ---------- */
  .signup{padding:32px 0 16px;max-width:780px}
  .signup h2{
    font-family:'Archivo',sans-serif;font-weight:800;font-stretch:100%;
    font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.005em;margin-bottom:10px;
  }
  .signup p{color:var(--muted);margin-bottom:16px;font-size:15px}
  .signup > .fineprint{margin-bottom:0}

  /* ===== EMAIL SIGNUP =================================================
     Native form, styled to the approved mockup: white field, Signal-red
     button, 8px radius, 52px tall, Archivo Medium button text. Posts to
     /api/subscribe (Pages Function -> D1). No third-party iframe or script.
     ==================================================================== */
  form.subscribe{display:flex;gap:10px;flex-wrap:wrap;max-width:620px}
  form.subscribe[hidden]{display:none}   /* beats the display:flex above */
  form.subscribe input[type=email]{
    flex:1 1 260px;height:52px;padding:0 18px;border-radius:8px;
    border:1px solid transparent;background:#fff;color:var(--charcoal);
    font-family:'Inter',sans-serif;font-size:16px;
  }
  form.subscribe input[type=email]::placeholder{color:#8A8F94}
  form.subscribe input[type=email]:focus-visible{
    outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(231,79,61,.38);
  }
  form.subscribe input[type=email][aria-invalid="true"]{border-color:var(--red)}
  form.subscribe button{
    height:52px;padding:0 26px;border:none;border-radius:8px;cursor:pointer;
    background:var(--red);color:#fff;font-family:'Archivo',sans-serif;
    font-weight:500;font-stretch:100%;font-size:16px;letter-spacing:.01em;
    transition:background .18s ease,opacity .18s ease;white-space:nowrap;
  }
  form.subscribe button:hover:not(:disabled){background:var(--red-hover)}
  form.subscribe button:disabled{opacity:.55;cursor:default}
  form.subscribe button:focus-visible{outline:2px solid #fff;outline-offset:2px}

  /* honeypot — off-screen for people, irresistible to naive bots */
  .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

  .formnote{margin-top:12px;font-size:13.5px;color:#FF9C90}
  .formnote:empty{display:none}
  .fineprint{margin-top:14px;font-size:12.5px;color:#7F8489}
  .fineprint a,.ask-privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}
  .fineprint a:hover,.ask-privacy a:hover{color:var(--off-white)}

  /* confirmation state — replaces the form in place after a successful signup */
  .thanks{
    max-width:620px;padding:22px 24px;border-radius:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  }
  .thanks h3{
    font-family:'Archivo',sans-serif;font-weight:800;font-stretch:100%;
    font-size:1.25rem;letter-spacing:-.005em;margin-bottom:8px;color:var(--off-white);
  }
  .thanks p{color:var(--muted);font-size:15px;margin-bottom:16px}
  .thanks a{
    display:inline-block;font-family:'Archivo',sans-serif;font-weight:500;
    font-size:15px;color:var(--red);text-decoration:none;
    border-bottom:1px solid rgba(231,79,61,.45);padding-bottom:2px;
    transition:color .18s ease,border-color .18s ease;
  }
  .thanks a:hover{color:var(--off-white);border-bottom-color:rgba(255,255,255,.5)}
  /* Turnstile slot. In interaction-only mode the widget stays 0-height and
     invisible; the margin is only applied when Cloudflare decides a visible
     challenge is actually needed. */
  #turnstile-slot{margin:0}
  #turnstile-slot.is-active{margin-top:16px}
  /* ===== END EMAIL SIGNUP ============================================= */

  /* ---------- footer (rebuilt 2026-09-19, Denison Forum pattern) ----------
     One block of markup shared by index.html, about.html, faq/index.html and
     404.html — if you change the HTML, change it in all four. Always Ink Black
     with Paper/Mid Grey text, including on the light-theme pages, so it reads
     as one footer across the site. Full-bleed via the same negative-margin
     trick as .banner; .footer-inner puts the content back on the page grid. */
  .site-footer{
    display:block;
    margin:56px calc(50% - 50vw) 0;padding:48px 40px 28px;
    background:var(--charcoal);color:var(--wordmark);
    font-family:'Inter',sans-serif;font-size:14px;letter-spacing:0;
  }
  .footer-inner{
    max-width:1160px;margin:0 auto;
    display:grid;grid-template-columns:1fr;gap:36px;text-align:center;justify-items:center;
  }

  .footer-brand{display:grid;justify-items:center;gap:10px}
  .footer-wordmark{max-height:44px;max-width:100%;height:auto;width:auto;display:block}
  .footer-parent{
    font-family:'Archivo',sans-serif;font-weight:500;font-stretch:125%;
    font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;
  }
  .footer-parent-link{display:inline-block;opacity:.92;transition:opacity .18s ease}
  .footer-parent-link:hover{opacity:1}
  .footer-parent-link img{max-height:32px;max-width:100%;height:auto;width:auto;display:block}

  .footer-heading{
    font-family:'Archivo',sans-serif;font-weight:500;font-stretch:125%;
    font-size:11px;letter-spacing:.24em;text-transform:uppercase;
    color:var(--off-white);margin:0 0 14px;
  }
  .footer-nav ul{list-style:none;margin:0;padding:0}
  .footer-nav li{margin:0 0 9px}
  .footer-contact address{font-style:normal;color:var(--wordmark);line-height:1.7;margin-bottom:9px}
  .site-footer a{color:var(--wordmark);text-decoration:none;transition:color .18s ease}
  .site-footer a:hover{color:var(--off-white)}

  .footer-legal{
    max-width:1160px;margin:36px auto 0;padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);
    display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;align-items:baseline;
    font-size:12px;letter-spacing:.04em;color:var(--muted);text-align:center;
  }
  .footer-legal p{margin:0}
  .footer-legal-links{display:flex;flex-wrap:wrap;gap:22px;justify-content:center}
  .footer-legal a{color:var(--muted)}
  .footer-legal a:hover{color:var(--off-white)}

  @media(min-width:768px){
    .footer-inner{
      grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);
      gap:40px;text-align:left;justify-items:start;align-items:start;
    }
    .footer-brand{justify-items:start}
    .footer-legal{justify-content:space-between;text-align:left}
    .footer-legal-links{justify-content:flex-end}
  }

  @media(max-width:640px){
    .wrap{padding:0 24px}
    header{padding-top:20px}
    form.subscribe button{width:100%}
    .hero{padding-top:24px}
    .video-section{padding-top:20px}
    .signup{padding-top:28px}
    .site-footer{margin-top:40px;padding:36px 24px 24px}
    .logo img{height:26px}
    .video-embed{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
  }

  /* ---------- 404 ---------- */
  .backlink-row{margin-top:26px}
  .backlink{
    display:inline-block;font-family:'Archivo',sans-serif;font-weight:500;
    font-size:15px;color:var(--red);text-decoration:none;
    border-bottom:1px solid rgba(231,79,61,.45);padding-bottom:2px;
    transition:color .18s ease,border-color .18s ease;
  }
  .backlink:hover{color:var(--off-white);border-bottom-color:rgba(255,255,255,.5)}

  /* ---------- pages (proposed additions, 2026-09-18) ----------
     Everything below is new. Header nav, footer links, prose pages
     (/about) and the FAQ accordion (/faq). No inline styles anywhere,
     no JavaScript: the accordion is native <details>. */
  .site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
  .site-nav{display:flex;gap:26px;align-items:center}
  .site-nav a{
    font-family:'Archivo',sans-serif;font-weight:500;font-stretch:100%;
    font-size:13px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--wordmark);text-decoration:none;padding-bottom:3px;
    border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease;
  }
  .site-nav a:hover{color:var(--off-white)}
  .site-nav a[aria-current="page"]{color:var(--off-white);border-bottom-color:var(--red)}

  .page{max-width:780px;padding:32px 0 8px}
  .page .lede{margin-bottom:8px}
  .prose h2{
    font-family:'Archivo',sans-serif;font-weight:700;font-stretch:62.5%;
    font-size:clamp(1.5rem,2.6vw,1.9rem);letter-spacing:-.005em;
    margin:44px 0 12px;color:var(--off-white);
  }
  .prose p{color:#D6D9DC;font-size:17px;margin-bottom:16px}
  .prose .pull{
    margin:28px 0;padding:18px 22px;border-left:3px solid var(--red);
    font-family:'Archivo',sans-serif;font-weight:700;font-stretch:62.5%;
    font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;color:var(--off-white);
  }
  .prose .closing{
    font-family:'Archivo',sans-serif;font-weight:700;font-stretch:62.5%;
    font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.08;color:var(--off-white);margin:40px 0 6px;
  }
  .prose .tagline{color:var(--red);font-family:'Archivo',sans-serif;font-weight:800;font-size:1.15rem;margin-bottom:0}

  .cta{
    margin-top:40px;padding:26px 28px;border-radius:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  }
  .cta h2{
    font-family:'Archivo',sans-serif;font-weight:800;font-stretch:100%;
    font-size:1.35rem;letter-spacing:-.005em;margin:0 0 4px;
  }
  .cta p{color:var(--muted);font-size:15px;margin:0}
  .cta-copy{flex:1 1 200px}
  .cta-signup-wrap{flex:1 1 400px;min-width:0}
  form.subscribe.cta-signup{
    display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:none
  }
  form.subscribe.cta-signup[hidden]{display:none}
  .cta-signup-wrap .formnote{margin-bottom:0}
  .cta-signup-wrap .thanks{max-width:none;padding:0;background:transparent;border:0}
  .button{
    display:inline-block;height:52px;line-height:52px;padding:0 26px;border-radius:8px;
    background:var(--red);color:#fff;text-decoration:none;font-family:'Archivo',sans-serif;
    font-weight:500;font-size:16px;letter-spacing:.01em;white-space:nowrap;transition:background .18s ease;
  }
  .button:hover{background:var(--red-hover)}

  /* FAQ */
  .faq-group{margin-top:40px}
  .faq-group h2{
    font-family:'Archivo',sans-serif;font-weight:500;font-stretch:125%;
    font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--red);
    margin-bottom:6px;
  }
  .faq{border-top:1px solid rgba(255,255,255,.10)}
  .faq summary{
    list-style:none;cursor:pointer;padding:18px 36px 18px 0;position:relative;
    font-family:'Archivo',sans-serif;font-weight:800;font-stretch:100%;
    font-size:1.1rem;line-height:1.35;color:var(--off-white);
  }
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{
    content:"+";position:absolute;right:2px;top:15px;color:var(--red);
    font-family:'Archivo',sans-serif;font-weight:500;font-size:1.5rem;line-height:1;
  }
  .faq[open] summary::after{content:"\2212"}
  .faq summary:hover{color:var(--sand)}
  .faq p{color:#D6D9DC;font-size:16px;margin:0 0 18px;max-width:700px}
  .faq{border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:-1px}

  /* "Still have a question?" section. Class names match ask-form-integration.md.
     These started as placeholders before the kit landed; the kit adopted them
     as-is because they already reuse the signup form's inputs, button and
     colours, so there is one set of rules rather than two. ask.js finds elements
     by id, never by class — restyling here is safe, renaming an id is not. */
  .ask{margin-top:48px;padding-top:36px;border-top:1px solid rgba(255,255,255,.10)}
  .ask h2{
    font-family:'Archivo',sans-serif;font-weight:800;font-stretch:100%;
    font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.005em;margin-bottom:10px;
  }
  .ask-lede{color:var(--muted);margin-bottom:18px;font-size:15px}
  .ask-form{display:grid;gap:14px;max-width:620px}
  .ask-form[hidden]{display:none}
  .ask-field{display:grid;gap:6px}
  .ask-field label{
    font-family:'Archivo',sans-serif;font-weight:500;font-stretch:125%;
    font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wordmark);
  }
  .ask-field input,.ask-field textarea{
    width:100%;padding:14px 18px;border-radius:8px;border:1px solid transparent;
    background:#fff;color:var(--charcoal);font-family:'Inter',sans-serif;font-size:16px;
  }
  .ask-field input{height:52px;padding:0 18px}
  .ask-field textarea{min-height:140px;resize:vertical}
  .ask-field input:focus-visible,.ask-field textarea:focus-visible{
    outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(231,79,61,.38);
  }
  .ask-field [aria-invalid="true"]{border-color:var(--red)}
  .ask-hint{font-size:12.5px;color:#7F8489;margin:0}
  .ask-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
  /* Interaction-only Turnstile: zero height until Cloudflare decides this
     visitor needs a challenge, then ask.js adds .is-active and it gets room. */
  #ask-turnstile-slot{margin:0}
  #ask-turnstile-slot.is-active{margin-top:4px}
  .ask-submit{
    height:52px;padding:0 26px;border:none;border-radius:8px;cursor:pointer;justify-self:start;
    background:var(--red);color:#fff;font-family:'Archivo',sans-serif;
    font-weight:500;font-size:16px;letter-spacing:.01em;transition:background .18s ease,opacity .18s ease;
  }
  .ask-submit:hover:not(:disabled){background:var(--red-hover)}
  .ask-submit:disabled{opacity:.55;cursor:default}
  .ask-privacy{font-size:12.5px;color:#7F8489;margin:0}
  .ask-status{margin:0;font-size:13.5px;color:#FF9C90}
  .ask-success{
    max-width:620px;padding:22px 24px;border-radius:10px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  }
  .ask-success h3{
    font-family:'Archivo',sans-serif;font-weight:800;font-size:1.25rem;margin-bottom:8px;
  }
  .ask-success p{color:var(--muted);font-size:15px;margin:0}

  @media(max-width:640px){
    .site-nav{gap:20px;width:100%}
    .page{padding-top:24px}
    .prose h2{margin-top:34px}
    .prose p{font-size:16px}
    .cta{padding:22px}
    .cta .button{width:100%;text-align:center}
    .ask-submit{width:100%;justify-self:stretch}
  }

  /* ---------- light theme (proposed 2026-09-18, Haley) ----------
     /about and /faq invert to Paper background with Ink Black text.
     The FAQ accordion and the closing CTA stay on Ink Black so the
     brand's dark register is still present. Homepage is unchanged. */
  body.theme-light{background:var(--cream);color:var(--charcoal)}
  body.theme-light::before{background-image:repeating-linear-gradient(-45deg,rgba(36,39,42,.035) 0 1px,transparent 1px 60px)}
  body.theme-light h1,body.theme-light .prose h2{color:var(--charcoal)}
  body.theme-light .lede,body.theme-light .prose p{color:#3A3E42}
  body.theme-light .site-nav a{color:#6E7378}
  body.theme-light .site-nav a:hover,body.theme-light .site-nav a[aria-current="page"]{color:var(--charcoal)}
  body.theme-light .prose .pull{color:var(--charcoal);background:var(--off-white);border-left-color:var(--red)}
  body.theme-light .prose .closing{color:var(--charcoal)}
  body.theme-light .prose .tagline{color:var(--red)}
  body.theme-light .cta{background:var(--charcoal);border-color:var(--charcoal);color:var(--off-white)}
  body.theme-light .cta h2{color:var(--off-white)}
  body.theme-light .cta p{color:var(--muted)}
  /* The footer deliberately keeps its dark treatment on the light pages. */

  /* FAQ groups match the cream page header on the light page. */
  body.theme-light .faq-group{
    background:var(--cream);color:var(--charcoal);padding:22px 28px 10px;margin-top:28px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  }
  body.theme-light .faq-group h2{margin-bottom:8px;color:var(--red)}
  body.theme-light .faq{border-color:rgba(36,39,42,.18)}
  body.theme-light .faq summary{color:var(--charcoal)}
  body.theme-light .faq summary:hover{color:var(--red)}
  body.theme-light .faq p{color:#3A3E42}

  /* form on light */
  body.theme-light .ask{border-top-color:rgba(36,39,42,.12)}
  body.theme-light .ask h2{color:var(--charcoal)}
  body.theme-light .ask-lede{color:#5C6165}
  body.theme-light .ask-field label{color:#5C6165}
  body.theme-light .ask-field input,body.theme-light .ask-field textarea{border-color:#C8C8C8}
  body.theme-light .ask-hint,body.theme-light .ask-privacy{color:#6E7378}
  body.theme-light .ask-privacy a:hover{color:var(--charcoal)}
  body.theme-light .ask-status{color:#9B2C22}
  body.theme-light .ask-success{background:var(--red-hover);border-color:var(--red-hover);color:#fff}
  body.theme-light .ask-success h3,body.theme-light .ask-success p{color:#fff}

  @media(max-width:640px){
    body.theme-light .faq-group{padding:18px 18px 8px}
  }

  /* ---------- section menu layout (proposed 2026-09-18, after BLVR's About template) ---------- */
  .banner{
    margin:20px calc(50% - 50vw) 0;padding:44px 40px 40px;
    background:var(--cream);text-align:center;
  }
  .banner h1{max-width:var(--measure);margin-left:auto;margin-right:auto}
  .banner .lede{max-width:780px;margin-left:auto;margin-right:auto}
  body.theme-light{background:var(--off-white)}
  .page-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:56px;align-items:start;padding-top:8px}
  .page-main{padding-top:24px}
  .side-nav{position:sticky;top:28px;padding-top:40px}
  .side-nav ul{list-style:none;margin:0;padding:0}
  .side-nav li{margin:0 0 10px}
  .side-nav a{
    display:inline-block;font-family:'Archivo',sans-serif;font-weight:700;font-stretch:62.5%;
    font-size:1.5rem;letter-spacing:-.005em;line-height:1.3;color:var(--charcoal);
    text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent;
  }
  .side-nav a:hover{color:var(--red)}
  .side-nav a.is-active,.side-nav a[aria-current="true"]{
    color:var(--red);border-bottom-color:var(--red)
  }

  /* FAQ groups: heading is a button; with JS only the active group shows its questions */
  .faq-group-toggle{
    all:unset;cursor:pointer;display:block;width:100%;
    box-sizing:border-box;position:relative;min-height:44px;padding:10px 30px 10px 0;
    font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;
  }
  .faq-group-toggle:focus-visible{outline:2px solid var(--red);outline-offset:4px}
  body.theme-light .faq-group h2{margin-bottom:0}
  .faq-group-toggle::after{
    content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--red);
    font-family:'Archivo',sans-serif;font-weight:500;font-size:1.4rem;line-height:1;
  }
  .faq-group-toggle[aria-expanded="true"]::after{content:"\2212"}
  body.theme-light .faq-group{padding:18px 28px 12px;margin-top:14px;scroll-margin-top:24px}
  body.theme-light .faq-group.is-open{padding-bottom:10px}
  body.theme-light .faq-group.is-open h2{margin-bottom:8px}
  html.js .faq-group:not(.is-open) .faq{display:none}
  html.js .faq-group .faq:first-of-type{border-top:0;margin-top:6px}
  .prose h2[id]{scroll-margin-top:24px}
  #ask{scroll-margin-top:24px}

  @media(max-width:900px){
    .cta-copy,.cta-signup-wrap{flex-basis:100%}
    .page-layout{grid-template-columns:1fr;gap:8px}
    .side-nav{position:static;padding-top:24px}
    .side-nav ul{display:flex;flex-wrap:wrap;gap:8px 18px}
    .side-nav li{margin:0}
    .side-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:1.25rem}
    .side-nav a.is-active,.side-nav a[aria-current="true"]{
      color:var(--red);border-bottom-color:transparent;
      text-decoration-line:underline;text-decoration-color:var(--red);
      text-decoration-thickness:2px;text-underline-offset:6px;
    }
    .banner{padding:32px 24px 28px}
  }

  @media(max-width:640px){
    form.subscribe.cta-signup{grid-template-columns:1fr}
  }