/* ═══════════════════════════════════════════════════════════
   kizamagendane.nl — gedeelde stijl
   ───────────────────────────────────────────────────────────
   Rustig en zelfverzekerd. Eén ondergrond (linnen), één
   tekstkleur (navy). Typografie, witruimte en dunne lijnen
   dragen de pagina; geen kaarten, pillen of schaduwen.
   ROZE  — het frictiepunt: één cursief woord, één lijn.
   LIME  — de uitnodiging: alleen onder links en de knop.
   Schreef: Instrument Serif (cursief), alleen als accent.
   ═══════════════════════════════════════════════════════════ */

/* Instrument Serif (SIL OFL) staat op de eigen server: geen
   afhankelijkheid van Google en geen bezoekersdata naar derden. */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}

:root{
  --bg:#F5EFE2; --paper:#FBF8F1; --ink:#131F3D; --ink-soft:#4A5470; --ink-faint:#7A8299;
  --pink:#FF4FA0; --lime:#C8FF5A;
  --line:rgba(19,31,61,.16); --line-strong:rgba(19,31,61,.85);
  --on-ink:#F5EFE2; --on-ink-soft:rgba(245,239,226,.72); --line-on-ink:rgba(245,239,226,.18);
  --sans:'Cabinet Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --max:1180px; --gutter:clamp(20px,5vw,40px);
  --side:.3fr; --gap:clamp(24px,5vw,72px);
  --section:clamp(80px,10vw,136px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:clamp(16px,1.05vw,18px);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit}
p{margin:0}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
ul,ol{margin:0;padding:0;list-style:none}
em{font-style:italic}
.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.005em}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.label{display:block;font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);line-height:1.6}
.muted{color:var(--ink-soft)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 14px;z-index:60}
.skip:focus{left:16px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pink);outline-offset:4px}

/* links met lime streep */
.more{display:inline-flex;gap:10px;align-items:center;font-weight:700;text-decoration:none;padding-bottom:4px;background:linear-gradient(var(--lime),var(--lime)) 0 100%/100% 3px no-repeat;transition:gap .2s ease}
.more:hover{gap:16px}
.more.quiet{background:none;padding-bottom:0;border-bottom:1px solid currentColor}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 36px;margin-top:34px}

/* knop */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--on-ink);text-decoration:none;font-weight:700;font-size:.95rem;line-height:1;padding:13px 20px;border-radius:999px;border:0;cursor:pointer;transition:background .2s ease,color .2s ease}
.btn:hover{background:var(--lime);color:var(--ink)}
.btn.light{background:var(--lime);color:var(--ink)}
.btn.light:hover{background:var(--on-ink)}

/* ───────── header ───────── */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(245,239,226,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease}
.site-header.scrolled{border-bottom-color:var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.logo{font-weight:800;font-size:1.05rem;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.logo span{color:var(--pink)}
.header-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink-soft);border-radius:999px;padding:12px 6px 12px 14px;font:inherit;font-weight:500;font-size:.95rem;line-height:1;cursor:pointer;transition:color .2s ease}
.menu-toggle:hover{color:var(--ink)}
.burger{position:relative;width:18px;height:10px;display:inline-block}
.burger::before,.burger::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px}
.burger::before{top:0}.burger::after{bottom:0}

/* ───────── menu ───────── */
.site-menu{position:fixed;inset:0;z-index:50;background:var(--ink);color:var(--on-ink);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto}
.site-menu[hidden]{display:none}
.site-menu>.wrap{width:100%}
.site-menu .menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.site-menu .logo span{color:var(--pink)}
.menu-close{display:inline-flex;align-items:center;gap:12px;background:none;border:1px solid var(--line-on-ink);color:var(--on-ink);border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;font-size:.95rem;line-height:1;cursor:pointer}
.menu-close:hover{background:rgba(245,239,226,.08)}
.menu-close .x{position:relative;width:14px;height:14px}
.menu-close .x::before,.menu-close .x::after{content:"";position:absolute;left:-1px;right:-1px;top:6px;height:2px;background:currentColor;border-radius:2px}
.menu-close .x::before{transform:rotate(45deg)}.menu-close .x::after{transform:rotate(-45deg)}
.menu-body{flex:1;display:grid;grid-template-columns:1.4fr .6fr;gap:var(--gap);align-items:end;padding-block:clamp(32px,6vw,72px) clamp(32px,5vw,56px)}
.menu-body>*{min-width:0}
.menu-links li{border-top:1px solid var(--line-on-ink)}
.menu-links li:last-child{border-bottom:1px solid var(--line-on-ink)}
.menu-links a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-block:clamp(10px,1.4vw,16px);text-decoration:none}
.menu-links .t{font-size:clamp(30px,4.4vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1.05;transition:color .2s ease}
.menu-links .d{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.5vw,21px);color:var(--on-ink-soft);text-align:right}
.menu-links a:hover .t,.menu-links a[aria-current="page"] .t{color:var(--pink)}
.menu-aside{display:flex;flex-direction:column;gap:28px}
.menu-aside .label{color:var(--on-ink-soft)}
.menu-aside p{color:var(--on-ink-soft)}
.menu-aside a{text-decoration:none}
.menu-aside .mail{font-weight:700;color:var(--on-ink);user-select:all}
.menu-aside ul li{margin-bottom:4px}
.menu-aside ul a{color:var(--on-ink-soft)}
.menu-aside ul a:hover{color:var(--on-ink)}

