/* Scouting De Hoeve - statische site, gebaseerd op de huisstijl van Scouting Nederland */
:root{
  --sn-red:#e2001a; --sn-blue:#005ea8; --sn-yellow:#ffdd00; --sn-green:#009036;
  --sn-orange:#f29400; --sn-purple:#93117e; --ink:#20252a; --muted:#66717a;
  --paper:#fff; --soft:#f3f6f7; --line:#dfe5e8; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:var(--sn-blue);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar{background:#17222a;color:white;font-size:.9rem}.topbar .wrap{min-height:36px;display:flex;align-items:center;justify-content:flex-end;gap:22px}.topbar a{color:white}
.site-header{background:#fff;position:relative;z-index:5;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.branding{display:flex;align-items:center;gap:20px;padding:14px 0}.brand-logo{width:94px;height:94px;object-fit:contain;flex:0 0 auto}.brand-title{font-family:Impact,Arial Black,Arial,sans-serif;font-size:2rem;letter-spacing:.02em;color:var(--sn-red);text-transform:uppercase;line-height:1}.tagline{margin-top:6px;font-weight:bold;color:#44515a}
.nav{background:var(--sn-blue);border-bottom:5px solid var(--sn-yellow)}.nav .wrap{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav a{color:#fff;padding:14px 17px;font-weight:bold}.nav a:hover,.nav a.active{background:rgba(255,255,255,.14);text-decoration:none}.nav .cta{margin-left:auto;background:var(--sn-red)}
.hero{min-height:470px;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(0,30,55,.72),rgba(0,30,55,.22)),url('../img/header.png');background-size:cover;background-position:center}
.hero .wrap{padding:76px 0}.hero-card{max-width:690px;color:white}.hero h1,.page-banner h1,h2{font-family:Impact,Arial Black,Arial,sans-serif;letter-spacing:.015em}.hero h1{font-size:clamp(2.6rem,7vw,5.1rem);line-height:.95;margin:0 0 16px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero p{font-size:1.3rem;max-width:590px}.button{display:inline-block;background:var(--sn-red);color:white!important;font-weight:bold;padding:12px 20px;border-radius:3px;border:0}.button:hover{text-decoration:none;filter:brightness(.94)}
.section{padding:66px 0}.section.alt{background:var(--soft)}.section h2{font-size:2.25rem;margin:0 0 26px;color:var(--sn-blue);text-transform:uppercase}.section h3{margin-top:0}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value,.card{background:#fff;border-top:7px solid var(--sn-green);box-shadow:0 3px 15px rgba(20,45,60,.09);padding:25px}.value:nth-child(2){border-color:var(--sn-blue)}.value:nth-child(3){border-color:var(--sn-red)}
.branches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.branch{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);padding:20px;min-height:155px;box-shadow:0 4px 16px rgba(20,45,60,.07);transition:.16s transform,.16s box-shadow}.branch:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(20,45,60,.13);text-decoration:none}.branch-logo-wrap{width:105px;height:105px;flex:0 0 105px;border-radius:50%;background:#eef3f5;display:grid;place-items:center;overflow:hidden}.branch-logo-wrap img{width:100%;height:100%;object-fit:cover}.branch-fallback{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;font-size:1.05rem;text-align:center;color:#fff;width:100%;height:100%;display:grid;place-items:center;padding:7px}.bevers .branch-fallback{background:var(--sn-red)}.welpen .branch-fallback,.shanti .branch-fallback{background:var(--sn-green)}.scouts .branch-fallback{background:var(--sn-orange)}.explorers .branch-fallback{background:var(--sn-purple)}.stam .branch-fallback{background:var(--sn-blue)}.branch h3{font-size:1.4rem;margin:0 0 5px;color:var(--ink)}.branch p{margin:0;color:var(--muted)}
.stripe{height:10px;background:linear-gradient(90deg,var(--sn-red) 0 16.66%,var(--sn-blue) 16.66% 33.33%,var(--sn-yellow) 33.33% 50%,var(--sn-green) 50% 66.66%,var(--sn-orange) 66.66% 83.33%,var(--sn-purple) 83.33%)}
.page-banner{min-height:255px;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(0,50,85,.83),rgba(0,50,85,.38)),url('../img/header.png');background-size:cover;background-position:center 42%;color:#fff}.page-banner .wrap{padding:55px 0 38px}.page-banner h1{font-size:clamp(2.2rem,5vw,4rem);margin:0;text-transform:uppercase}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px}.content-layout article h2{font-size:1.85rem;margin-top:38px}.sidebar{background:var(--soft);padding:24px;border-top:7px solid var(--sn-green);align-self:start}.sidebar h3{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;color:var(--sn-blue);font-size:1.35rem}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:14px}.subnav a{padding:9px 13px;font-weight:bold;color:#34424c}.subnav a:hover,.subnav a.active{background:var(--sn-blue);color:white;text-decoration:none}
.info-block{border-left:6px solid var(--sn-blue);padding:3px 0 3px 18px;margin:28px 0}.info-block h3{color:var(--sn-blue)}
.program-table{width:100%;border-collapse:collapse;margin-top:24px}.program-table th{background:var(--sn-blue);color:white;text-align:left;padding:12px}.program-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.program-table tr:nth-child(even) td{background:#f8fafb}
.leaders{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:28px}.leader{display:grid;grid-template-columns:145px 1fr;gap:20px;background:#fff;border:1px solid var(--line);padding:20px;box-shadow:0 3px 14px rgba(20,45,60,.06)}.leader-photo{aspect-ratio:1/1;border-radius:50%;background:linear-gradient(135deg,#d7dee2,#f2f5f6);border:5px solid #fff;box-shadow:0 0 0 3px var(--sn-green);display:grid;place-items:center;text-align:center;color:#687782;font-weight:bold;font-size:.85rem;padding:12px}.leader h3{margin:4px 0;color:var(--sn-blue);font-size:1.22rem}.role{font-weight:bold;color:var(--sn-red);margin:0 0 10px}.leader p:last-child{margin-bottom:0}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery .gallery-card{min-height:190px;display:flex;align-items:end;padding:14px;color:white;font-weight:bold;background-size:cover;background-position:center;position:relative}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer{background:#16232b;color:#eaf0f2;padding:50px 0 34px;border-top:8px solid var(--sn-green)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.footer h3{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff}.footer a{color:#fff}.footer-logo{width:100px;float:left;margin:0 20px 12px 0}.legal{clear:both;padding-top:24px;margin-top:28px;border-top:1px solid rgba(255,255,255,.16);font-size:.85rem;color:#b8c4ca}
.asset-note{font-size:.86rem;color:#6b7780;background:#fff9dc;border-left:5px solid var(--sn-yellow);padding:11px 14px;margin:18px 0}
@media (max-width:900px){.values,.branches{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr}.leaders{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav .cta{margin-left:0}}
@media (max-width:600px){.topbar .wrap{justify-content:center;flex-wrap:wrap;padding:7px 0;gap:5px 14px}.branding{padding:10px 0}.brand-logo{width:72px;height:72px}.brand-title{font-size:1.45rem}.tagline{font-size:.86rem}.nav .wrap{display:grid;grid-template-columns:1fr 1fr}.nav a{text-align:center;padding:11px 8px}.hero{min-height:390px}.section{padding:44px 0}.values,.branches,.cards-2,.footer-grid{grid-template-columns:1fr}.branch{min-height:130px}.branch-logo-wrap{width:86px;height:86px;flex-basis:86px}.leader{grid-template-columns:1fr}.leader-photo{max-width:160px}.gallery{grid-template-columns:1fr}.page-banner{min-height:210px}}