/* Klaus Custom Studio header and footer for the policy, thank-you and 404 pages. Matches the shop page. Loaded after each page's own styles. */
:root{--ink:#111111;--red:#c8102e;--red-dark:#a00d25;--yellow:#ffc72c;--panel:#f4f4f2;--line:#d9d9d6;--ink-2:#333333;--ink-3:#595959}
body{font-size:16px}
h1,h2,h3{text-transform:uppercase;font-weight:800;line-height:1}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.updated{border-bottom-color:var(--ink)}
.btn,.back{border-radius:0 !important;font-family:'Barlow Condensed',system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:.08em;text-transform:uppercase}
.btn:hover{color:#fff}
.callout,.next{border-left:6px solid var(--yellow)}
.next b{text-transform:uppercase}
.kh-promo{background:var(--panel);border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.kh-promo > div{max-width:1280px;margin:0 auto;padding:8px 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}
.kh-promo i{font-style:normal;color:var(--ink-3)}
.kh-bar{background:var(--ink);color:#fff}
.kh-bar > div{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.kh-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none}
.kh-brand:hover{color:#fff}
.kh-brand img{height:34px;width:auto;display:block}
.kh-brand span{font-family:'Barlow Condensed',system-ui,sans-serif;font-weight:800;font-size:22px;letter-spacing:.06em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kh-shop{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--red);color:#fff;text-decoration:none;font-family:'Barlow Condensed',system-ui,sans-serif;font-weight:800;font-size:17px;letter-spacing:.08em;text-transform:uppercase}
.kh-shop:hover{background:var(--red-dark);color:#fff}
footer.kh-foot{background:var(--ink);color:#fff;border-top:0;margin-top:56px}
.kh-cols{max-width:1280px;margin:0 auto;padding:40px 24px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px}
.kh-cols > div{display:flex;flex-direction:column;align-items:flex-start}
.kh-cols > div > a{padding:6px 0}
.kh-cols img{width:110px;height:auto;display:block}
.kh-cols b{margin-bottom:4px;font-family:'Barlow Condensed',system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:.1em;color:var(--yellow)}
.kh-foot a{color:#e6e6e6;text-decoration:none;font-size:15px}
.kh-foot a:hover{color:#fff;text-decoration:underline}
.kh-tag{font-family:'Barlow Condensed',system-ui,sans-serif;font-weight:700;letter-spacing:.1em;font-size:14px;color:#fff;margin-top:8px}
.kh-fine{max-width:1280px;margin:0 auto;border-top:1px solid #333;padding:18px 24px 22px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:12px;color:#b5b5b5}
.kh-fine a{font-size:12px}
@media (max-width:640px){
  .kh-promo > div,.kh-bar > div,.kh-cols,.kh-fine{padding-left:16px;padding-right:16px}
}
@media (max-width:560px){
  .kh-promo i,.kh-promo span + i + span{display:none}
  .kh-brand span{font-size:17px}
  .kh-brand img{height:28px}
}