/*
Theme Name: FS1 Club – Klassiek
Version: 1.0.1
Description: Licht clubthema met vaste opbouw, zonder pagebuilder.
*/
:root{--ink:#17201e;--paper:#f5f3ed;--red:#bf2924;--muted:#59625c;--line:#d8d9d0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%;height:auto}header{background:var(--paper);border-bottom:1px solid var(--line)}.wrap{max-width:1280px;margin:auto;padding:0 5vw}.top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0}.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.badge{background:var(--red);color:white;font-size:25px;letter-spacing:-2px;font-weight:900;padding:6px 15px;transform:skew(-7deg)}.brand strong{display:block;font-size:15px;letter-spacing:.07em}.brand small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}nav{display:flex;gap:25px;font-size:14px;font-weight:650}nav a{text-decoration:none}nav a:hover{color:var(--red)}.preview{background:var(--ink);color:#e0e4db;padding:6px;text-align:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.12fr;min-height:580px}.hero-copy{padding:65px max(5vw,calc((100vw - 1152px)/2)) 65px 5vw;align-self:center}.eyebrow{color:var(--red);text-transform:uppercase;font-size:12px;letter-spacing:.19em;font-weight:800}.hero .eyebrow{color:#f48e75}h1{font-size:clamp(40px,5.4vw,77px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 27px;max-width:800px}h2{font-size:clamp(27px,3vw,43px);line-height:1.15;letter-spacing:-.04em}h3{font-size:24px;line-height:1.3}.hero p{color:#c5cec6;max-width:440px;font-size:18px}.hero-image{position:relative;overflow:hidden}.hero-image img{height:100%;width:100%;object-fit:cover;position:absolute}.hero-image:after{content:'UIT HET CLUBARCHIEF · TOERTOCHT 2019';position:absolute;bottom:22px;left:24px;background:#17201ee0;color:white;padding:6px 13px;font-size:10px;letter-spacing:.12em}.button{display:inline-block;background:var(--red);color:white;padding:13px 23px;text-decoration:none;font-weight:700;font-size:14px;margin:14px 9px 0 0;border:1px solid var(--red)}.button.secondary{background:transparent;border-color:#7a897c}.strip{border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:35px;font-size:13px;font-weight:650}.section{padding:70px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px}.intro p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{border-top:3px solid var(--red);background:#eaece3;padding:30px;display:flex;flex-direction:column}.card p{color:var(--muted);font-size:15px;flex:1}.card a{font-weight:750;text-decoration:none}.card .number{color:var(--muted);font-size:12px}.article{max-width:850px;margin:auto;padding:65px 5vw 85px}.article h1{font-size:clamp(38px,5vw,64px)}.content img{border-radius:2px;max-height:640px;object-fit:contain}.content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:14px}.content td{padding:8px;border-bottom:1px solid var(--line)}.content a{color:#a01e19;overflow-wrap:anywhere}.content{overflow-wrap:anywhere}.content p{margin:1.3em 0}.archive-note{border-left:3px solid var(--red);padding:10px 20px;background:#eaece3;font-size:14px;color:var(--muted)}footer{background:var(--ink);color:#cbd2c9;padding:40px 0;font-size:13px}.foot{display:flex;justify-content:space-between;gap:30px}footer a{color:white}.mobile{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:10;padding:10px}@media(max-width:900px){nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr 1fr;min-height:500px}.hero-copy{padding:45px 5vw}h1{font-size:55px}}@media(max-width:700px){.top{padding:18px 0}nav{display:none}.mobile{display:block;font-size:14px}.mobile summary{cursor:pointer;padding:10px}.mobile .menu{position:absolute;z-index:3;left:0;right:0;background:var(--paper);padding:25px;display:grid;gap:12px;border-bottom:1px solid var(--line)}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 6vw}h1{font-size:49px}.hero-image{height:310px}.intro,.cards{grid-template-columns:1fr;gap:22px}.section{padding:45px 0}.strip{flex-wrap:wrap;gap:10px 25px}.foot{flex-direction:column}.article{padding-top:40px}.brand strong{font-size:12px}.brand small{font-size:10px}.preview{font-size:9px}}

/* Responsive component sizing: wrap long headings, not the viewport. */
h1,.card h3{overflow-wrap:anywhere}
.card{min-width:0}
@media(max-width:700px){
 .top{gap:16px}
 .mobile{flex-shrink:0}
 .brand,.brand>span:last-child{min-width:0}
 .badge{flex-shrink:0}
 .mobile summary{min-height:44px}
 .mobile .menu a{min-height:44px;display:flex;align-items:center}
 .content li>a{display:inline-flex;align-items:center;min-height:44px}
 .content .fs1-members-list>li>a{display:flex}
}

/* FS1 migrated archive layout */
.content{overflow-wrap:anywhere}.content table{max-width:100%}.content .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:16px}.content .gallery>h3,.content .gallery>.pagenavigation,.content .gallery>.galleryclear{grid-column:1/-1}.content .gallery .img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}.content .gallery .img a{display:block}.content .gallery .img a:focus{outline:3px solid var(--red)}