/*
Theme Name: VV Elspeet
Author: Koetsier Media
Description: Standalone WordPress-thema voor voetbalvereniging Elspeet. Zwart-wit design "Op de Heide" met nieuws, programma, teams, sponsoring en contactformulier.
Version: 1.5.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vvelspeet
*/

:root{
  --inkt:#141414;
  --papier:#faf9f6;
  --kaart:#ffffff;
  --veld:#efeee9;
  --grijs:#7b7a74;
  --lijn:#e3e1da;
  --radius:22px;
  --max:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Work Sans',system-ui,sans-serif;color:var(--inkt);background:var(--papier);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:'Archivo Black',sans-serif;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}
h1 em,h2 em,h3 em{font-style:normal}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--grijs);margin-bottom:14px}
.btn{display:inline-block;padding:14px 30px;font-weight:600;font-size:14px;text-decoration:none;border-radius:999px;transition:all .18s ease;cursor:pointer;border:1.5px solid var(--inkt);font-family:'Work Sans',sans-serif;background:transparent;color:var(--inkt)}
.btn:hover{background:var(--inkt);color:var(--papier)}
.btn-vol{background:var(--inkt);color:var(--papier)}
.btn-vol:hover{background:transparent;color:var(--inkt)}
.btn-inv{border-color:var(--papier);color:var(--papier)}
.btn-inv:hover{background:var(--papier);color:var(--inkt)}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid var(--inkt);outline-offset:3px}

/* ── Naar boven ─────────────────────────────── */
.naar-boven{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom, 0px));z-index:2147483000;width:48px;height:48px;border-radius:50%;background:var(--inkt);color:var(--papier);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease, transform .2s ease, visibility .2s;box-shadow:0 10px 24px rgba(20,20,20,.28)}
.naar-boven.zichtbaar{opacity:1;visibility:visible;transform:none}
.naar-boven:hover{transform:translateY(-3px)}
.naar-boven svg{width:20px;height:20px}
@media(max-width:600px){.naar-boven{right:14px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));width:44px;height:44px}}

/* ── Skiplink ───────────────────────────────── */
.skiplink{position:absolute;left:-9999px;top:0;background:var(--inkt);color:var(--papier);padding:12px 20px;z-index:100;font-weight:700;text-decoration:none}
.skiplink:focus{left:0}

