/* ==========================================================================
   Martijn Terneusen – basis & site-chrome
   ========================================================================== */
:root{
	--mt-red:#DD2C27;
	--mt-red-hover:#E63939;
	--mt-black:#0E0E0E;
	--mt-ink:#1A1A1A;
	--mt-muted:#666666;
	--mt-soft:#F4F4F4;
	--mt-line:#E3E3E3;
	--mt-white:#FFFFFF;
	--mt-font:'Barlow',Arial,Helvetica,sans-serif;
	--mt-font-display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
	--mt-container:1240px;
	--mt-gutter:48px;
}
@media (max-width:767px){:root{--mt-gutter:20px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--mt-white);color:var(--mt-ink);font-family:var(--mt-font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--mt-red)}
a:hover{color:var(--mt-red-hover)}
h1,h2,h3,h4,h5,h6{font-family:var(--mt-font-display);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.95;color:inherit;margin:0 0 .5em}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.mt-skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--mt-red);color:#fff;padding:8px 14px}
.mt-skip-link:focus{left:8px}
:focus-visible{outline:3px solid var(--mt-red);outline-offset:3px}

.mt-container{max-width:calc(var(--mt-container) + var(--mt-gutter)*2);margin:0 auto;padding:0 var(--mt-gutter)}
.mt-content-area{padding-top:64px;padding-bottom:80px}
.mt-page-title{font-size:clamp(40px,6vw,72px)}
.mt-entry{max-width:760px}

/* ---------- Header ---------- */
.mt-site-header{position:sticky;top:0;z-index:50;background:var(--mt-black);color:#fff}
.admin-bar .mt-site-header{top:32px}
@media (max-width:782px){.admin-bar .mt-site-header{top:46px}}
.mt-site-header__inner{max-width:calc(var(--mt-container) + var(--mt-gutter)*2);margin:0 auto;padding:0 var(--mt-gutter);height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mt-logo{font-family:var(--mt-font-display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:26px;letter-spacing:.02em;color:#fff;text-decoration:none;white-space:nowrap}
.mt-logo span{color:var(--mt-red)}
.mt-logo:hover{color:#fff}
.mt-logo__img{max-height:44px;width:auto}
.mt-menu{list-style:none;margin:0;padding:0;display:flex;gap:30px}
.mt-menu a{font-family:var(--mt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:15px;color:#fff;text-decoration:none}
.mt-menu a:hover,.mt-menu .current-menu-item>a{color:var(--mt-red)}
.mt-burger{display:none;background:none;border:0;width:34px;height:26px;position:relative;cursor:pointer;color:#fff}
.mt-burger::before,.mt-burger::after{content:"";position:absolute;left:3px;right:3px;height:3px;background:currentColor;transition:transform .2s}
.mt-burger::before{top:6px;box-shadow:0 7px 0 currentColor}
.mt-burger::after{bottom:3px}
.mt-burger[aria-expanded="true"]::before{top:11px;transform:rotate(45deg);box-shadow:none}
.mt-burger[aria-expanded="true"]::after{bottom:12px;transform:rotate(-45deg)}
@media (max-width:767px){
	.mt-site-header__inner{height:60px}
	.mt-burger{display:block}
	.mt-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--mt-black);padding:10px var(--mt-gutter) 24px;border-top:3px solid var(--mt-red)}
	.mt-nav.is-open{display:block}
	.mt-menu{flex-direction:column;gap:14px}
	.mt-menu a{font-size:20px}
}

/* ---------- Footer ---------- */
.mt-site-footer{background:#000;color:#9a9a9a;font-size:14px}
.mt-site-footer__inner{max-width:calc(var(--mt-container) + var(--mt-gutter)*2);margin:0 auto;padding:22px var(--mt-gutter);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mt-footer-menu{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.mt-footer-menu a{color:#9a9a9a;text-decoration:none}
.mt-footer-menu a:hover{color:#fff}

/* ---------- Blog-lijst (fallback) ---------- */
.mt-post-list{display:grid;gap:28px;margin-top:24px}
.mt-post-card{border-top:2px solid var(--mt-black);padding-top:16px}
.mt-post-card__title{font-size:32px;margin-bottom:4px}
.mt-post-card__title a{color:var(--mt-ink);text-decoration:none}
.mt-post-card__meta{font-size:14px;color:var(--mt-muted);margin-bottom:8px}

/* ---------- 404 ---------- */
.mt-404{background:var(--mt-black);color:#fff;padding:120px 0}
.mt-tag-text{display:inline-block;font-family:var(--mt-font-display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:14px;background:var(--mt-red);padding:6px 14px}
.mt-button{display:inline-flex;align-items:center;background:var(--mt-red);color:#fff;text-decoration:none;font-family:var(--mt-font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:12px 22px;transform:skewX(-10deg)}
.mt-button>span{display:inline-block;transform:skewX(10deg)}
.mt-button:hover{background:var(--mt-red-hover);color:#fff}