/* RotterFemme brand surfaces: black for stage, ivory for information, red for invitation. */
:root{--rf-surface-soft:#ead9c2;--rf-ink-soft:#3f302a;--rf-ink-muted:#6d5a4c}
#about-me.section{background:var(--cream);color:var(--black)}
#about-me.section .intro-grid p{color:var(--rf-ink-soft)}
#about-me.section .pillars span{border-color:var(--muted);color:var(--rf-ink-soft)}
#about-classes.section.dark{background:var(--cream);color:var(--black)}
#about-classes.section.dark .section-heading>p{display:block;color:var(--rf-ink-muted)}
#about-classes.section.dark .offer{border-color:var(--muted);background:var(--rf-surface-soft);color:var(--black);position:relative;overflow:hidden}
#about-classes.section.dark .offer:after{content:'';position:absolute;inset:auto -20% -45% auto;width:13rem;height:13rem;border-radius:50%;background:var(--red);opacity:.08;transition:transform .45s ease,opacity .45s ease}
#about-classes.section.dark .offer.featured{background:var(--rf-surface-soft);color:var(--black);border-color:var(--muted)}
#about-classes.section.dark .offer:hover,#about-classes.section.dark .offer:focus-within{background:var(--wine);color:var(--cream);border-color:var(--red);transform:translateY(-10px)}
#about-classes.section.dark .offer:hover:after,#about-classes.section.dark .offer:focus-within:after{transform:scale(1.7);opacity:.22}
#about-classes.section.dark .offer p{color:var(--rf-ink-muted)}
#about-classes.section.dark .offer.featured p{color:var(--rf-ink-muted)}
#about-classes.section.dark .offer:hover p,#about-classes.section.dark .offer:focus-within p,#about-classes.section.dark .offer:hover .offer-meta,#about-classes.section.dark .offer:focus-within .offer-meta{color:var(--cream)}
#about-classes.section.dark .offer:hover .button.ghost,#about-classes.section.dark .offer:focus-within .button.ghost{border-color:var(--cream);color:var(--cream)}
#about-classes.section.dark .offer:hover .button.ghost:hover,#about-classes.section.dark .offer:focus-within .button.ghost:focus-visible{background:var(--cream);color:var(--black)}
#about-classes.section.dark .offer-meta{color:var(--crimson)}
#about-classes.section.dark .offer.featured .offer-meta{color:var(--red)}
#faq.section.dark{background:var(--wine)}
.archive-teaser{background:var(--rf-surface-soft)}
#about-classes .section-heading{grid-template-columns:1.25fr .75fr;align-items:end;max-width:72rem}
#about-classes .section-heading h2{font-size:clamp(4rem,8vw,8rem)}
#about-classes .offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#about-classes .offer,#about-classes .offer.featured,#about-classes .offer:not(.featured){min-height:27rem;margin-top:0}
@media(max-width:1000px){#about-classes .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#about-classes .section-heading{grid-template-columns:1fr}#about-classes .offer-grid{grid-template-columns:1fr}#about-classes .offer:not(.featured){margin-top:0}}
@media(max-width:800px){#about-classes.section .section-heading>p{display:block}}
#about-classes .programme-panel>*,#about-classes .single-class-booking>*,#about-classes .offer-list article,#about-classes .pricing-grid>div{min-width:0}
@media(max-width:800px){.hero video{display:none}.hero{background:linear-gradient(90deg,#050000d9,#0500007a),url('assets/stage.webp') center/cover}}