/* CaniCo kracht: leiderschap uitstralen (designronde 2026-10-14).
   Uitschakelen: zet de regel 'canico-kracht' in canico-design.php in commentaar. */

/* Typografie: grotere titels, strakker */
.section-title { font-size: clamp(2.1rem, 4.2vw, 3.3rem) !important; line-height: 1.1 !important; letter-spacing: -.01em; }
.section-eyebrow { display: inline-flex; align-items: center; gap: .7rem; }
/* 23/10/2026: streepje voor de kleine titels weg (keuze Annelies). Terug: vervang door content:""; width:28px; height:2px; background:currentColor; flex:none; */
.section-eyebrow::before { display: none; }
.blok-midden .section-eyebrow, .fotoband .section-eyebrow { justify-content: center; }
.section-intro, .blok p { font-size: 1.08rem; }

/* Meer ruimte */
.blok { padding: 7.5rem 2rem; }

/* Knoppen: groter en zelfzekerder */
.btn-primary, .btn-ghost, .btn-ghost-dark, .btn-outline-groen { font-size: .92rem !important; padding: 1.05rem 2rem !important; letter-spacing: .08em; }

/* Home: lichte hero, grote titel, filmpje met zachte donkere waas */
body.home .hero-h1 { font-size: clamp(2.8rem, 5.2vw, 4.8rem) !important; line-height: 1.04 !important; }
body.home .hero-left .hero-sub { font-size: 1.12rem; }
.hero-right video.hero-right-foto { width: 100%; height: 100%; object-fit: cover; display: block; background: var(--groen-donker); }
body.home .hero-right-overlay { background: linear-gradient(to bottom, rgba(0,0,0,0) 72%, rgba(0,40,32,.5) 100%) !important; }

/* Paginahero's: groter */
.pagina-hero { padding: 10rem 2rem 6rem; }
.pagina-hero .hero-h1 { font-size: clamp(2.6rem, 5vw, 4.4rem) !important; line-height: 1.05 !important; }
.cc-foto[src$=".mp4"], video.cc-foto { background: var(--groen-donker); }

/* Fotoband: brede foto met één grote zin */
.fotoband { position: relative; min-height: 72vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 6rem 2rem; background-size: cover; background-position: center; background-attachment: fixed; }
.fotoband::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0,53,43,.5), rgba(0,53,43,.72)); z-index: 0; }
.fotoband > * { position: relative; z-index: 1; }
.fotoband .missie-inner, .fotoband .blok-inner { max-width: 920px; margin: 0 auto; }
.fotoband .missie-quote, .fotoband .section-title, .fotoband h2, .fotoband p.kernvraag-vraag { color: var(--creme) !important; font-size: clamp(2.2rem, 5vw, 4.2rem) !important; line-height: 1.1 !important; }
.fotoband p, .fotoband .missie-sub, .fotoband p.kernvraag-intro { color: rgba(248,247,239,.9) !important; font-size: 1.15rem; }
.fotoband .section-eyebrow { color: #ffc49e !important; }
.fotoband strong { color: #ffc49e; }

@media (max-width: 900px) {
	.blok { padding: 5rem 1.25rem; }
	.pagina-hero { padding: 7.5rem 1.25rem 4rem; }
	.fotoband { background-attachment: scroll; min-height: 60vh; padding: 5rem 1.25rem; }
}
.fotoband p.scene-slot { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.2rem) !important; color: var(--creme) !important; }
.fotoband p.scene { border-left-color: rgba(248,247,239,.55) !important; }

/* Eén kleurfilter voor alle filmpjes: iets meer contrast, ingetogen kleur (filmisch) */
video, .beeldstrook img { filter: contrast(1.1) saturate(.8) brightness(.96) sepia(.06); }

/* Beeldstrook op de home: Annelies in beeld */
.beeldstrook { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; background: var(--groen-donker); }
.beeldstrook > * { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
@media (max-width: 700px) { .beeldstrook { grid-template-columns: repeat(2, 1fr); } }
.beeldstrook.studio { background: #000; }
.beeldstrook.studio img { filter: contrast(1.05) saturate(.9); }