/* Sport ruimte — pagina-specifieke stijlen */
/* hero */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;margin-top:-90px;padding-top:90px}
.hero::after{content:"";position:absolute;right:-40px;top:-30px;z-index:0;width:min(40vw,460px);height:min(28vw,300px);background-image:radial-gradient(circle,var(--gold) 2px,transparent 2.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 120% at 100% 0%,#000 6%,transparent 62%);mask-image:radial-gradient(120% 120% at 100% 0%,#000 6%,transparent 62%);opacity:.14;pointer-events:none}
.hero .wrap{position:relative;z-index:1;padding-block:clamp(44px,6vw,88px)}
.hero-copy{max-width:760px}
.crumb{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:var(--muted-d);margin-bottom:22px}
.crumb a:hover{color:#fff}
.crumb svg{width:14px;height:14px;opacity:.6}
.crumb .cur{color:var(--gold-soft)}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.5rem);letter-spacing:-.01em;line-height:1.08;margin:16px 0 0}
.hero .lede{margin-top:22px;font-size:1.15rem;color:#DCE7F2;max-width:52ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

/* gallery */
.gal-head{max-width:640px;margin-bottom:clamp(30px,4vw,48px)}
.gal-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-top:14px}
.gal-head .lede{margin-top:14px;color:var(--muted);font-size:1.08rem}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.g{position:relative;overflow:hidden;border-radius:var(--r);box-shadow:var(--shadow-md);isolation:isolate;background:#0A1626}
.g img{position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.g:hover img{transform:scale(1.05)}
.g .ov{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(7,16,28,.7),transparent 52%);opacity:0;transition:opacity .3s}
.g:hover .ov{opacity:1}
.g .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px;color:#fff;font-weight:600;font-size:.92rem;transform:translateY(6px);opacity:0;transition:transform .3s,opacity .3s;pointer-events:none}
.g:hover .cap{transform:none;opacity:1}
/* spans — simple mosaic */
.g.wide{grid-column:span 4}
.g.tall{grid-column:span 2;grid-row:span 2}
.g.half{grid-column:span 2}
.g.third{grid-column:span 2}
.g::before{content:"";display:block;padding-top:66%}
.g.tall::before{padding-top:0}
@media(max-width:820px){
  .gallery{grid-template-columns:repeat(2,1fr)}
  .g.wide,.g.tall,.g.half,.g.third{grid-column:span 1;grid-row:auto}
  .g.tall::before{padding-top:66%}
}

/* section head + FAQ */
.section-head{max-width:760px}
.section-head h2{font-size:clamp(1.9rem,4vw,3rem);margin-top:16px}
.section-head .lede{margin-top:16px;color:var(--muted);font-size:1.1rem;max-width:58ch}
.faq-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,64px);align-items:start}
.faq-list{display:flex;flex-direction:column;gap:12px}
.fq{border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.fq[open]{border-color:rgba(200,160,60,.5);box-shadow:var(--shadow-sm)}
.fq summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-d);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.fq summary::-webkit-details-marker{display:none}
.fq summary .ic{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--green);transition:transform .25s,background .25s,color .25s}
.fq[open] summary .ic{transform:rotate(45deg);background:var(--gold);color:#fff}
.fq summary .ic svg{width:15px;height:15px}
.fq .a{padding:0 22px 22px;color:var(--muted);font-size:.98rem;line-height:1.58}
.faq{background:var(--paper-2)}
@media(max-width:820px){.faq-inner{grid-template-columns:1fr;gap:8px}}

/* CTA */
.cta{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.cta .glow{position:absolute;inset:auto auto -45% 50%;transform:translateX(-50%);width:70vw;height:70vw;max-width:720px;max-height:720px;background:radial-gradient(circle,var(--gold),transparent 70%);filter:blur(140px);opacity:.2;border-radius:50%;pointer-events:none}
.cta-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:660px;margin-inline:auto}
.cta .eyebrow{color:#E7D9A6}.cta .eyebrow::before{background-image:radial-gradient(circle,var(--gold-soft) 1.7px,transparent 2.1px)}
.cta h2{font-size:clamp(2rem,4.4vw,3.1rem);text-wrap:balance}
.cta p{color:var(--muted-d);font-size:1.12rem;max-width:46ch}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:4px}
.cta-info{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin-top:6px;color:var(--muted-d);font-size:.95rem}
.cta-info a{display:inline-flex;align-items:center;gap:8px}.cta-info a:hover{color:#fff}
.cta-info svg{width:16px;height:16px;color:var(--gold-soft)}