/* ───────── hero ───────── */
.hero{padding-block:clamp(44px,6vw,88px) clamp(64px,8vw,112px)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap);align-items:end}
.hero .wrap>*{min-width:0}
.hero.no-media .wrap{grid-template-columns:1fr}
.hero-text{container-type:inline-size}
.hero h1{font-size:clamp(42px,13.5cqi,96px);margin:20px 0 28px;letter-spacing:-.035em;line-height:1}
.hero.no-media h1{font-size:clamp(42px,9cqi,112px);max-width:14ch}
.hero h1 .serif{color:var(--pink);font-size:1.06em;letter-spacing:-.01em;line-height:.9}
.hero .lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;max-width:30em}
.hero.no-media .lead{max-width:36em}
.hero figure{margin:0}
.hero figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hero figcaption{margin-top:12px;font-size:.85rem;color:var(--ink-soft)}
.facts{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:26px;font-size:.92rem;color:var(--ink-soft)}
.facts li+li::before{content:"·";margin:0 12px;color:var(--ink-faint)}

/* ───────── secties ───────── */
.section{padding-block:var(--section)}
.section.ruled{border-top:1px solid var(--line)}
.section.paper{background:var(--paper);border-block:1px solid var(--line)}
.section.ink{background:var(--ink);color:var(--on-ink)}
.section.ink .label,.section.ink .muted{color:var(--on-ink-soft)}
.section.tight-top{padding-top:0}
.split{display:grid;grid-template-columns:var(--side) 1fr;gap:var(--gap)}
.split>*{min-width:0}
.split + .split{margin-top:clamp(56px,7vw,96px)}
.section h2{font-size:clamp(34px,4.4vw,58px);margin-bottom:24px}
.section h2 .serif{font-size:1.06em}
.section.ink h2 .serif{color:var(--pink)}
.prose{display:flex;flex-direction:column;gap:1.05em;max-width:38em}
.prose p{color:var(--ink-soft)}
.prose .lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--ink)}
.section.ink .prose p{color:var(--on-ink-soft)}
.section.ink .prose .lead{color:var(--on-ink)}
.prose ul{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.prose ul li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative;color:var(--ink)}
.prose ul li::before{content:"";position:absolute;left:2px;top:25px;width:12px;height:2px;background:var(--pink)}

/* citaat */
.pull{margin:8px 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,3.2vw,42px);line-height:1.18;letter-spacing:-.01em;color:var(--ink);max-width:20em}
.pull::before{content:"";display:block;width:56px;height:3px;background:var(--pink);margin-bottom:22px}
.section.ink .pull{color:var(--on-ink)}
.quote{margin:0}
.quote blockquote{margin:0;font-family:var(--serif);font-size:clamp(26px,2.8vw,38px);line-height:1.25;max-width:26em}
.quote cite{display:flex;align-items:center;gap:14px;margin-top:28px;font-style:normal;font-size:.95rem;color:var(--ink-soft)}
.section.ink .quote cite{color:var(--on-ink-soft)}
.quote cite img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.quote cite b{display:block;color:var(--ink);font-weight:700}
.section.ink .quote cite b{color:var(--on-ink)}

/* rijen (pijlers, ingangen, formats) */
.rows{border-top:1px solid var(--line-strong)}
.row{display:grid;grid-template-columns:var(--side) .55fr 1fr auto;gap:clamp(16px,3vw,44px);align-items:baseline;padding-block:32px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .25s ease}
.row>*{min-width:0}
a.row:hover{background:rgba(255,255,255,.5)}
.row .name{font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1}
.row .what{font-family:var(--serif);font-style:italic;font-size:1.35rem;line-height:1.25}
.row .desc{color:var(--ink-soft)}
.row .arrow{font-size:1.4rem;transition:transform .25s ease}
a.row:hover .arrow{transform:translateX(6px);color:var(--pink)}

