/*
Theme Name: Paraguay Project — Swiss Industrial
Theme URI: https://paraguayproject.pro/
Author: Built for Mai
Description: Standalone theme for paraguayproject.pro. Swiss industrial print direction — newsprint ground, monolithic Archivo Black, hairline grid, hazard accent. Self-hosted fonts, no page builder, no external requests.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: ppswiss
*/

/* ============================================================
   1. FONTS — self-hosted, no external requests
   ============================================================ */
@font-face{font-family:"Archivo";src:url(assets/fonts/archivo-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";src:url(assets/fonts/archivo-var-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo Black";src:url(assets/fonts/archivo-black-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo Black";src:url(assets/fonts/archivo-black-400-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";src:url(assets/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";src:url(assets/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";src:url(assets/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");font-weight:500;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";src:url(assets/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");font-weight:500;font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ============================================================
   2. TOKENS
   Single committed identity — newsprint. No dark variant:
   the direction is a print artefact, not a UI surface.
   ============================================================ */
:root{
  --paper:#EBE9E3;
  --paper-2:#E3E0D8;
  --paper-3:#F3F1EC;
  --ink:#0A0A0A;
  --ink-2:#4A4943;
  --ink-3:#8A867C;
  --rule:#C9C6BE;

  /* Hazard has two values on purpose.
     --hazard      #E03616  3.67:1 on paper -> large text, rules, marks ONLY
     --hazard-ink  #BC2A0A  4.98:1 on paper -> safe for body-size text     */
  --hazard:#E03616;
  --hazard-ink:#BC2A0A;
  --hazard-on-dark:#FF5A38;

  --display:"Archivo Black","Arial Black",Impact,sans-serif;
  --body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --wrap:1200px;
  --gutter:clamp(20px,4vw,32px);
  --hair:1px solid var(--rule);
  --heavy:2px solid var(--ink);
}

/* ============================================================
   3. RESET / BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}

:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid var(--hazard-ink);outline-offset:2px;
}
.skip{
  position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:var(--paper);
  padding:12px 18px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
}
.skip:focus{left:0}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ============================================================
   4. LAYOUT
   ============================================================ */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.bleed-top{border-top:var(--heavy)}
.rule{border-top:var(--hair)}

/* ============================================================
   5. TYPE
   ============================================================ */
.display-xl{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(40px,8.6vw,112px);line-height:.9;letter-spacing:-.042em;
}
.display-l{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(30px,5vw,58px);line-height:.96;letter-spacing:-.035em;
}
.display-m{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(23px,3.1vw,34px);line-height:1.04;letter-spacing:-.03em;
}
.display-s{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(18px,2vw,21px);line-height:1.12;letter-spacing:-.025em;
}
.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink);}
@supports not (-webkit-text-stroke:1px black){.outline{color:var(--ink-3)}}

.meta{
  font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
}
.meta--hazard{color:var(--hazard-ink)}
.lead{font-size:clamp(17px,1.9vw,20px);line-height:1.5;color:var(--ink-2);max-width:46ch}
.body-copy{color:var(--ink-2);max-width:68ch}
.body-copy p + p{margin-top:1em}
.num{font-variant-numeric:tabular-nums}

/* ============================================================
   6. HEADER
   ============================================================ */
.site-head{border-bottom:var(--heavy);background:var(--paper);position:relative;z-index:60}
.site-head__in{
  display:flex;align-items:center;gap:20px;
  min-height:60px;padding-block:10px;
}
.brand{
  font-family:var(--display);font-size:15px;text-transform:uppercase;
  letter-spacing:-.02em;text-decoration:none;line-height:1;
  display:inline-flex;align-items:center;gap:9px;
}
.brand__mark{width:11px;height:11px;background:var(--hazard);flex:none}
.site-head__spacer{flex:1}
.nav{display:flex;gap:26px;align-items:center}
.nav a{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;color:var(--ink);
  padding:4px 0;border-bottom:2px solid transparent;
}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--hazard)}
.nav__cta{
  background:var(--ink);color:var(--paper)!important;padding:9px 15px!important;
  border-bottom:0!important;
}
.nav__cta:hover{background:var(--hazard-ink)}
.burger{display:none;background:none;border:var(--heavy);padding:8px 11px;cursor:pointer;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

@media (max-width:860px){
  .burger{display:block}
  .nav{
    position:fixed;inset:0;background:var(--paper);flex-direction:column;
    justify-content:center;align-items:flex-start;gap:0;padding:0 var(--gutter);
    transform:translateY(-100%);transition:transform .28s ease;z-index:80;
  }
  .nav[data-open="true"]{transform:translateY(0)}
  .nav a{
    font-family:var(--display);font-size:clamp(28px,8vw,44px);letter-spacing:-.03em;
    border-bottom:0;padding:14px 0;width:100%;border-top:var(--hair);
  }
  .nav a:first-child{border-top:0}
  .nav__cta{background:none;color:var(--ink)!important;padding:14px 0!important}
  .nav__close{
    position:absolute;top:14px;right:var(--gutter);background:none;border:var(--heavy);
    padding:8px 11px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;
    text-transform:uppercase;cursor:pointer;
  }
}
@media (min-width:861px){.nav__close{display:none}}

/* ============================================================
   7. HERO
   ============================================================ */
.hero{padding-block:clamp(30px,5vw,52px) 0}
.hero__tags{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:clamp(18px,3vw,26px)}
.hero__tags .sq{color:var(--hazard)}
.hero h1{margin-bottom:clamp(20px,3.4vw,30px)}
.hero__grid{
  display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,40px);
  border-top:var(--hair);padding-block:22px clamp(28px,4vw,40px);
}
.hero__grid p{max-width:48ch;font-size:clamp(16px,1.7vw,17.5px);color:var(--ink-2)}
.spec{font-family:var(--mono);font-size:11.5px;line-height:2;color:var(--ink-2);margin:0;
  display:grid;grid-template-columns:auto 1fr;gap:0 14px}
.spec dt{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
.spec dd{margin:0;color:var(--hazard-ink);font-weight:500;letter-spacing:.04em}
@media (max-width:760px){
  .hero__grid{grid-template-columns:1fr;gap:24px}
}

/* ============================================================
   8. INDEX ROWS (services etc.)
   ============================================================ */
.index{border-top:var(--heavy)}
.irow{
  display:grid;grid-template-columns:66px 1.05fr 1.75fr 92px;gap:clamp(14px,2.4vw,24px);
  padding-block:clamp(16px,2.4vw,22px);border-top:var(--hair);align-items:baseline;
  text-decoration:none;color:inherit;position:relative;
}
.index .irow:first-child{border-top:0}
.irow:hover{background:var(--paper-3)}
.irow:hover .irow__go{color:var(--hazard-ink)}
.irow__k{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}
.irow__t{margin:0}
.irow__d{margin:0;font-size:15px;color:var(--ink-2)}
.irow__go{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-align:right;color:var(--ink-3);white-space:nowrap}
@media (max-width:820px){
  .irow{grid-template-columns:44px 1fr;gap:6px 14px}
  .irow__d{grid-column:2}
  .irow__go{grid-column:2;text-align:left}
}

/* ============================================================
   9. STAT BAND
   ============================================================ */
.band{background:var(--ink);color:var(--paper)}
.band__in{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,28px);padding-block:clamp(26px,4vw,38px)}
.band b{display:block;font-family:var(--display);font-size:clamp(30px,4.6vw,50px);line-height:1;letter-spacing:-.04em}
.band span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#98948B;display:block;margin-top:8px}
@media (max-width:680px){.band__in{grid-template-columns:repeat(2,1fr);gap:22px}}

/* ============================================================
   10. SPLIT / PROSE SECTIONS
   ============================================================ */
.section{padding-block:clamp(34px,5vw,58px);border-top:var(--heavy)}
.section--hair{border-top:var(--hair)}
.section__head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;margin-bottom:clamp(20px,3vw,30px)}
.section__head h2{flex:1;min-width:min(100%,18ch)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,56px)}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.stack{display:flex;flex-direction:column;gap:14px}
.deflist{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:0 20px;font-size:15px}
.deflist dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-block:11px;border-top:var(--hair)}
.deflist dd{margin:0;color:var(--ink-2);padding-block:11px;border-top:var(--hair)}
.deflist dt:first-of-type,.deflist dd:first-of-type{border-top:0}
@media (max-width:560px){
  .deflist{grid-template-columns:1fr;gap:0}
  .deflist dd{padding-top:0;border-top:0}
  .deflist dt{padding-bottom:3px}
}

