/*
Theme Name: Henri van Hoeck Media
Author: Henri van Hoeck Media
Version: 1.0
Description: Redesign based directly on the 11 August 2026 WordPress export. Existing WordPress content, pages, categories and permalinks are rendered by WordPress.
*/
:root{--bg:#070a0f;--panel:#10161f;--panel2:#151d27;--text:#f6f7f9;--muted:#a9b3c1;--line:rgba(255,255,255,.10);--accent:#ff6138;--accent2:#ffad48;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(255,97,56,.12),transparent 30%),linear-gradient(180deg,#070a0f,#0a1017);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,10,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}.brand img{max-height:52px;width:auto}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#111;font-weight:1000}.menu{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.menu a,.menu li a{display:block;padding:9px 11px;border-radius:10px;color:#cbd3de;font-size:.9rem}.menu a:hover,.menu .current-menu-item a{background:#fff;color:#0a0d12}.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:5px}
.hero{padding:76px 0 60px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.kicker{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#d4dbe4;background:rgba(255,255,255,.035);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}h1{font-size:clamp(3rem,7vw,6.6rem);line-height:.92;letter-spacing:-.07em;margin:20px 0}h2{letter-spacing:-.04em;line-height:1.05}.hero p{max-width:690px;color:var(--muted);font-size:1.08rem}.hero-card{min-height:400px;border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#1b2430,#0d1219);overflow:hidden;position:relative}.hero-card:before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,56,.32),transparent 65%)}.hero-card>*{position:relative}.hero-card .ghost{position:absolute;right:20px;top:10px;font-size:7rem;font-weight:1000;opacity:.08}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;padding:11px 16px;border-radius:12px;border:1px solid var(--line);font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;border:0}
.section{padding:30px 0 70px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{font-size:2rem;margin:0}.section-head p{color:var(--muted);margin:5px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:20px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}.card h3{margin:9px 0 4px}.card p{color:var(--muted);margin:0}.icon{font-size:1.7rem}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post{padding:0;overflow:hidden}.thumb{height:210px;background:linear-gradient(135deg,#1b2632,#0f151d);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.post-body{padding:18px}.tag{color:#ffad48;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.post-body h3{font-size:1.15rem}.post-body small{color:#7f8b99}
.page-head{padding:60px 0 28px}.crumb{color:#7f8b99;font-size:.85rem}.page-head h1{font-size:clamp(2.6rem,5vw,5rem);margin:12px 0}.page-head p{color:var(--muted);max-width:760px}.content{padding:15px 0 70px}.content-inner{max-width:940px;margin:auto;background:rgba(16,22,31,.75);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,42px)}.content-inner a{color:#ffad48;text-decoration:underline}.content-inner h2,.content-inner h3{margin-top:30px}.content-inner iframe{max-width:100%}.content-inner img{border-radius:12px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
footer{border-top:1px solid var(--line);padding:32px 0;color:#7f8b99}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.grid,.posts,.archive-grid{grid-template-columns:repeat(2,1fr)}.menu{display:none}}
@media(max-width:600px){.container{width:calc(100% - 24px)}.grid,.posts,.archive-grid{grid-template-columns:1fr}h1{font-size:3.2rem}.hero{padding-top:50px}}