/* ── Header ─────────────────────────────────── */
.topstrip{background:#0c0c0c;color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-family:'Archivo',sans-serif}
.topstrip .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;gap:10px}
.topstrip a{text-decoration:none;opacity:.85}
.topstrip a:hover{opacity:1;text-decoration:underline}
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:2px solid #0c0c0c;font-family:'Archivo',sans-serif}
body.admin-bar header.site{top:32px}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.merk{display:flex;align-items:center;gap:14px;text-decoration:none}
.merk img{width:52px;height:auto;flex-shrink:0}
.merk .naam{font-family:'Archivo Black',sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:.02em}
.merk .sub{display:block;font-family:'Archivo',sans-serif;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#6b6b6b}
nav.hoofd{display:flex;gap:4px}
nav.hoofd a{display:block;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 13px;border-bottom:3px solid transparent;border-radius:0}
nav.hoofd a:hover{border-bottom-color:#0c0c0c}
nav.hoofd a.actief{border-bottom-color:#0c0c0c}
.hamburger{display:none;background:none;border:2px solid #0c0c0c;width:44px;height:44px;border-radius:0;font-size:18px;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:700}
@media(max-width:1020px){
  nav.hoofd{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:2px solid #0c0c0c;padding:8px 0}
  nav.hoofd.open{display:flex}
  nav.hoofd a{padding:14px 24px;border-bottom:1px solid var(--lijn)}
  .hamburger{display:block}
}
@media(max-width:600px){
  .topstrip{font-size:9px;letter-spacing:.06em}
  .topstrip .wrap{height:30px}
  .topstrip .wrap span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topstrip a{white-space:nowrap}
  .nav{height:62px}
  .merk img{width:38px}
  .merk .naam{font-size:15px}
  .merk .sub{font-size:8px;letter-spacing:.18em}
  nav.hoofd{top:62px}
}

/* ── Hero ───────────────────────────────────── */
.hero{background:#0c0c0c;color:#fff;position:relative;overflow:hidden;font-family:'Archivo',sans-serif}
.hero-strepen{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 34px 68px)}
.hero .wrap{position:relative;padding-top:90px;padding-bottom:90px}
.hero .kicker{font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:20px}
.hero h1{font-size:clamp(44px,8vw,96px);color:#fff}
.hero p.intro{max-width:560px;margin:24px 0 36px;font-size:17px;color:rgba(255,255,255,.8);line-height:1.6}
.hero .acties{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn{border-radius:0;border:2px solid #fff;color:#fff;background:transparent;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:14px;padding:14px 28px;font-family:'Archivo',sans-serif}
.hero .btn:hover{background:#fff;color:#0c0c0c}

/* ── Wedstrijdtickets ───────────────────────── */
.tickets{padding:26px 0 84px}
.tickets .wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ticket{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:28px 30px;position:relative;box-shadow:0 14px 36px rgba(20,20,20,.06)}
.ticket::before,.ticket::after{content:"";position:absolute;width:26px;height:26px;background:var(--papier);border:1px solid var(--lijn);border-radius:50%;top:50%;transform:translateY(-50%)}
.ticket::before{left:-14px;border-left-color:transparent}
.ticket::after{right:-14px;border-right-color:transparent}
.ticket .tag{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--grijs);margin-bottom:14px}
.affiche{display:flex;align-items:center;gap:16px;font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(18px,2.3vw,25px);flex-wrap:wrap}
.affiche .score{background:var(--inkt);color:var(--papier);padding:3px 15px;border-radius:12px}
.ticket .meta{margin-top:12px;padding-top:12px;border-top:1px dashed var(--lijn);font-size:13.5px;color:var(--grijs)}
@media(max-width:760px){.tickets .wrap{grid-template-columns:1fr}}

/* ── Secties ────────────────────────────────── */
section.blok{padding:84px 0}
section.blok.veld{background:var(--veld)}
section.blok.inkt{background:var(--inkt);color:var(--papier)}
.blokkop{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:24px;flex-wrap:wrap}
.blokkop h2{font-size:clamp(30px,4.2vw,50px)}
.alles-link{font-size:14px;font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--inkt);padding-bottom:2px;white-space:nowrap}
.alles-link:hover{opacity:.6}
section.blok.inkt .alles-link{border-bottom-color:var(--papier)}

/* ── Nieuws ─────────────────────────────────── */
.nieuws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nieuwskaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:30px 28px 32px;display:flex;flex-direction:column;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease}
.nieuwskaart:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,20,20,.09)}
.nieuwskaart .cat{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--veld);border-radius:999px;padding:5px 12px;margin-bottom:18px}
.nieuwskaart h3{font-size:21px;font-weight:700;margin-bottom:10px}
.nieuwskaart p{font-size:14px;color:var(--grijs);flex:1}
.nieuwskaart .datum{margin-top:20px;font-size:12.5px;font-weight:600;color:var(--grijs)}
@media(max-width:900px){.nieuws-grid{grid-template-columns:1fr}}
.nieuws-grid.met-verslag{grid-template-columns:repeat(4,1fr)}
.nieuws-grid.met-verslag .nieuwskaart h3{font-size:19px}
@media(max-width:1100px){.nieuws-grid.met-verslag{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.nieuws-grid.met-verslag{grid-template-columns:1fr}}
.nieuwskaart.donker{background:var(--inkt);color:var(--papier);border-color:var(--inkt)}
.nieuwskaart.donker .cat{background:rgba(250,249,246,.16)}
.nieuwskaart.donker p{color:rgba(250,249,246,.75)}
.nieuwskaart.donker .datum{color:rgba(250,249,246,.6)}

/* ── Nieuwsfilter (categorie-chips) ─────────── */
.filterbalk{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.filterknop{display:inline-block;border:1.5px solid var(--lijn);background:var(--kaart);border-radius:999px;padding:9px 18px;font-family:'Work Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease;color:var(--inkt);text-decoration:none}
.filterknop:hover{border-color:var(--inkt)}
.filterknop.actief{background:var(--inkt);color:var(--papier);border-color:var(--inkt)}

/* ── Over / veld ────────────────────────────── */
.over-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.over-grid p{margin-bottom:18px;font-size:16px;color:rgba(250,249,246,.82)}
.over-foto{position:relative;margin:0;border-radius:28px;overflow:hidden;border:1.5px solid rgba(250,249,246,.35)}
.over-foto img{width:100%;height:100%;object-fit:cover;display:block}
.over-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(12,12,12,.62))}
.over-foto .foto-label{position:absolute;z-index:1;bottom:16px;left:22px;right:22px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,249,246,.92)}
@media(max-width:860px){
  .over-foto{margin:0 -24px;border-radius:0;border-left:none;border-right:none}
  .over-foto img{aspect-ratio:4/3}
}
@media(max-width:860px){.over-grid{grid-template-columns:1fr;gap:40px}}

/* ── Instagram ──────────────────────────────── */
.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}
.insta-tegel{aspect-ratio:1;border-radius:var(--radius);background:var(--kaart);border:1px solid var(--lijn);display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease}
.insta-tegel:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,20,20,.09)}
.insta-tegel.donker{background:var(--inkt);color:var(--papier);border-color:var(--inkt)}
.insta-tegel .ico{width:26px;height:26px}
.insta-tegel span{font-size:12.5px;font-weight:600;color:var(--grijs)}
.insta-tegel.donker span{color:rgba(250,249,246,.72)}
@media(max-width:760px){.insta-grid{grid-template-columns:repeat(2,1fr)}}