/* ============================================================
   11. QUOTES
   ============================================================ */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:var(--heavy)}
.quote{padding:clamp(20px,3vw,30px) clamp(18px,2.4vw,26px) clamp(24px,3.4vw,34px);border-right:var(--hair)}
.quote:last-child{border-right:0}
.quote blockquote{margin:0;font-size:clamp(15.5px,1.7vw,17px);line-height:1.45;color:var(--ink)}
.quote cite{
  display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);margin-top:16px;
}
@media (max-width:820px){
  .quotes{grid-template-columns:1fr}
  .quote{border-right:0;border-top:var(--hair)}
  .quote:first-child{border-top:0}
}

/* ============================================================
   12. CTA
   ============================================================ */
.btn{
  display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;
  font-family:var(--display);text-transform:uppercase;font-size:clamp(13px,1.5vw,15px);
  letter-spacing:-.01em;padding:15px 26px;border:2px solid var(--ink);
}
.btn:hover{background:var(--hazard-ink);border-color:var(--hazard-ink)}
.btn--hazard{background:var(--hazard-ink);border-color:var(--hazard-ink)}
.btn--hazard:hover{background:var(--ink);border-color:var(--ink)}
.btn--ghost{background:none;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btns{display:flex;flex-wrap:wrap;gap:12px}

.endbar{
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
  padding-block:clamp(22px,3.4vw,32px);border-top:var(--heavy);
}
.endbar__asc{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;overflow:hidden;white-space:nowrap}
@media (max-width:680px){.endbar{grid-template-columns:1fr}}

/* ============================================================
   13. PROSE (articles, legal pages)
   ============================================================ */
.prose{max-width:68ch}
.prose > * + *{margin-top:1.1em}
.prose h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.028em;margin-top:1.8em;padding-top:.7em;border-top:var(--hair)}
.prose h3{font-family:var(--body);font-weight:700;font-size:18px;letter-spacing:-.01em;margin-top:1.5em}
.prose p,.prose li{color:var(--ink-2)}
.prose ul,.prose ol{padding-left:1.15em}
.prose li{margin-top:.4em}
.prose a{color:var(--hazard-ink);text-underline-offset:3px}
.prose blockquote{border-left:3px solid var(--hazard);margin:0;padding-left:20px;font-size:18px;color:var(--ink)}
.prose code{font-family:var(--mono);font-size:.9em;background:var(--paper-2);padding:2px 5px}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{text-align:left;padding:10px 12px;border-top:var(--hair)}
.prose th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.table-scroll{overflow-x:auto}

