:root{--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s40:40px;--s64:64px;--bg:#fbf9f4;--fg:#181716;--panel:#ffffff;--accent:#c93a1d;--alt:#2a5c8a;--muted:#57534e;--border:#181716;--max:1160px;--font-display:"Impact","Arial Black",sans-serif;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background-color:var(--bg);background-image:radial-gradient(#181716 0.75px,transparent 0.75px);background-size:16px 16px;color:var(--fg);font-family:var(--font-body);line-height:1.55;font-size:1rem}
h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:0.5px;line-height:1.05;overflow-wrap:anywhere}
p,li{overflow-wrap:anywhere}
a{color:inherit;text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip-link{position:absolute;top:var(--s8);left:var(--s8);background:var(--accent);color:#fff;padding:var(--s8) var(--s16);font-weight:700;z-index:999;transform:translateY(-150%);transition:transform .1s}
.skip-link:focus{transform:translateY(0)}
.container{width:min(calc(100% - var(--s32)),var(--max));margin-inline:auto;padding-inline:var(--s16)}
.site-header{height:64px;border-bottom:3px solid var(--border);background-color:var(--panel);position:relative;z-index:50}
.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s16)}
.brand{display:flex;align-items:center;gap:var(--s8);font-family:var(--font-display);font-size:1.35rem;text-decoration:none;white-space:nowrap;flex-shrink:0}
.brand svg{fill:var(--accent);flex-shrink:0}
.site-nav{display:none;align-items:center;gap:var(--s16)}
.site-nav a{text-decoration:none;font-size:0.9rem;font-weight:700;text-transform:uppercase;white-space:nowrap;padding:var(--s4) var(--s8);border:2px solid transparent}
.site-nav a:hover{background:var(--bg);border-color:var(--border)}
.header-cta{background:var(--accent);color:#fff;padding:var(--s8) var(--s16);text-decoration:none;font-weight:800;font-size:0.875rem;text-transform:uppercase;border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);white-space:nowrap;flex-shrink:0}
.menu-toggle{display:inline-flex;padding:var(--s8);background:transparent;border:2px solid var(--border);font-weight:900;cursor:pointer}
.mobile-menu{position:fixed;inset:64px 0 0 0;background:var(--bg);padding:var(--s24);overflow-y:auto;z-index:100;display:flex;flex-direction:column}
.mobile-menu[hidden]{display:none}
.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:var(--s16);margin-block:auto}
.mobile-menu a{font-family:var(--font-display);font-size:1.5rem;text-decoration:none}
.mobile-menu .header-cta{margin-top:var(--s24);display:block;text-align:center;padding:var(--s12) var(--s24)}
.hero{padding-block:var(--s64);position:relative}
.hero-box{background:var(--panel);border:3px solid var(--border);padding:var(--s32);box-shadow:8px 8px 0 var(--border);position:relative}
.sticker{display:inline-block;background:var(--accent);color:#fff;padding:var(--s4) var(--s12);font-weight:900;font-size:0.875rem;border:2px solid var(--border);box-shadow:2px 2px 0 var(--border);transform:rotate(-3deg);margin-bottom:var(--s12)}
.sticker.alt{background:var(--alt);transform:rotate(2deg)}
.hero h1{font-size:clamp(2rem,6vw,4rem);margin-bottom:var(--s16)}
.hero p.lead{font-size:1.2rem;font-weight:600;max-width:65ch;margin-bottom:var(--s24)}
.hero-media{margin-top:var(--s24);border:3px solid var(--border);box-shadow:6px 6px 0 var(--border);transform:rotate(1deg);background:#000}
.hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.section-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--s24);display:flex;align-items:center;gap:var(--s12)}
.mosaic{display:grid;grid-template-columns:1fr;gap:var(--s32);margin-bottom:var(--s64)}
.mosaic > *{min-width:0}
.mosaic-cell{background:var(--panel);border:3px solid var(--border);box-shadow:6px 6px 0 var(--border);display:flex;flex-direction:column;position:relative;padding:var(--s24)}
.mosaic-cell:nth-child(1){transform:rotate(-1deg)}
.mosaic-cell:nth-child(2){transform:rotate(1.5deg)}
.mosaic-cell:nth-child(3){transform:rotate(-1.2deg)}
.mosaic-cell:nth-child(4){transform:rotate(1deg)}
.mosaic-cell:nth-child(5){transform:rotate(-0.8deg)}
.mosaic-cell .media{border:2px solid var(--border);margin-bottom:var(--s16);background:#ddd}
.mosaic-cell .media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.mosaic-cell h2{font-size:1.5rem;margin-bottom:var(--s12)}
.mosaic-cell p{margin-bottom:var(--s16);flex-grow:1}
.mosaic-cell .entry-link{align-self:flex-start;background:var(--border);color:#fff;padding:var(--s8) var(--s16);font-weight:700;text-decoration:none;border:2px solid var(--border)}
.supporting-grid{display:grid;grid-template-columns:1fr;gap:var(--s24);margin-bottom:var(--s64)}
.supporting-grid > *{min-width:0}
.support-card{background:#fff;border:3px solid var(--border);padding:var(--s24);box-shadow:4px 4px 0 var(--border);transform:rotate(0.5deg)}
.support-card h3{font-size:1.25rem;margin-bottom:var(--s8)}
.page-article{padding-block:var(--s40) var(--s64)}
.article-header{background:var(--panel);border:3px solid var(--border);padding:var(--s32);box-shadow:8px 8px 0 var(--border);margin-bottom:var(--s40);transform:rotate(-0.5deg)}
.article-header h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--s12)}
.article-lead-media{margin-top:var(--s24);border:3px solid var(--border);box-shadow:6px 6px 0 var(--border);transform:rotate(1deg)}
.article-lead-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.content-stack{display:flex;flex-direction:column;gap:var(--s32)}
.content-block{background:var(--panel);border:3px solid var(--border);padding:var(--s24);box-shadow:5px 5px 0 var(--border)}
.content-block:nth-child(even){transform:rotate(0.8deg)}
.content-block:nth-child(odd){transform:rotate(-0.6deg)}
.content-block h2{font-size:1.75rem;margin-bottom:var(--s16);border-bottom:2px dashed var(--border);padding-bottom:var(--s8)}
.content-block h3{font-size:1.25rem;margin-top:var(--s16);margin-bottom:var(--s8)}
.content-block p{margin-bottom:var(--s16)}
.content-block ul{margin-left:var(--s24);margin-bottom:var(--s16)}
.table-wrap{overflow-x:auto;margin-block:var(--s16);border:2px solid var(--border)}
table{width:100%;border-collapse:collapse;background:#fff;text-align:left}
th,td{padding:var(--s12);border:1px solid var(--border);font-size:0.95rem}
th{background:var(--bg);font-family:var(--font-display);font-size:1rem}
.contact-form{display:grid;gap:var(--s16)}
.field-group{display:flex;flex-direction:column;gap:var(--s4)}
.field-group label{font-weight:700;font-size:0.9rem;text-transform:uppercase}
.field-group input,.field-group textarea{padding:var(--s12);border:2px solid var(--border);font-family:inherit;font-size:1rem;background:#fff}
.field-error{color:var(--accent);font-size:0.875rem;font-weight:700;display:none}
.field-group.is-invalid .field-error{display:block}
.field-group.is-invalid input,.field-group.is-invalid textarea{border-color:var(--accent)}
.form-btn{align-self:flex-start;background:var(--accent);color:#fff;border:3px solid var(--border);padding:var(--s12) var(--s24);font-weight:800;font-size:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--border)}
.form-status{padding:var(--s12);border:2px solid var(--border);font-weight:700;margin-top:var(--s16)}
.form-status[hidden]{display:none}
.site-footer{background:var(--fg);color:#fff;padding-block:var(--s64) var(--s32);border-top:4px solid var(--border);margin-top:auto}
.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--s32);margin-bottom:var(--s40)}
.footer-grid > *{min-width:0}
.site-footer h4{font-family:var(--font-display);font-size:1.25rem;color:var(--panel);margin-bottom:var(--s16);letter-spacing:1px}
.site-footer p,.site-footer li{font-size:0.9rem;color:#d6d3d1}
.site-footer a{color:#fff}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--s8)}
.legal-links{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s12);margin-top:var(--s8)}
.independence{font-size:0.8rem;color:#a8a29e;margin-top:var(--s16);line-height:1.4}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-top:3px solid var(--border);padding:var(--s16);box-shadow:0 -4px 10px rgba(0,0,0,0.15);z-index:9999}
.cookie-banner[hidden]{display:none}
.cookie-content{width:min(calc(100% - var(--s32)),var(--max));margin-inline:auto;display:flex;flex-direction:column;gap:var(--s16)}
.cookie-text{font-size:0.9rem;font-weight:600}
.cookie-actions{display:flex;flex-direction:column;gap:var(--s8)}
.cookie-btn{padding:var(--s8) var(--s16);border:2px solid var(--border);background:var(--bg);font-weight:800;font-size:0.875rem;cursor:pointer}
.cookie-btn.primary{background:var(--accent);color:#fff}
.cookie-prefs-panel{background:var(--bg);border:2px solid var(--border);padding:var(--s16);margin-top:var(--s12)}
.cookie-prefs-panel[hidden]{display:none}
.site-footer :focus-visible,.mobile-menu :focus-visible,.cookie-banner :focus-visible{outline-color:#fff}
@media (min-width:480px){.cookie-actions{flex-direction:row;flex-wrap:wrap}.cookie-actions > button{flex:1 1 auto}}
@media (min-width:768px){.supporting-grid{grid-template-columns:repeat(3,1fr)}.mosaic{grid-template-columns:repeat(12,1fr)}.mosaic-cell.feat{grid-column:span 8;grid-row:span 2}.mosaic-cell.sub-1{grid-column:span 4}.mosaic-cell.sub-2{grid-column:span 4}.mosaic-cell.sub-3{grid-column:span 6}.mosaic-cell.sub-4{grid-column:span 6}.footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media (max-width:767px){.mosaic-cell,.support-card,.article-header,.content-block,.hero-box,.hero-media,.article-lead-media{transform:none!important}}
@media (min-width:1024px){.site-nav{display:flex}.menu-toggle{display:none}.cookie-content{flex-direction:row;align-items:center;justify-content:space-between}.cookie-actions{flex-shrink:0}}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}