/* ── Tabellen ───────────────────────────────── */
.tabelkaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);overflow:hidden;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:left;padding:15px 20px;background:var(--veld);color:var(--inkt)}
td{padding:15px 20px;border-top:1px solid var(--lijn)}
tr:hover td{background:var(--papier)}
td strong{font-weight:700}
tr.eigen td{background:var(--veld);font-weight:600}
tr.eigen:hover td{background:var(--veld)}
td.num,th.num{text-align:center;width:52px;white-space:nowrap}

/* ── Agenda ─────────────────────────────────── */
.agenda-lijst{list-style:none;display:grid;gap:14px}
.agenda-item{display:flex;gap:22px;align-items:center;background:var(--kaart);border:1px solid var(--lijn);border-radius:18px;padding:18px 24px}
.agenda-datum{flex-shrink:0;width:64px;text-align:center;font-family:'Archivo Black',sans-serif;text-transform:uppercase;line-height:1.05}
.agenda-datum .dag{font-size:24px;display:block}
.agenda-datum .maand{font-size:11px;letter-spacing:.14em;color:var(--grijs)}
.agenda-item h3{font-size:17px;font-weight:700;font-family:'Work Sans',sans-serif;text-transform:none;letter-spacing:0;margin-bottom:2px}
.agenda-item p{font-size:13.5px;color:var(--grijs)}

/* ── Teams ──────────────────────────────────── */
.teamgroep{margin-bottom:52px}
.teamgroep h3{font-size:24px;margin-bottom:20px}
.teamgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}
.teamkaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:18px;padding:24px 22px;text-decoration:none;transition:all .16s ease}
.teamkaart:hover{background:var(--inkt);color:var(--papier);border-color:var(--inkt);transform:translateY(-3px)}
.teamkaart .tn{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;font-size:17px}
.teamkaart .tk{font-size:12.5px;color:var(--grijs);margin-top:5px}
.teamkaart:hover .tk{color:rgba(250,249,246,.7)}

/* ── Info / sponsoring ──────────────────────── */
.kolommen-2{display:grid;grid-template-columns:1fr 1fr;gap:52px}
@media(max-width:820px){.kolommen-2{grid-template-columns:1fr}}
.infoblok{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:30px;margin-bottom:18px}
.infoblok h3{font-size:20px;font-weight:700;margin-bottom:10px}
.infoblok p{font-size:14px;color:var(--grijs)}
.pakketten{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}
.pakket{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:32px 28px}
.pakket.top{background:var(--inkt);color:var(--papier);border-color:var(--inkt)}
.pakket .sterren{font-size:20px;letter-spacing:4px;margin-bottom:14px}
.pakket h3{font-size:19px;font-weight:700;margin-bottom:10px}
.pakket p{font-size:13.5px;color:var(--grijs)}
.pakket.top p{color:rgba(250,249,246,.72)}
.topsponsors{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;margin-top:38px}
.topsponsor{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:24px 26px;text-align:center}
.topsponsor.hoofd{border:2px solid var(--inkt)}
.topsponsor .ts-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--grijs);margin-bottom:16px}
.ts-logos{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.topsponsor img{width:84px;height:84px;border-radius:16px}
@media(max-width:900px){.topsponsors{grid-template-columns:1fr}}
.sponsorlogos{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;margin-top:24px}
.sponsorlogo{background:var(--kaart);border:1px solid var(--lijn);border-radius:16px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:12px;color:var(--grijs)}

/* ── Foto's ─────────────────────────────────── */
.fotogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px}
.foto{aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,#e9e7e0,#d9d7cf);display:flex;align-items:flex-end;padding:16px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5c5b55}

/* ── Media / social ─────────────────────────── */
.socialband{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:34px 36px;margin-bottom:18px;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease}
.socialband:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(20,20,20,.09)}
.socialband.donker{background:var(--inkt);color:var(--papier);border-color:var(--inkt)}
.socialband .s-ico{width:52px;height:52px;flex-shrink:0}
.socialband h3{font-size:20px;margin-bottom:6px}
.socialband p{font-size:14px;color:var(--grijs)}
.socialband.donker p{color:rgba(250,249,246,.72)}
.socialband .s-cta{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid currentColor;padding-bottom:2px}
.mediatile{position:relative}
.mediatile .afspeel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(12,12,12,.85);display:flex;align-items:center;justify-content:center}
.mediatile .afspeel::after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:4px}
@media(max-width:700px){.socialband{grid-template-columns:auto 1fr;gap:18px;padding:26px}.socialband .s-cta{grid-column:2}}

