/* One header and one footer for every page (user 19/10: "why does this version still exist").
   Same markup from build.py header()/footer(), same look on the sales page and the other pages. */
@font-face{font-family:"Plus Jakarta Sans";src:url("../v2/fonts/PlusJakartaSans-normal.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../v2/fonts/Newsreader-italic.woff2") format("woff2");font-weight:300 600;font-style:italic;font-display:swap}
/* ---- header: ONE rule set for all 5 pages ----
   Geometry is identical everywhere: full-width bar whose content lines up with the
   homepage container (1180px + side padding). Only colour changes by context:
   .ch-top        light page  -> ink text, in flow
   .ch-top.over   over a dark full-bleed hero (home, story) -> cream text, absolute
   .hdr-clone     scroll-up sticky copy (motion.js) -> cream text on blurred ink   */
:root{--ch-pad:clamp(22px,5vw,64px);--ch-max:1180px}
.ch-top{position:relative;z-index:20;box-sizing:border-box;width:100%;max-width:none;margin:0;display:flex;align-items:center;gap:32px;
  padding:26px max(var(--ch-pad),calc((100% - var(--ch-max)) / 2));min-height:94px;color:#0F2A2E;font-family:"Plus Jakarta Sans",system-ui,sans-serif;line-height:1}
.ch-top.over{position:absolute;left:0;right:0;top:0;color:#F4EEE3}
.ch-brand{margin-right:auto;font:800 19px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.01em;word-spacing:normal;text-decoration:none;color:inherit;white-space:nowrap}
.ch-links{display:flex;gap:30px;margin:0;font:600 15px/1 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:0;word-spacing:normal}
.ch-links a{color:inherit;text-decoration:none;opacity:.85;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap;transition:opacity .2s}
.ch-links a:hover{opacity:1}
.ch-links a[aria-current]{opacity:1;border-bottom-color:#C18A2E}
.ch-apply{box-sizing:border-box;display:inline-flex;align-items:center;height:41px;font:700 15px/1 "Plus Jakarta Sans",system-ui,sans-serif;text-decoration:none;color:inherit;white-space:nowrap;
  padding:0 22px;border-radius:999px;border:1.5px solid currentColor;border-color:color-mix(in srgb,currentColor 55%,transparent);background:transparent;transition:background .3s,color .3s,border-color .3s}
.ch-apply:hover{background:#C18A2E;border-color:#C18A2E;color:#1b1206}
@media (max-width:980px){.ch-links,.ch-apply{display:none}}
@media (max-width:640px){.ch-top{padding-top:18px;padding-bottom:18px;min-height:82px}}

.ch-foot{background:#0B1F22;color:#F4EEE3;padding:clamp(72px,12vh,130px) clamp(16px,4vw,56px) 48px;text-align:center;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.ch-foot .ch-big{font:800 clamp(34px,4.4vw,60px)/1.05 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.035em;max-width:16ch;margin:0 auto 34px}
.ch-foot .ch-big em{font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:400;color:#E9C88A}
.ch-btn{display:inline-flex;align-items:center;background:linear-gradient(180deg,#E7C077,#C18A2E);color:#1b1206;font:800 18px "Plus Jakarta Sans",system-ui,sans-serif;
  padding:19px 34px;border-radius:14px;text-decoration:none;box-shadow:0 10px 30px rgba(193,138,46,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.ch-aloha{margin-top:28px;font:italic 400 26px "Newsreader",Georgia,serif;color:#E9C88A}
.ch-cols{max-width:1200px;margin:72px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:left;padding-top:44px;border-top:1px solid rgba(244,238,227,.15)}
.ch-cols h3{font:800 13px "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E9C88A;margin:0 0 14px}
.ch-cols ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.ch-cols a{color:#D5DDD9;text-decoration:none;font-size:15.5px}.ch-cols a:hover{color:#fff;text-decoration:underline}
.ch-legal{max-width:760px;margin:56px auto 0;font-size:13.5px;line-height:1.6;color:#93A39F}
.ch-legal a{color:inherit}
@media (max-width:900px){.ch-cols{grid-template-columns:1fr 1fr}}
/* phone menu */
.ch-menu{display:none;box-sizing:border-box;flex:none;position:relative;z-index:60;width:46px;height:46px;border-radius:999px;border:1.5px solid currentColor;border-color:color-mix(in srgb,currentColor 55%,transparent);background:transparent;color:inherit;cursor:pointer;padding:0}
.ch-menu span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .2s}
.ch-menu span:nth-child(1){top:calc(50% - 7px)}.ch-menu span:nth-child(2){top:calc(50% - 1px)}.ch-menu span:nth-child(3){top:calc(50% + 5px)}
.ch-menu[aria-expanded="true"]{color:#F4EEE3;border-color:rgba(244,238,227,.5)}
.ch-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ch-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.ch-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.ch-sheet{position:fixed;inset:0;z-index:50;background:#0B1F22;color:#F4EEE3;display:flex;flex-direction:column;justify-content:center;gap:34px;padding:96px 28px 40px;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.ch-sheet[hidden]{display:none}
.ch-sheet nav{display:grid;gap:6px}
.ch-sheet nav a{color:#F4EEE3;text-decoration:none;font:800 36px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.03em;padding:6px 0}
.ch-sheet nav a[aria-current]{color:#E9C88A}
.ch-sheet .ch-btn{justify-content:center}
.ch-sheet-mail a{color:#93A39F;font-size:15px}
.ch-lock,.ch-lock body{overflow:hidden}
@media (max-width:980px){.ch-menu{display:block}}
/* phone: the brand never collides with the menu button */

.ch-lock .ch-top{position:fixed;top:0;left:0;right:0;z-index:70;color:#F4EEE3}
.ch-foot .ch-big{max-width:22ch;text-wrap:balance}
@media (min-width:700px){.ch-foot .ch-big em{white-space:nowrap}}
/* v3: columns never overflow on phones (long email / labels wrap) */
.ch-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.ch-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ch-cols a{overflow-wrap:anywhere}
.ch-brand{word-spacing:.12em}
/* isolate the shared chrome from each page's body typography */
.ch-top,.ch-sheet,.ch-foot{font-size:16px;line-height:1.5;letter-spacing:0;word-spacing:normal;text-align:left}
.ch-foot{text-align:center}
.ch-top{line-height:1}
.ch-foot .ch-big,.ch-foot .ch-legal,.ch-foot .ch-cols{margin-left:auto;margin-right:auto}
.ch-cols h3,.ch-cols ul{margin-left:0;margin-right:0}
.ch-foot .ch-big{word-spacing:.1em}
.ch-top.over{text-shadow:0 1px 14px rgba(10,29,32,.5)}.ch-top.over .ch-apply,.ch-top.over .ch-menu{box-shadow:0 2px 14px rgba(10,29,32,.18)}
.ch-foot .ch-mail{margin:40px auto 0;font-size:15.5px}
.ch-mail a{color:#E9C88A;text-decoration:none;border-bottom:1px solid rgba(233,200,138,.4);padding-bottom:2px}
.ch-mail a:hover{color:#fff;border-color:#fff}
/* v4: microcopy under the footer CTA */
.ch-foot .ch-note{margin:14px auto 0;font:500 13.5px/1.45 "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.01em;color:rgba(244,238,227,.62)}