.notice{
  border:var(--heavy);border-left:6px solid var(--hazard);padding:18px 20px;
  font-size:15px;color:var(--ink-2);background:var(--paper-3);
}
.notice strong{color:var(--ink)}

/* ============================================================
   14. CARDS / ARCHIVE
   ============================================================ */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;border-top:var(--heavy)}
.card{
  display:block;text-decoration:none;color:inherit;padding:clamp(20px,3vw,28px);
  border-right:var(--hair);border-bottom:var(--hair);
}
.card:hover{background:var(--paper-3)}
.card h3{margin:10px 0 8px}
.card p{font-size:15px;color:var(--ink-2)}
.card__k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--hazard-ink)}

/* ============================================================
   15. FOOTER
   ============================================================ */
.site-foot{background:var(--ink);color:var(--paper);margin-top:0}
.site-foot__in{
  display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(24px,4vw,44px);
  padding-block:clamp(34px,5vw,52px);
}
.site-foot h4{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#98948B;font-weight:500;margin-bottom:14px;
}
.site-foot a{color:var(--paper);text-decoration:none;font-size:15px}
.site-foot a:hover{color:var(--hazard-on-dark)}
.site-foot ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.site-foot__blurb{color:#B4B0A6;font-size:15px;max-width:34ch;margin-top:14px}
.site-foot__brand{font-family:var(--display);font-size:17px;text-transform:uppercase;letter-spacing:-.02em}
.site-foot__bottom{
  display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;
  border-top:1px solid #2A2A28;padding-block:18px 26px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#7E7A72;
}
.site-foot__bottom a{font-size:10.5px;color:#7E7A72}
.site-foot__bottom .sp{flex:1}
@media (max-width:760px){.site-foot__in{grid-template-columns:1fr;gap:28px}}

/* ============================================================
   16. FORMS
   ============================================================ */
.form-shell input[type=text],.form-shell input[type=email],.form-shell input[type=tel],
.form-shell textarea,.form-shell select{
  width:100%;background:var(--paper-3);border:var(--heavy);border-radius:0;
  padding:12px 14px;font-family:var(--body);font-size:16px;color:var(--ink);
}
.form-shell textarea{min-height:150px;resize:vertical}
.form-shell label{
  display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:7px;
}
.form-shell button[type=submit],.form-shell input[type=submit]{
  background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:0;
  font-family:var(--display);text-transform:uppercase;font-size:15px;padding:15px 26px;cursor:pointer;
}
.form-shell button[type=submit]:hover,.form-shell input[type=submit]:hover{background:var(--hazard-ink);border-color:var(--hazard-ink)}

/* ============================================================
   17. MOTION
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* ============================================================
   18. PRINT
   ============================================================ */
@media print{
  .site-head,.site-foot,.endbar,.burger{display:none}
  body{background:#fff;color:#000}
}

/* ============================================================
   19. PRICE / PACKAGE TIERS
   ============================================================ */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:0;border-top:var(--heavy)}
.tier{
  display:flex;flex-direction:column;gap:12px;
  padding:clamp(20px,3vw,28px);border-right:var(--hair);border-bottom:var(--hair);
}
.tier--featured{background:var(--paper-3);box-shadow:inset 4px 0 0 var(--hazard)}
.tier__flag{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--hazard-ink)}
.tier__name{margin:0}
.tier__price{
  font-family:var(--display);font-size:clamp(22px,2.6vw,30px);line-height:1;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;
}
.tier__unit{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.tier__desc{font-size:15px;color:var(--ink-2);margin:0}
.tier__list{list-style:none;display:flex;flex-direction:column;gap:0;margin-top:auto}
.tier__list li{
  font-size:14.5px;color:var(--ink-2);padding:8px 0 8px 20px;border-top:var(--hair);position:relative;
}
.tier__list li::before{content:"\2192";position:absolute;left:0;color:var(--hazard-ink);font-size:12px;top:9px}
.tier .btn{margin-top:14px;text-align:center}

/* ============================================================
   20. NUMBERED PROCESS
   ============================================================ */
.steps{list-style:none;counter-reset:step;border-top:var(--heavy)}
.steps > li{
  counter-increment:step;display:grid;grid-template-columns:66px 1fr 1.5fr;
  gap:clamp(14px,2.4vw,24px);padding-block:clamp(16px,2.4vw,22px);border-top:var(--hair);align-items:baseline;
}
.steps > li:first-child{border-top:0}
.steps > li::before{
  content:counter(step,decimal-leading-zero);
  font-family:var(--mono);font-size:11px;color:var(--hazard-ink);letter-spacing:.06em;
}
.steps h3{margin:0}
.steps p{margin:0;font-size:15px;color:var(--ink-2)}
@media (max-width:820px){
  .steps > li{grid-template-columns:44px 1fr;gap:4px 14px}
  .steps p{grid-column:2}
}

/* ============================================================
   21. CHECKLIST
   ============================================================ */
.checks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:var(--heavy)}
.checks li{padding:16px 20px 18px 40px;border-top:var(--hair);position:relative;font-size:15px;color:var(--ink-2);border-right:var(--hair)}
.checks li::before{
  content:"\2713";position:absolute;left:16px;top:16px;color:var(--hazard-ink);
  font-family:var(--mono);font-size:13px;font-weight:500;
}
.checks li strong{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}

/* ============================================================
   22. CONTACT CHANNELS
   ============================================================ */
.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border-top:var(--heavy)}
.channel{
  display:block;text-decoration:none;color:inherit;padding:clamp(20px,3vw,26px);
  border-right:var(--hair);border-bottom:var(--hair);
}
.channel:hover{background:var(--paper-3)}
.channel:hover .channel__v{color:var(--hazard-ink)}
.channel__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px}
.channel__v{font-family:var(--display);font-size:clamp(16px,2vw,20px);text-transform:none;letter-spacing:-.02em;word-break:break-word;display:block}
.channel__n{font-size:14px;color:var(--ink-2);margin-top:8px;display:block}