/* aanbod-blokken (uitgebreide rijen) */
.offers{border-top:1px solid var(--line-strong)}
.offer{display:grid;grid-template-columns:var(--side) 1fr;gap:var(--gap);padding-block:clamp(36px,4.5vw,56px);border-bottom:1px solid var(--line)}
.offer>*{min-width:0}
.offer .k{font-size:.82rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.offer .price{display:block;margin-top:14px;font-size:clamp(28px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;color:var(--ink);text-transform:none}
.offer .price small{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-left:6px}
.offer h3{font-size:clamp(28px,3vw,40px);margin-bottom:16px}
.offer h3 .serif{font-size:1.06em}
.offer .body{max-width:40em;display:flex;flex-direction:column;gap:1em}
.offer .body p{color:var(--ink-soft)}
.offer dl{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:6px 0 0;font-size:.95rem}
.offer dt{font-weight:700}
.offer dd{margin:0;color:var(--ink-soft)}
.offer .more{margin-top:10px;align-self:flex-start}
.offer.feature{background:var(--paper);margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}

/* lijst met publicaties / items */
.pieces{border-top:1px solid var(--line-strong)}
.pieces li{border-bottom:1px solid var(--line)}
.pieces a,.pieces .static{display:grid;grid-template-columns:1fr auto;gap:6px 32px;padding-block:22px;text-decoration:none}
.pieces .t{font-family:var(--serif);font-size:clamp(22px,2.1vw,28px);line-height:1.2}
.pieces .s{grid-column:1/2;color:var(--ink-soft);font-size:.95rem;max-width:42em}
.pieces .m{grid-row:1;grid-column:2;font-size:.85rem;color:var(--ink-soft);white-space:nowrap;padding-top:8px;text-align:right}
.pieces a:hover .t{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:5px;text-decoration-thickness:1.5px}

/* beeld + tekst */
.media{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}
.media>*{min-width:0}
.media.flip>figure{order:2}
.media figure{margin:0}
.media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.media.portrait img{aspect-ratio:4/5}
.media figcaption{margin-top:12px;font-size:.85rem;color:var(--ink-soft)}

/* raster van kolommen met lijn */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
.cols.four{grid-template-columns:repeat(4,1fr)}
.cols.two{grid-template-columns:repeat(2,1fr)}
.col{border-top:1px solid var(--line-strong);padding-top:22px;display:flex;flex-direction:column;gap:10px}
.col .k{font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.col h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em}
.col h3 .serif{font-size:1.08em}
.col p{color:var(--ink-soft);font-size:.98rem}
.col .more{margin-top:auto;align-self:flex-start;padding-top:8px}
a.col{text-decoration:none;transition:background .2s ease}
a.col:hover h3{color:var(--pink)}
.section.ink .col{border-top-color:var(--line-on-ink)}
.section.ink .col p{color:var(--on-ink-soft)}

/* woordenlijst (podia, media) */
.wordlist{display:flex;flex-wrap:wrap;gap:4px 0;font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);line-height:1.45}
.wordlist li:not(:last-child)::after{content:"/";margin:0 .45em;color:var(--pink);font-family:var(--sans);font-size:.7em}

/* stappen */
.steps{border-top:1px solid var(--line-strong)}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding-block:26px;border-bottom:1px solid var(--line)}
.steps li::before{content:"";width:24px;height:3px;background:var(--pink);margin-top:14px}
.steps h3{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:6px}
.steps p{color:var(--ink-soft)}

/* slot-cta */
.closing{padding-block:clamp(88px,11vw,150px)}
.closing h2{font-size:clamp(46px,6.4vw,92px);margin-bottom:26px;letter-spacing:-.04em}
.closing h2 .serif{color:var(--pink);font-size:1.06em}
.closing p{font-size:clamp(18px,1.5vw,21px);line-height:1.55;max-width:32em;color:var(--ink-soft)}
.closing .mail{font-weight:700;user-select:all}

/* filter (publicaties) */
.filters{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:40px}
.filters button{background:none;border:0;padding:0 0 4px;font:inherit;font-weight:500;color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent}
.filters button:hover{color:var(--ink)}
.filters button.actief{color:var(--ink);font-weight:700;border-bottom-color:var(--lime)}
.thema{padding-block:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.thema:first-of-type{border-top:0;padding-top:0}
.thema.verborgen{display:none}
.thema h2{font-size:clamp(28px,3vw,40px);margin-bottom:12px}
.thema > .split > div:first-child p{color:var(--ink-soft);font-size:.98rem;margin-top:8px}
.early{display:flex;flex-direction:column;border-top:1px solid var(--line-strong)}
.early li{display:grid;grid-template-columns:minmax(9.5em,var(--side)) 1fr;gap:clamp(16px,2.4vw,40px);padding-block:20px;border-bottom:1px solid var(--line)}
.early li>*{min-width:0}
.early b{font-weight:700;white-space:nowrap}
.early span{color:var(--ink-soft)}

/* huis (DNK) */
.huis{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap);align-items:start}
.huis>*{min-width:0}
.huis svg{width:100%;height:auto}
.huis-zone{cursor:pointer;outline:none}
.huis-zone .shape{fill:transparent;transition:fill .2s ease}
.huis-zone:hover .shape,.huis-zone:focus-visible .shape{fill:rgba(200,255,90,.35)}
.huis-zone.is-active .shape{fill:rgba(255,79,160,.16)}
.huis-zone text{font-family:var(--sans);fill:var(--ink);pointer-events:none}
.huis-detail{border-top:1px solid var(--line-strong);padding-top:24px;min-height:260px}
.huis-detail h3{font-size:clamp(26px,2.6vw,36px);margin:10px 0 14px}
.huis-detail p{color:var(--ink-soft)}
.huis-list{display:none}