/* ── Contact ────────────────────────────────── */
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:52px}
@media(max-width:820px){.contactgrid{grid-template-columns:1fr}}
.contactlijst{list-style:none}
.contactlijst li{padding:17px 0;border-bottom:1px solid var(--lijn);display:flex;gap:16px}
.contactlijst .k{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grijs);min-width:110px;padding-top:3px}
.formulier input,.formulier textarea{width:100%;border:1px solid var(--lijn);background:var(--kaart);border-radius:14px;padding:14px 18px;font-family:'Work Sans',sans-serif;font-size:14px;margin-bottom:14px}
.formulier input:focus,.formulier textarea:focus{outline:2px solid var(--inkt)}
.formulier label{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:var(--grijs)}
.formulier .verborgen{position:absolute;left:-9999px}
.melding{border-radius:14px;padding:16px 20px;margin-bottom:22px;font-size:14px;font-weight:600;background:var(--veld);border:1px solid var(--lijn)}
.melding.fout{background:#f7e9e7;border-color:#e5c5c0}

/* ── Sub-hero ───────────────────────────────── */
.subhero{background:#0c0c0c;color:#fff;padding:72px 0 60px;position:relative;overflow:hidden;font-family:'Archivo',sans-serif}
.subhero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 34px 68px)}
.subhero .wrap{position:relative}
.subhero h1{font-size:clamp(38px,6vw,70px);color:#fff}
.subhero p{margin-top:16px;color:rgba(255,255,255,.8);max-width:640px;font-size:16px}
.subhero .eyebrow{color:rgba(255,255,255,.6)}

/* ── Berichtinhoud ──────────────────────────── */
.inhoud-smal{max-width:760px}
.entry-content p{margin-bottom:18px}
.entry-content h2,.entry-content h3{margin:34px 0 14px}
.entry-content h2{font-size:26px}
.entry-content h3{font-size:20px}
.entry-content ul,.entry-content ol{margin:0 0 18px 22px}
.entry-content li{margin-bottom:6px}
.entry-content img{border-radius:16px}
.entry-content blockquote{border-left:3px solid var(--inkt);padding-left:20px;margin:24px 0;font-style:italic;color:var(--grijs)}
.entry-content a{text-decoration:underline}
.entry-content .wp-block-table table{border:1px solid var(--lijn);border-radius:var(--radius)}
.bericht-meta{margin-top:26px;padding-top:18px;border-top:1px solid var(--lijn);font-size:13px;color:var(--grijs)}

/* ── Paginering ─────────────────────────────── */
.navigation.pagination{margin-top:44px}
.navigation .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.navigation .page-numbers{display:inline-block;border:1.5px solid var(--lijn);background:var(--kaart);border-radius:999px;padding:9px 17px;font-size:13px;font-weight:600;text-decoration:none}
.navigation .page-numbers.current{background:var(--inkt);color:var(--papier);border-color:var(--inkt)}
.navigation .page-numbers:hover{border-color:var(--inkt)}

/* ── Footer ─────────────────────────────────── */
footer.site{background:var(--inkt);color:var(--papier);margin-top:84px;padding:64px 0 0}
.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;padding-bottom:52px}
.footgrid h4{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(250,249,246,.5);margin-bottom:16px}
.footgrid ul{list-style:none;margin:0;padding:0}
.footgrid a{display:block;text-decoration:none;font-size:14px;color:rgba(250,249,246,.85);padding:4px 0}
.footgrid a:hover{color:var(--papier);text-decoration:underline}
.footgrid p{font-size:14px;color:rgba(250,249,246,.7)}
.footmerk{display:flex;align-items:center;gap:13px;text-decoration:none;margin-bottom:18px}
.footmerk img{width:54px;height:auto}
.footmerk .naam{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;font-size:19px;letter-spacing:.02em;color:var(--papier)}
.footmerk .sub{display:block;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,249,246,.5)}
.footbalk{border-top:1px solid rgba(250,249,246,.15);padding:22px 0;font-size:12.5px;color:rgba(250,249,246,.5)}
@media(max-width:860px){.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.footgrid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}