/* formulier */
.form{display:flex;flex-direction:column;gap:22px}
.form .honey{position:absolute;left:-9999px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:700;font-size:.95rem}
.field label .req{color:var(--pink);margin-left:2px}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-bottom:2px solid var(--line-strong);border-radius:0;padding:14px 14px;width:100%}
.field textarea{min-height:170px;resize:vertical}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--pink)}
.form .btn{align-self:flex-start;font-size:1rem;padding:16px 24px}
.form .note{font-size:.85rem;color:var(--ink-soft)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}


/* statement (missie) */
.statement{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,50px);line-height:1.2;letter-spacing:-.01em;max-width:21em}
.statement em{color:var(--pink)}
.wave{display:block;width:84px;height:12px;margin-bottom:26px}

/* tegels (essays, lezingen) */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px)}
.tiles.two{grid-template-columns:repeat(2,1fr)}
.tile{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.tile img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:8px;transition:opacity .2s ease}
.tile:hover img{opacity:.88}
.tile .k{font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.tile h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,30px);letter-spacing:-.01em;line-height:1.15}
.tile p{color:var(--ink-soft);font-size:.98rem}
.tile .go{font-weight:700;font-size:.95rem;margin-top:4px}
.tile:hover h3{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:5px;text-decoration-thickness:1.5px}

/* items binnen een groep (podium) */
.items{border-top:1px solid var(--line-strong)}
.items li{padding-block:26px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:baseline}
.items li>*{min-width:0}
.items .k{grid-column:1/-1;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.items h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em}
.items p{grid-column:1/2;color:var(--ink-soft);max-width:38em}
.items .more{grid-row:2;grid-column:2;white-space:nowrap;align-self:start}
.group + .group{margin-top:clamp(48px,6vw,80px)}
.group h3.gt{font-size:clamp(26px,2.6vw,36px);margin:10px 0 12px}
.group h3.gt .serif{font-size:1.06em}
.group .gp{color:var(--ink-soft)}

/* beeldband */
.band{margin:0}
.band img{width:100%;aspect-ratio:21/9;object-fit:cover}

/* ───────── footer ───────── */
.site-footer{border-top:1px solid var(--line);padding-block:52px 36px;font-size:.92rem}
.site-footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.site-footer h4{margin:0 0 12px;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.site-footer li{margin-bottom:6px}
.site-footer a{text-decoration:none;opacity:.82}
.site-footer a:hover{opacity:1}
.site-footer .tag{margin-top:10px;color:var(--ink-soft);max-width:30ch}
.site-footer .fine{grid-column:1/-1;padding-top:24px;margin-top:8px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft)}

/* ───────── responsief ───────── */
@media (max-width:960px){
  :root{--side:1fr}
  .hero .wrap,.split,.media,.huis,.menu-body,.offer{grid-template-columns:1fr}
  .media.flip>figure{order:0}
  .hero figure{max-width:520px}
  .row{grid-template-columns:1fr auto;gap:8px 20px}
  .row .what,.row .desc{grid-column:1/2}
  .row .arrow{grid-row:1;grid-column:2}
  .cols,.cols.four,.tiles{grid-template-columns:1fr 1fr}
  .early li{grid-template-columns:1fr;gap:4px}
  .menu-body{align-items:start}
  .site-footer .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .header-actions{gap:8px}
  .header-actions .btn{padding:11px 14px;font-size:.88rem}
  .menu-toggle{padding:11px 4px 11px 8px}
  .menu-toggle .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .logo{font-size:.95rem}
  .cols,.cols.four,.cols.two,.form-grid,.tiles,.tiles.two{grid-template-columns:1fr}
  .items li{grid-template-columns:1fr}
  .items .more{grid-row:auto;grid-column:1}
  .band img{aspect-ratio:4/3}
  .pieces a,.pieces .static{grid-template-columns:1fr}
  .pieces .m{grid-row:auto;grid-column:1;text-align:left;padding-top:0}
  .menu-links a{flex-direction:column;gap:2px}
  .menu-links .d{text-align:left}
  .site-footer .wrap{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}