/* Ryanne Romberg — één stylesheet, zelfde volgorde als de zeven losse CSS-bestanden */

/* === style.css === */
/* Ryanne Romberg — ryanneromberg.nl */

:root {
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --sage-light: #e4ebe0;
  --sage-mid: #c8d4c4;
  --sage-soft: #dce6d8;
  --color-cream: #f4f1ea;
  --color-bg: #eef2eb;
  --color-bg-alt: #e8efe9;
  --color-text: #141414;
  --color-muted: #5c6358;
  --color-accent: #6b7d62;
  --color-sage-deep: #3d4f42;
  --color-line: rgba(61, 79, 66, 0.12);
  --site-max: 1360px;
  --max-width: var(--site-max);
  --max-width-wide: var(--site-max);
  --space: clamp(1.25rem, 3.5vw, 2.25rem);
  --radius: 4px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  color: var(--color-text);
  background-color: var(--color-cream);
}

/* —— Sectie-achtergronden: scroll-ritme —— */

.section--scene {
  position: relative;
  overflow: hidden;
}

.section-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.section-scene__layer {
  position: absolute;
  inset: -18%;
}

.section-scene__layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate3d(0, var(--scene-y, 0px), 0) scale(var(--scene-scale, 1.1));
  will-change: transform;
}

.section-scene__layer--hero img {
  object-position: 50% 36%;
  filter: saturate(0.88);
}

.section-scene__layer--blog img {
  object-position: center 50%;
  filter: saturate(0.82) blur(1px);
}

.section-scene__veil {
  position: absolute;
  inset: 0;
}

.section-scene__veil--hero {
  background: linear-gradient(
    180deg,
    rgba(244, 241, 234, 0.48) 0%,
    rgba(244, 241, 234, 0.72) 50%,
    rgba(244, 241, 234, 0.94) 100%
  );
}

.section-scene__veil--blog {
  background: linear-gradient(
    180deg,
    rgba(232, 239, 229, 0.7) 0%,
    rgba(238, 242, 235, 0.88) 100%
  );
}

.section--light {
  background: var(--color-cream);
}

.section--light.section--alt {
  background: #faf8f4;
}

.section--sage-soft {
  background: var(--color-bg-alt);
}

.section--scene .hero__inner,
.section--scene .section__inner {
  position: relative;
  z-index: 1;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 0.75rem 1rem;
  background: var(--color-text);
  color: var(--color-bg);
}

.skip-link:focus {
  left: var(--space);
  top: var(--space);
}

/* —— Header —— */

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(244, 241, 234, 0.92);
  backdrop-filter: blur(10px);
}

.site-header__inner {
  max-width: var(--site-max);
  margin: 0 auto;
  padding: 0.9rem var(--space);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.logo {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  color: inherit;
  text-decoration: none;
}

.logo--stacked {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.1;
}

.logo--stacked .logo__line {
  display: block;
}

.logo:hover {
  color: var(--color-accent);
}

.nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem 1.1rem;
}

.nav a {
  color: var(--color-muted);
  text-decoration: none;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
}

.nav a:hover,
.nav a:focus-visible {
  color: var(--color-accent);
}

/* —— Typography —— */

.streamer {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: clamp(1.65rem, 4.2vw, 2.35rem);
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: var(--color-text);
  margin: 0;
}

.streamer--hero {
  font-size: clamp(1.85rem, 5vw, 2.75rem);
  line-height: 1.2;
  max-width: 18ch;
}

.streamer--closing {
  margin-top: 1.75rem;
  font-style: italic;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  color: var(--color-accent);
}

.section-title {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 1.25rem;
}

.prose p {
  margin: 0 0 1.1rem;
}

.prose p:last-child {
  margin-bottom: 0;
}

.pull-quote {
  margin: 2rem 0 0;
  padding: 0 0 0 1.25rem;
  border-left: 2px solid var(--color-accent);
}

.pull-quote p {
  font-family: var(--font-serif);
  font-size: clamp(1.2rem, 2.5vw, 1.45rem);
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 0.75rem;
  color: var(--color-text);
}

.pull-quote p:last-child {
  margin-bottom: 0;
}

/* —— Layout —— */

.hero.section--scene {
  min-height: min(88vh, 820px);
  display: flex;
  align-items: flex-end;
  padding: clamp(3.5rem, 12vw, 7rem) var(--space) clamp(2.5rem, 8vw, 4.5rem);
}

.hero.hero--sub.section--scene {
  min-height: auto;
  display: block;
  padding: clamp(2.5rem, 8vw, 4rem) var(--space) clamp(1.5rem, 4vw, 2rem);
}

.hero {
  padding: clamp(3.5rem, 12vw, 7rem) var(--space) clamp(2.5rem, 8vw, 4.5rem);
}

.hero__inner {
  max-width: var(--site-max);
  margin: 0 auto;
}

.section {
  padding: clamp(2.75rem, 7vw, 4.5rem) var(--space);
}

.section--alt:not(.section--light) {
  background: var(--color-bg-alt);
}

.section__inner {
  max-width: var(--site-max);
  margin: 0 auto;
}

.hero__name {
  margin: 1.75rem 0 0.35rem;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.hero__sub {
  margin: 0;
  font-size: 0.9375rem;
  color: var(--color-muted);
}

.section__inner--narrow {
  max-width: var(--site-max);
}

.section__intro {
  margin: -0.5rem 0 2rem;
  max-width: 42rem;
  color: var(--color-muted);
  font-size: 0.9875rem;
}

/* —— Blog —— */

.section--blog {
  border-top: none;
}

.blog-header {
  max-width: var(--site-max);
  margin: 0 auto 2rem;
}

.blog-more {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.95rem;
}

.blog-more a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-footer a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-entry {
  margin: 0;
  padding: 1.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.62);
  border-radius: var(--radius);
  border: 1px solid var(--color-line);
}

.blog-list {
  max-width: var(--site-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.blog-entry:first-child {
  border-top: 1px solid var(--color-line);
}

.blog-entry:last-child {
  border-bottom: 1px solid var(--color-line);
}

.blog-entry__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: clamp(1.125rem, 2.2vw, 1.3125rem);
  line-height: 1.35;
  margin: 0 0 0.65rem;
}

.blog-entry__meta {
  margin: 0 0 0.75rem;
  font-size: 0.8125rem;
  color: var(--color-muted);
}

.blog-entry__excerpt {
  margin: 0;
  color: var(--color-text);
}

.blog-entry__full {
  margin: 1rem 0 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.35s ease;
}

.blog-entry__full p {
  margin: 0 0 1rem;
}

.blog-entry__full p:last-child {
  margin-bottom: 0;
}

.blog-entry.is-open .blog-entry__full {
  max-height: 2000px;
  opacity: 1;
}

.prose-read-more__full {
  margin: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.35s ease;
}

.prose-read-more__full p {
  margin: 0 0 1.1rem;
}

.prose-read-more__full p:last-child {
  margin-bottom: 0;
}

.prose-read-more__full .pull-quote {
  margin-top: 2rem;
}

.prose-read-more__full .streamer--closing {
  margin-top: 1.75rem;
}

.prose-read-more.is-open .prose-read-more__full {
  max-height: 4000px;
  opacity: 1;
  margin-top: 0;
}

.prose-read-more__toggle {
  display: inline-block;
  margin-top: 0.85rem;
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.prose-read-more__toggle:hover,
.prose-read-more__toggle:focus-visible {
  color: var(--color-text);
}

.blog-entry__toggle {
  display: inline-block;
  margin-top: 0.85rem;
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-accent);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-entry__toggle:hover,
.blog-entry__toggle:focus-visible {
  color: var(--color-text);
}

.blog-noscript {
  color: var(--color-muted);
  font-size: 0.9375rem;
}

/* —— Contact & footer —— */

.section--contact {
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

.contact-email {
  margin: 1.25rem 0 0;
}

.contact-email a {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.contact-block {
  margin-top: 0;
}

.contact-hours {
  margin: 1.25rem 0 0;
  padding: 0;
}

.contact-hours__row {
  display: grid;
  grid-template-columns: minmax(10rem, 1fr) auto;
  gap: 0.5rem 2rem;
  margin: 0 0 0.35rem;
}

.contact-hours__row dt,
.contact-hours__row dd {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
}

.contact-hours__row dd {
  text-align: right;
  white-space: nowrap;
}

.contact-hours__row--online {
  margin-top: 0.65rem;
}

@media (max-width: 30rem) {
  .contact-hours__row {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }

  .contact-hours__row dd {
    text-align: left;
  }
}

.site-footer {
  border-top: 1px solid var(--color-line);
  padding: 1.25rem var(--space);
  background: var(--color-cream);
}

.site-footer__inner {
  max-width: var(--site-max);
  margin: 0 auto;
}

.site-footer p {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-muted);
}

/* —— Responsive —— */

@media (max-width: 640px) {
  .site-header__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav ul {
    justify-content: flex-start;
  }

  .streamer--hero {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .blog-entry__full,
  .prose-read-more__full {
    transition: none;
  }

  .section-scene__layer img {
    transform: scale(1.1) !important;
    will-change: auto;
  }
}

/* === style-ademen.css === */
/* Optie 2: Ademende lagen — alleen op .layout-ademen */

.layout-ademen {
  background-color: var(--color-cream);
  /*
   * Responsive offsets: op groot scherm de bewuste “uit het kader”-positie,
   * op smal scherm naar 0 zodat niets buiten het venster valt.
   */
  --quote-outset: clamp(0px, calc((100vw - 22rem) / 4), 150px);
  --quote-lift: clamp(0px, calc((100vw - 18rem) / 8), 50px);
  --hero-vertical-ratio: 0.36;
}

html:has(.layout-ademen) {
  scroll-padding-top: calc(var(--header-height, 4.25rem) + 1.5rem);
}

.layout-ademen #intro,
.layout-ademen #wat-doe-ik,
.layout-ademen #wie-ben-ik,
.layout-ademen #van-binnenuit,
.layout-ademen #wat-brengt-het,
.layout-ademen #contact {
  scroll-margin-top: calc(var(--header-height, 4.25rem) + 1.5rem);
}

.layout-ademen .sage-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.layout-ademen .sage-bg__layer {
  position: absolute;
  inset: -22%;
}

.layout-ademen .sage-bg__layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transform: translate3d(0, var(--layer-y, 0px), 0) scale(var(--layer-scale, 1.08));
}

.layout-ademen .sage-bg__layer--deep img {
  filter: blur(22px) saturate(0.72);
  opacity: 0.42;
  object-position: center 45%;
}

.layout-ademen .sage-bg__layer--mid img {
  filter: saturate(0.88);
  opacity: 0.55;
  object-position: center 40%;
}

.layout-ademen .sage-bg__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(244, 241, 234, 0.5) 0%,
    rgba(244, 241, 234, 0.78) 45%,
    rgba(238, 242, 235, 0.88) 100%
  );
}

.layout-ademen .site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.layout-ademen .site-header .nav a {
  text-shadow: 0 1px 12px rgba(244, 241, 234, 0.9);
}

.layout-ademen .site-header__inner--nav-only {
  justify-content: flex-end;
}

.layout-ademen main {
  position: relative;
  z-index: 3;
  padding-top: var(--header-height, 4.25rem);
}

.layout-ademen .site-footer {
  position: relative;
  z-index: 3;
}

.layout-ademen .logo {
  font-size: 1.05rem;
}

.layout-ademen .nav a {
  font-size: 1.05rem;
  letter-spacing: 0.03em;
  color: var(--color-text);
}

.layout-ademen .section {
  padding: clamp(1rem, 3vw, 2rem) var(--space) clamp(3rem, 8vw, 5.5rem);
  background: transparent;
}

.layout-ademen .section--contact {
  padding-bottom: clamp(3.5rem, 9vw, 6rem);
}

.layout-ademen .section__panel {
  position: relative;
  z-index: 1;
  max-width: var(--site-max);
  margin: 0 auto;
  padding: clamp(4rem, 11vw, 6.5rem) clamp(1.25rem, 4vw, 2rem);
  background: rgba(244, 241, 234, 0.94);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(42, 38, 34, 0.04);
}

.layout-ademen .section--alt .section__panel {
  background: rgba(250, 248, 244, 0.9);
}

.layout-ademen .section--sage-soft .section__panel {
  background: rgba(232, 239, 229, 0.9);
}

.layout-ademen .section__panel--blog .blog-entry {
  background: rgba(255, 255, 255, 0.72);
}

/* Vaste hero-tekst: links, iets buiten kader, verticaal tussen header en eerste blok */
.layout-ademen .hero-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
}

.layout-ademen .hero-fixed__frame {
  max-width: var(--site-max);
  margin: 0 auto;
  padding: 0 var(--space);
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}

.layout-ademen .hero-fixed__copy {
  text-align: left;
  text-shadow: 0 1px 24px rgba(244, 241, 234, 0.85);
  transform: translateX(calc(-1 * var(--quote-outset)));
  transform-origin: left center;
  max-width: calc(100vw - var(--space) * 2);
  box-sizing: border-box;
}

.layout-ademen .hero-name {
  display: inline-flex;
  flex-direction: column;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: clamp(1.25rem, 0.9rem + 1.4vw, 1.85rem);
  line-height: 1.08;
  letter-spacing: 0.02em;
  color: var(--color-text);
  text-decoration: none;
  margin: 0 0 clamp(1.5rem, 4vw, 2.75rem);
  pointer-events: auto;
}

.layout-ademen .hero-name:hover {
  color: var(--color-accent);
}

.layout-ademen .hero-name .logo__line {
  display: block;
}

.layout-ademen .streamer--hero-fixed {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: clamp(1.2rem, 0.75rem + 3.5vw, 3.1rem);
  line-height: 1.12;
  letter-spacing: 0.01em;
  color: var(--color-text);
  margin: 0;
  max-width: 100%;
}

.layout-ademen .hero-fixed__line {
  display: block;
  white-space: nowrap;
}

.layout-ademen .hero__sub--fixed {
  margin: clamp(0.65rem, 2vw, 1.1rem) 0 0;
  text-align: left;
  max-width: min(20em, 100%);
  font-size: clamp(1rem, 0.6rem + 1.5vw, 1.35rem);
  font-weight: 400;
  line-height: 1.35;
  color: #000;
}

.layout-ademen .hero-scroll-spacer {
  min-height: calc(min(62vh, 580px) + 200px);
  pointer-events: none;
}

/* Intro: iets hoger tegen de hero; overige secties delen dezelfde panel-/tekstmarges */
.layout-ademen .section--intro-lead {
  margin-top: clamp(-6rem, -14vh, -3rem);
}

/* Veel ruimte vóór een kop, ná de laatste alinea */
.layout-ademen .section__inner--narrow > .section-title {
  margin-top: clamp(4rem, 11vw, 6.5rem);
  margin-bottom: 0.85rem;
}

.layout-ademen .section__inner--narrow > .section-title:first-child {
  margin-top: 0;
}

.layout-ademen #wat-doe-ik.section-title {
  margin-top: calc(clamp(4rem, 11vw, 6.5rem) + 50px);
}

/* Streamer tussen witte panelen */
.layout-ademen #intro.section,
.layout-ademen #wie-ben-ik.section,
.layout-ademen #van-binnenuit.section {
  padding-bottom: 0;
}

.layout-ademen #van-binnenuit-title.section-title {
  margin-top: 0;
  font-weight: 300;
  letter-spacing: 0;
}

.layout-ademen #van-binnenuit .blog-entry__title {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  font-weight: 400;
}

.layout-ademen #van-binnenuit .blog-header {
  max-width: none;
  margin-bottom: 2rem;
}

.layout-ademen .panel-gap--streamer {
  padding-top: calc(clamp(2.5rem, 8vw, 5rem) + clamp(2rem, 12vw, 100px));
  padding-bottom: calc(clamp(2.5rem, 8vw, 5rem) + clamp(2rem, 12vw, 100px));
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  overflow: visible;
}

.layout-ademen .panel-gap__inner {
  max-width: var(--site-max);
  margin: 0 auto;
  padding: 0 var(--space);
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}

.layout-ademen .pull-quote--between-panels {
  margin: 0;
  width: 100%;
  max-width: calc(100vw - var(--space) * 2);
  padding: clamp(0.85rem, 2.5vw, 2rem) 0;
  border-left: none;
  text-shadow: 0 1px 18px rgba(244, 241, 234, 0.85);
  transform: translateX(calc(-1 * var(--quote-outset)));
  transform-origin: left center;
  box-sizing: border-box;
}

.layout-ademen .pull-quote--between-panels p {
  font-family: var(--font-serif);
  font-size: clamp(1.05rem, 0.55rem + 2.8vw, 2.55rem);
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
  color: var(--color-text);
  margin: 0 0 0.85rem;
}

.layout-ademen .pull-quote--between-panels p:first-child {
  transform: translateY(calc(-1 * var(--quote-lift)));
}

.layout-ademen .pull-quote--between-panels p:last-child {
  margin-bottom: 0;
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
  transform: translateX(var(--quote-outset)) translateY(var(--quote-lift));
}

.layout-ademen .pull-quote--between-panels--solo {
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
}

.layout-ademen .pull-quote--between-panels--solo p:only-child {
  margin: 0;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  text-align: left;
  transform: none;
}

.layout-ademen .panel-gap--streamer-center .panel-gap__inner {
  justify-content: center;
  padding-left: var(--space);
  padding-right: var(--space);
}

.layout-ademen .panel-gap--streamer-center .pull-quote--between-panels {
  transform: none;
  text-align: center;
}

.layout-ademen .panel-gap--streamer-center .pull-quote--between-panels p,
.layout-ademen .panel-gap--streamer-center .pull-quote--between-panels p:only-child {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  transform: none;
  line-height: 1.15;
}

.layout-ademen .section--after-gap {
  padding-top: 0;
}

.layout-ademen .section__inner--narrow > .section-title:first-child + .prose > p:first-child {
  margin-top: 2.75rem;
}

.layout-ademen .section--blog .blog-header .section__intro {
  margin-top: 2.75rem;
}

.over-ryanne-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 32%);
  gap: clamp(1.5rem, 3vw, 2.75rem);
  align-items: start;
  margin-bottom: clamp(2.5rem, 6vw, 4rem);
}

.over-ryanne-layout--solo {
  margin-bottom: 0;
}

.over-ryanne-layout__photo {
  margin: 0;
}

.over-ryanne-layout__photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.over-ryanne-layout__caption {
  margin: 0.55rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--color-muted);
  text-align: center;
}

@media (max-width: 62rem) {
  .over-ryanne-layout {
    grid-template-columns: 1fr;
    gap: clamp(1.25rem, 4vw, 2rem);
  }

  .over-ryanne-layout__photo {
    max-width: min(100%, 360px);
  }
}

.layout-ademen .site-footer {
  background: rgba(244, 241, 234, 0.82);
  backdrop-filter: blur(10px);
}

.layout-ademen .layout-switch {
  margin-bottom: 0.35rem;
}

.layout-ademen .layout-switch a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* —— Responsive: alles in beeld —— */

@media (max-width: 62rem) {
  .layout-ademen .hero-fixed__line {
    white-space: normal;
  }

  .layout-ademen .hero-fixed__frame {
    padding-left: var(--space);
    padding-right: var(--space);
  }

  .layout-ademen .hero-fixed__copy {
    transform: none;
    max-width: 100%;
  }

  .layout-ademen .pull-quote--between-panels {
    transform: none;
    max-width: 100%;
  }

  .layout-ademen .pull-quote--between-panels p:last-child {
    width: 100%;
    margin-left: 0;
    text-align: left;
    transform: none;
  }

  .layout-ademen .pull-quote--between-panels p:first-child {
    transform: none;
  }
}

@media (max-width: 40rem) {
  .layout-ademen .panel-gap__inner {
    padding-left: var(--space);
    padding-right: var(--space);
  }

  .layout-ademen .pull-quote--between-panels p:last-child {
    width: 100%;
  }

  .layout-ademen .hero-scroll-spacer {
    min-height: calc(min(52vh, 480px) + clamp(4rem, 18vw, 120px));
  }
}

@media (max-width: 30rem) {
  .layout-ademen .streamer--hero-fixed {
    font-size: clamp(1.05rem, 5.5vw, 1.45rem);
    line-height: 1.2;
  }

  .layout-ademen .pull-quote--between-panels p {
    font-size: clamp(0.95rem, 4.2vw, 1.2rem);
    line-height: 1.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .layout-ademen .sage-bg__layer img {
    transform: scale(1.08) !important;
    will-change: auto;
  }
}

/* === style-ademen-3.css === */
/* Ademende lagen — variant 3 (startpunt: zelfde als volle breedte) */

.layout-ademen-3 .sage-bg__layer--mid {
  display: none;
}

.layout-ademen-3 .sage-bg__layer--deep img {
  filter: saturate(1.02);
  opacity: 0.92;
  object-position: center 42%;
}

.layout-ademen-3 .sage-bg__layer--leaf {
  inset: auto;
  top: -150px;
  left: 80%;
  width: min(42vw, 480px);
  height: auto;
  transform: translateX(-50%);
  z-index: 1;
}

.layout-ademen-3 .sage-bg__layer--leaf img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: none;
  opacity: 0.78;
  transform: translate3d(0, var(--layer-y, 0px), 0) scale(var(--layer-scale, 2));
  transform-origin: top center;
}

.layout-ademen-3 .sage-bg__scrim {
  background: linear-gradient(
    180deg,
    rgba(244, 241, 234, 0.35) 0%,
    rgba(244, 241, 234, 0.62) 45%,
    rgba(238, 242, 235, 0.78) 100%
  );
}

.layout-ademen-3 .section {
  padding-left: 0;
  padding-right: 0;
}

.layout-ademen-3 .panel-gap--streamer {
  padding-left: 0;
  padding-right: 0;
}

.layout-ademen-3 .panel-gap__inner {
  padding-right: var(--space);
}

@media (prefers-reduced-motion: reduce) {
  .layout-ademen-3 .sage-bg__layer--leaf img {
    transform: scale(2) !important;
    will-change: auto;
  }
}

.layout-ademen-3 .section__panel {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  box-shadow: none;
}

/* Saliebos tussen intro en Wat doe ik? — onder tekst, links uitstekend */
.layout-ademen-3 #intro .section__panel,
.layout-ademen-3 #intro .section__inner--narrow {
  overflow: visible;
}

.layout-ademen-3 #intro .section__panel {
  padding-top: clamp(2.75rem, 7vw, 4.5rem);
  padding-bottom: clamp(2.75rem, 7vw, 4.5rem);
}

.layout-ademen-3 .intro-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  width: 100%;
  margin: 0;
  padding: 0;
}

.layout-ademen-3 .intro-column .section-title,
.layout-ademen-3 #intro .intro-column #wat-doe-ik.section-title {
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  line-height: 1.2;
  margin: 0 0 0.65rem;
  min-height: 3.75em;
}

.layout-ademen-3 .intro-column .prose p:first-child {
  margin-top: 0;
}

@media (max-width: 62rem) {
  .layout-ademen-3 .intro-columns {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 5vw, 3rem);
  }

  .layout-ademen-3 .intro-column .section-title,
  .layout-ademen-3 #intro .intro-column #wat-doe-ik.section-title {
    min-height: 0;
  }

  .layout-ademen-3 .section__panel {
    padding-left: var(--space);
    padding-right: var(--space);
  }

  .layout-ademen-3 .panel-gap__inner {
    padding-left: var(--space);
    padding-right: var(--space);
  }

  .layout-ademen-3 .site-header__inner {
    padding-left: var(--space);
    padding-right: var(--space);
  }
}

.layout-ademen-3 .sage-bush-gap {
  position: absolute;
  top: clamp(-9rem, -22vw, -5rem);
  left: 0;
  margin: 0;
  z-index: 0;
  pointer-events: none;
}

.layout-ademen-3 .sage-bush-gap img {
  display: block;
  width: min(62vw, 460px);
  height: auto;
  transform: translateX(clamp(-16rem, -32vw, -4rem));
  opacity: 0.9;
}

@media (max-width: 48rem) {
  .layout-ademen-3 .sage-bush-gap img {
    width: min(48vw, 300px);
    transform: translateX(clamp(-5rem, -10vw, 0px));
  }
}

@media (max-width: 30rem) {
  .layout-ademen-3 .sage-bush-gap img {
    width: min(40vw, 200px);
    transform: none;
  }
}

/* === style-aqua-ademen.css === */
/* Aqua salie achtergrond — variant Samenkomen (converge) */

.layout-aqua {
  background-color: #fff;
  --aqua-anchor-y: 22%;
}

.layout-aqua .aqua-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
}

.layout-aqua .aqua-converge {
  position: fixed;
  inset: 0;
  z-index: 0;
  margin: 0;
}

.layout-aqua .aqua-converge__layer {
  position: fixed;
  top: var(--aqua-anchor-y, 15%);
  left: 50%;
  z-index: 1;
  width: min(72vw, 560px);
  margin: 0;
  transform: translate(-50%, -50%) translate3d(var(--spread-x, 0px), var(--spread-y, 0px), 0);
  will-change: transform;
  mix-blend-mode: multiply;
}

.layout-aqua .aqua-converge__layer--top {
  z-index: 3;
  width: min(58vw, 420px);
}

.layout-aqua .aqua-converge__layer--2 {
  z-index: 2;
}

.layout-aqua .aqua-converge__layer img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.55;
  mix-blend-mode: multiply;
}

@media (prefers-reduced-motion: reduce) {
  .layout-aqua .aqua-converge__layer {
    transform: translate(-50%, -50%) !important;
    will-change: auto;
  }
}

/* === style-sk2.css === */
/* SK2-variant — intro: verlangen in panel, werkwijze + voor wie eronder transparant */

.layout-sk2 {
  --sk2-inset-x: clamp(1.25rem, 4vw, 2rem);
  --sk2-block-beige: #f2efeb;
  --sk2-block-mint: #e9f5f0;
  --sk2-contact-bar-bg: #cce5da;
  --sk2-title-deep: #1f6b4a;
  --sk2-title-fresh: #2d9a78;
  --sk2-section-gap: 175px;
  --hero-vertical-ratio: 0.5;
  --font-serif: "DM Sans", var(--font-body), sans-serif;
}

.layout-sk2.layout-aqua {
  background-color: #f8f6f4;
}

.layout-sk2 .soc-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: transparent;
  background-image: url("../backgrounds/RR_nerven.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: 0.65;
}

.layout-sk2.layout-aqua .aqua-bg {
  z-index: 1;
  background: transparent;
  isolation: auto;
}

.layout-sk2 .section-title,
.layout-sk2 .hero-name,
.layout-sk2 .hero__sub--fixed,
.layout-sk2 .blog-entry__title,
.layout-sk2 .streamer--hero-fixed {
  font-family: "DM Sans", var(--font-body), sans-serif;
}

.layout-sk2 .pull-quote p {
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-style: italic;
  color: var(--color-text);
  font-size: clamp(1.05rem, 0.55rem + 2.8vw, 2.55rem);
  line-height: 1.4;
}

.layout-sk2 .prose,
.layout-sk2 .section__intro,
.layout-sk2 .blog-entry__meta,
.layout-sk2 .blog-entry__excerpt,
.layout-sk2 .blog-entry__full,
.layout-sk2 .contact-block,
.layout-sk2 .contact-hours,
.layout-sk2 .blog-more,
.layout-sk2 .blog-entry__toggle,
.layout-sk2 .prose-read-more__toggle {
  font-size: 1.05rem;
  line-height: 1.7;
}

.layout-sk2 .site-header {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.layout-sk2 .site-header.site-header--hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

.layout-sk2 .site-header__inner {
  padding-top: clamp(1.25rem, 2.8vw, 1.85rem);
  padding-bottom: clamp(1.25rem, 2.8vw, 1.85rem);
}

.layout-sk2 .site-header .logo {
  text-shadow: 0 1px 12px rgba(244, 241, 234, 0.9);
  font-size: clamp(1.2rem, 0.95rem + 0.9vw, 1.75rem);
  line-height: 1.08;
}

.layout-sk2 .site-header .nav a {
  font-size: clamp(1rem, 0.925rem + 0.3vw, 1.125rem);
}

.layout-sk2 main {
  padding-top: 0;
}

.layout-sk2 .hero-fixed {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: 2;
  pointer-events: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: clamp(1.25rem, 3.25vw, 2rem);
}

.layout-sk2 .hero-scroll-spacer {
  min-height: clamp(5rem, 14vh, 7.5rem);
}

.layout-sk2 .section--intro-lead {
  margin-top: 0;
}

.layout-sk2 #intro {
  position: relative;
  z-index: 3;
}

.layout-sk2 .hero-fixed__frame {
  padding-left: var(--sk2-inset-x);
  padding-right: var(--sk2-inset-x);
}

.layout-sk2 .hero-fixed__copy {
  transform: none;
}

.layout-sk2 .hero-name {
  font-size: clamp(1.4rem, 1.05rem + 1.65vw, 2.1rem);
  margin-bottom: clamp(0.875rem, 2.5vw, 1.75rem);
}

.layout-sk2 .hero__sub--fixed {
  font-size: clamp(1.125rem, 0.75rem + 1.65vw, 1.5rem);
  max-width: none;
  white-space: nowrap;
}

.layout-sk2 .streamer--hero-fixed {
  color: #3db87a;
  font-size: clamp(1.56rem, 0.975rem + 4.55vw, 4.03rem);
}

.layout-sk2 #intro .section__panel {
  border-top: none;
  border-bottom: none;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  max-width: var(--site-max);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3.25rem) var(--sk2-inset-x) 0;
}

.layout-sk2 #intro .section__inner--narrow {
  max-width: none;
  margin: 0;
  padding: 0;
}

.layout-sk2 #intro .intro-panels {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  margin-bottom: calc(clamp(4rem, 12vw, 175px) + 70px);
}

.layout-sk2 #intro .intro-werkwijze,
.layout-sk2 #intro .intro-voor-wie-stack {
  flex: 0 1 660px;
  width: min(660px, calc(50% - clamp(0.625rem, 1.25vw, 1rem)));
  max-width: 660px;
  min-width: 0;
}

.layout-sk2 #intro .intro-voor-wie-stack {
  display: block;
  box-sizing: border-box;
}

.layout-sk2 #intro .intro-voor-wie-stack .intro-voor-wie {
  width: 100%;
}

.layout-sk2 #intro .intro-panel-block {
  width: 100%;
  margin: 0;
  padding: clamp(2.25rem, 6vw, 3.25rem);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(42, 38, 34, 0.04);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.layout-sk2 #intro .intro-lead-bar {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #fff;
  padding: clamp(2.25rem, 6vw, 3.25rem) var(--sk2-inset-x);
  margin-bottom: 220px;
  box-sizing: border-box;
}

.layout-sk2 #intro .intro-lead {
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
}

.layout-sk2 #intro .intro-werkwijze {
  background: #f2efeb;
}

.layout-sk2 #intro .intro-voor-wie {
  background: #e9f5f0;
}

.layout-sk2 #intro .intro-werkwijze .section-title,
.layout-sk2 #intro .intro-voor-wie .section-title {
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  line-height: 1.2;
  margin: 0 0 clamp(1.75rem, 4vw, 2.75rem);
}

.layout-sk2 #intro .intro-werkwijze .section-title {
  color: #1f6b4a;
}

.layout-sk2 #intro .intro-voor-wie .section-title {
  color: #2d9a78;
}

.layout-sk2 #intro .intro-werkwijze #wat-doe-ik.section-title,
.layout-sk2 #intro .intro-voor-wie #voor-wie.section-title {
  margin-top: 0;
}

.layout-sk2 #intro .intro-lead .section-title {
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  line-height: 1.2;
  margin: 0 0 clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #1f6b4a;
}

.layout-sk2 .section-title:not(#intro-title) {
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.layout-sk2 #intro .intro-lead .prose p:first-child {
  margin-top: 0;
}

.layout-sk2 #intro .intro-werkwijze .prose p:first-child,
.layout-sk2 #intro .intro-voor-wie .prose p:first-child {
  margin-top: 0;
}

.layout-sk2 #intro .intro-werkwijze .prose p:last-child,
.layout-sk2 #intro .intro-voor-wie .prose p:last-child {
  margin-bottom: 0;
}

.layout-sk2 #intro .intro-quote.panel-gap--streamer {
  margin-top: 0;
  padding-top: max(1.25rem, 40px);
  padding-bottom: 245px;
}

.layout-sk2 #wat-brengt-het .sk2-streamer.panel-gap--streamer {
  margin-top: 0;
  padding-top: max(1.25rem, 40px);
  padding-bottom: 175px;
}

.layout-sk2 #intro .intro-quote .pull-quote--between-panels {
  padding-top: 0;
  padding-bottom: 0;
  transform: none;
  text-align: center;
  max-width: min(900px, 100%);
  margin: 0 auto;
}

.layout-sk2 #intro .intro-quote .pull-quote--between-panels p,
.layout-sk2 #intro .intro-quote .pull-quote--between-panels p:only-child {
  transform: none;
  text-align: center;
  margin: 0 auto;
}

.layout-sk2 #intro .intro-quote .panel-gap__inner {
  justify-content: center;
  padding-left: var(--sk2-inset-x);
  padding-right: var(--sk2-inset-x);
}

/* —— Secties onder intro —— */

.layout-sk2 .sk2-section {
  position: relative;
  z-index: 1;
  padding: 0;
}

.layout-sk2 .sk2-section__outer {
  max-width: var(--site-max);
  margin: 0 auto;
  padding: 0 var(--sk2-inset-x);
}

.layout-sk2 .sk2-section + .sk2-section .sk2-section__outer {
  padding-top: var(--sk2-section-gap);
}

.layout-sk2 .sk2-streamer + .sk2-section .sk2-section__outer {
  padding-top: 0;
}

.layout-sk2 .sk2-block {
  padding: clamp(2.25rem, 6vw, 3.25rem);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(42, 38, 34, 0.04);
}

.layout-sk2 .sk2-dual-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 660px));
  justify-content: space-between;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  align-items: stretch;
  margin-bottom: clamp(4rem, 12vw, 175px);
}

.layout-sk2 .sk2-panel-block {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: clamp(2.25rem, 6vw, 3.25rem);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(42, 38, 34, 0.04);
}

.layout-sk2 .sk2-panel-block--beige {
  background: var(--sk2-block-beige);
}

.layout-sk2 .sk2-panel-block--mint {
  background: var(--sk2-block-mint);
}

.layout-sk2 .sk2-panel-block .section-title {
  margin-top: 0;
}

.layout-sk2 .sk2-panel-block__photo {
  margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
}

.layout-sk2 .prose-read-more__full .sk2-panel-block__photo {
  margin: clamp(1.25rem, 3vw, 1.75rem) 0 0;
}

.layout-sk2 .sk2-panel-block__photo img {
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  border-radius: var(--radius);
}

.layout-sk2 .sk2-panel-block .prose p:first-child {
  margin-top: 0;
}

.layout-sk2 #van-binnenuit .blog-entry {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.layout-sk2 #van-binnenuit .blog-entry:first-child,
.layout-sk2 #van-binnenuit .blog-entry:last-child {
  border: none;
}

.layout-sk2 #van-binnenuit .blog-entry__title {
  color: var(--sk2-title-deep);
  font-weight: 500;
}

.layout-sk2 #van-binnenuit .blog-more {
  margin-top: clamp(1.25rem, 3vw, 1.75rem);
  text-align: left;
}

.layout-sk2 #van-binnenuit .blog-more a {
  color: var(--sk2-title-deep);
}

.layout-sk2 .sk2-block + .sk2-block {
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
}

.layout-sk2 .sk2-block--beige {
  background: var(--sk2-block-beige);
}

.layout-sk2 .sk2-block--mint {
  background: var(--sk2-block-mint);
}

.layout-sk2 .sk2-block__title {
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  line-height: 1.2;
  margin: 0 0 clamp(1.75rem, 4vw, 2.75rem);
  color: var(--sk2-title-deep);
}

.layout-sk2 .sk2-block__title--fresh {
  color: var(--sk2-title-fresh);
}

.layout-sk2 .sk2-block .prose p:first-child {
  margin-top: 0;
}

.layout-sk2 .sk2-wonder-layout {
  display: grid;
  grid-template-columns: 460px minmax(0, 480px);
  gap: clamp(1.5rem, 3vw, 2.75rem);
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

.layout-sk2 .sk2-wonder-layout__photos {
  position: relative;
  width: 460px;
  min-height: 500px;
  margin: 0;
  transform: translate(-28px, 20px);
}

.layout-sk2 .sk2-wonder-layout__img {
  display: block;
  width: 260px;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(42, 38, 34, 0.08);
  opacity: 0;
  transition: opacity 1.05s ease, transform 1.05s ease;
  will-change: opacity, transform;
}

.layout-sk2 .sk2-wonder-layout__img--secondary {
  position: relative;
  z-index: 1;
  width: 340px;
  transform: translate(-36px, 12px);
  transition-delay: 0s;
}

.layout-sk2 .sk2-wonder-layout__img--primary {
  position: absolute;
  left: 200px;
  top: 195px;
  right: auto;
  bottom: auto;
  z-index: 2;
  transform: translate(36px, 28px);
  transition-delay: 0.22s;
}

.layout-sk2 .sk2-wonder-layout__photos.is-inview .sk2-wonder-layout__img--secondary,
.layout-sk2 .sk2-wonder-layout__photos.is-inview .sk2-wonder-layout__img--primary {
  opacity: 1;
  transform: translate(0, 0);
}

.layout-sk2 .sk2-wonder-layout__text {
  max-width: 480px;
  width: 100%;
}

.layout-sk2 .sk2-btn {
  display: inline-block;
  margin-top: 1.25rem;
  padding: 0.65rem 1.35rem;
  border: none;
  border-radius: 999px;
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

.layout-sk2 .sk2-btn--fresh {
  background: var(--sk2-title-fresh);
  color: #fff;
}

.layout-sk2 .sk2-btn--fresh:hover,
.layout-sk2 .sk2-btn--fresh:focus-visible {
  background: var(--sk2-title-deep);
  color: #fff;
  outline: none;
  transform: translateY(-1px);
}

.layout-sk2 .sk2-btn--deep {
  background: var(--sk2-title-deep);
  color: #fff;
}

.layout-sk2 .sk2-btn--deep:hover,
.layout-sk2 .sk2-btn--deep:focus-visible {
  background: #185a3a;
  color: #fff;
  outline: none;
  transform: translateY(-1px);
}

.layout-sk2 .sk2-contact-bar {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: clamp(1rem, 2.5vw, 1.75rem);
  margin-bottom: 0;
  background: var(--sk2-contact-bar-bg);
  border-top: none;
  padding: clamp(1.75rem, 5vw, 2.75rem) var(--sk2-inset-x);
  box-sizing: border-box;
}

.layout-sk2 .sk2-contact-bar__inner {
  max-width: var(--site-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: start;
}

.layout-sk2 .sk2-contact-bar__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.layout-sk2 .sk2-contact-bar__title {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 45px;
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: clamp(1.15rem, 1.1rem + 1.2vw, 2rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.layout-sk2 .sk2-contact-bar__intro {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
}

.layout-sk2 .sk2-contact-bar__email {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--sk2-title-deep);
  text-decoration: none;
  white-space: nowrap;
}

.layout-sk2 .sk2-contact-bar__email:hover,
.layout-sk2 .sk2-contact-bar__email:focus-visible {
  color: #185a3a;
  text-decoration: underline;
  text-underline-offset: 3px;
  outline: none;
}

.layout-sk2 .sk2-contact-bar__hours {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin: 45px auto 0;
  padding: 0;
  width: fit-content;
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  justify-items: start;
  text-align: left;
}

.layout-sk2 .sk2-contact-bar__hours .contact-hours__row {
  display: grid;
  grid-template-columns: minmax(11rem, 1fr) auto;
  align-items: baseline;
  gap: 0.5rem 1.5rem;
  margin: 0;
  width: 100%;
}

.layout-sk2 .sk2-contact-bar__hours .contact-hours__row--online {
  grid-column: auto;
}

.layout-sk2 .sk2-contact-bar__hours dt {
  margin: 0;
  font-weight: 500;
  color: var(--sk2-title-deep);
}

.layout-sk2 .sk2-contact-bar__hours dd {
  margin: 0;
  text-align: left;
  white-space: nowrap;
}

.layout-sk2 .sk2-contact-bar__copy {
  grid-column: 1 / -1;
  margin: calc(clamp(1.375rem, 3.5vw, 2rem) + 35px) 0 0;
  padding-top: 0;
  border-top: none;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--color-muted);
  text-align: center;
}

.layout-sk2 .section--contact.sk2-section {
  padding-bottom: 0;
}

.layout-sk2 #wat-brengt-het .sk2-contact-bar {
  margin-top: clamp(1.25rem, 3.5vw, 2.25rem);
}

.layout-sk2 .sk2-streamer .pull-quote--between-panels {
  transform: none;
  text-align: center;
  max-width: min(900px, 100%);
  margin: 0 auto;
  padding: 0;
}

.layout-sk2 .sk2-streamer .pull-quote--between-panels p,
.layout-sk2 .sk2-streamer .pull-quote--between-panels p:only-child {
  margin: 0;
  transform: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.layout-sk2 .sk2-streamer.panel-gap--streamer {
  margin: 0;
}

.layout-sk2 .sk2-streamer .panel-gap__inner {
  background: transparent;
  border-top: none;
  backdrop-filter: none;
}

.layout-sk2 .section--sage-soft {
  background: transparent;
}

.layout-sk2 .intro-follow {
  position: relative;
  z-index: 1;
  max-width: var(--site-max);
  margin: clamp(2rem, 5vw, 3rem) auto 0;
  padding: 0 var(--sk2-inset-x);
  background: transparent;
}

.layout-sk2 .intro-follow__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(1.25rem, 2.5vw, 2rem);
}

.layout-sk2 .intro-follow__columns--solo {
  grid-template-columns: minmax(0, 660px);
}

.layout-sk2 .intro-follow__column .section-title {
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  line-height: 1.2;
  margin: 0 0 0.65rem;
}

.layout-sk2 #intro .intro-follow #voor-wie.section-title {
  margin-top: 0;
}

.layout-sk2 .intro-follow__column .prose {
  text-shadow: 0 1px 18px rgba(244, 241, 234, 0.85);
}

.layout-sk2 .intro-follow__column .prose p:first-child {
  margin-top: 0;
}

@media (max-width: 30rem) {
  .layout-sk2 .streamer--hero-fixed {
    font-size: clamp(1.365rem, 7.15vw, 1.885rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .layout-sk2 .site-header {
    transition: none;
  }

  .layout-sk2 .sk2-wonder-layout__img {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}

@media (max-width: 62rem) {
  .layout-sk2 {
    --sk2-inset-x: var(--space);
  }

  .layout-sk2 .hero__sub--fixed {
    white-space: normal;
  }

  .layout-sk2 .intro-follow__columns {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 5vw, 3rem);
  }

  .layout-sk2 #intro .intro-panels {
    flex-direction: column;
  }

  .layout-sk2 #intro .intro-werkwijze,
  .layout-sk2 #intro .intro-voor-wie-stack {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
  }

  .layout-sk2 #intro .intro-voor-wie-stack {
    padding-top: 0 !important;
  }

  .layout-sk2 .sk2-dual-panels {
    grid-template-columns: 1fr;
  }

  .layout-sk2 #intro .intro-lead {
    max-width: 100%;
  }

  .layout-sk2 #intro .intro-lead-bar {
    margin-bottom: clamp(3rem, 10vw, 220px);
  }

  .layout-sk2 .sk2-wonder-layout {
    grid-template-columns: minmax(0, 480px);
    width: 100%;
    justify-items: center;
    gap: clamp(1.25rem, 4vw, 2rem);
  }

  .layout-sk2 .sk2-wonder-layout__photos {
    width: min(460px, 100%);
    min-height: 420px;
    margin-inline: auto;
    transform: translate(-16px, 14px);
  }

  .layout-sk2 .sk2-wonder-layout__img--secondary {
    width: min(340px, 88vw);
  }

  .layout-sk2 .sk2-wonder-layout__img--primary {
    width: min(260px, 68vw);
    left: min(200px, 38vw);
    top: min(195px, 41vw);
  }

  .layout-sk2 .sk2-wonder-layout__text {
    width: 100%;
    max-width: 480px;
  }

  .layout-sk2 .sk2-contact-bar__inner {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .layout-sk2 .sk2-contact-bar__hours {
    max-width: 100%;
    justify-items: start;
  }

  .layout-sk2 .sk2-contact-bar__hours .contact-hours__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .layout-sk2 .sk2-contact-bar__title {
    width: auto;
    white-space: normal;
    font-size: clamp(1.25rem, 4.5vw, 1.7rem);
  }
}

/* === style-sk3.css === */
/* SK3 — Over Ryanne hub: teaser + stem + blog → diepte op over.html */

.layout-sk3 {
  --font-serif: "dolly-new", "Cormorant Garamond", "Times New Roman", serif;
  --sk3-footer-bg: #1f6b4a;
  --sk3-footer-text: #eef8f2;
}

/* Bodytekst Arial; koppen blijven DM Sans / Inter (niet SK4/SK5). */
.layout-sk3:not(.layout-sk4):not(.layout-sk5) {
  --font-body: Arial, Helvetica, sans-serif;
}

.layout-sk3 .pull-quote p {
  font-family: var(--font-serif);
  font-weight: 300;
  font-synthesis: weight;
}

.layout-sk3 #intro .intro-quote .pull-quote p {
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 400;
  font-synthesis: none;
}

.layout-sk3 .sk3-over__voice p {
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 400;
  font-synthesis: none;
  font-style: italic;
}

.layout-sk3 .pull-quote--between-panels p {
  font-weight: 300;
}

.layout-sk3 .sk2-wonder-layout {
  grid-template-columns: 460px minmax(0, 580px);
}

.layout-sk3 .sk2-wonder-layout__text {
  max-width: 580px;
}

.layout-sk3 .sk3-about-hub {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  margin-bottom: clamp(5.5rem, 14vw, 220px);
}

.layout-sk3 .sk3-about-hub__main,
.layout-sk3 .sk3-about-hub__blog {
  flex: 0 1 660px;
  width: min(660px, calc(50% - clamp(0.625rem, 1.25vw, 1rem)));
  max-width: 660px;
  min-width: 0;
  height: auto;
  align-self: stretch;
  box-sizing: border-box;
}

.layout-sk3 .sk3-about-hub__main {
  display: flex;
  flex-direction: column;
}

.layout-sk3 .sk3-about-hub__intro {
  flex: 1 1 auto;
}

.layout-sk3 #intro .intro-lead .section-title {
  color: #2fa86c;
}

.layout-sk3 .sk3-about-hub__intro .section-title {
  margin-bottom: clamp(1rem, 2.5vw, 1.5rem);
  color: #3db87a;
}

.layout-sk3 .sk3-about-hub__intro .prose p {
  max-width: none;
}

.layout-sk3 .sk3-about-hub__cta {
  margin: clamp(1.25rem, 3vw, 1.75rem) 0 0;
}

.layout-sk3 .sk3-about-hub__cta .sk2-btn {
  display: inline-flex;
  text-decoration: none;
}

.layout-sk3 .sk3-about-hub__main.sk2-panel-block--beige {
  background: #e9f5f0;
}

.layout-sk3 .sk3-about-hub__blog {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  background: #f2efeb;
  box-shadow: 0 8px 32px rgba(42, 38, 34, 0.04);
}

.layout-sk3 .sk3-about-hub__blog.sk2-panel-block--mint {
  background: #f2efeb;
}

.layout-sk3 .sk3-about-hub__blog-label {
  margin: 0 0 1.1rem;
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sk2-title-fresh);
}

.layout-sk3 .sk3-blog-teaser__title {
  margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 500;
  font-style: normal;
  line-height: 1.25;
  color: #1f6b4a;
}

.layout-sk3 .sk3-blog-teaser__title a {
  color: inherit;
  text-decoration: none;
}

.layout-sk3 .sk3-blog-teaser__title a:hover,
.layout-sk3 .sk3-blog-teaser__title a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk3 .sk3-blog-teaser__meta {
  margin: 0 0 0.85rem;
  font-size: 0.9rem;
  color: rgba(42, 38, 34, 0.65);
}

.layout-sk3 .sk3-blog-teaser__excerpt {
  margin: 0;
  max-width: 28rem;
  line-height: 1.55;
}

.layout-sk3 .sk3-blog-teaser__more {
  margin: clamp(1.5rem, 3.5vw, 2.25rem) 0 0;
}

.layout-sk3 .sk3-blog-teaser__more a {
  color: var(--sk2-title-deep);
  font-weight: 500;
  text-decoration: none;
}

.layout-sk3 .sk3-blog-teaser__more a:hover,
.layout-sk3 .sk3-blog-teaser__more a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk3 .sk2-contact-bar {
  background: var(--sk3-footer-bg);
  padding-top: clamp(2.25rem, 5.5vw, 3.25rem);
  padding-bottom: clamp(2rem, 5vw, 2.85rem);
}

.layout-sk3 .sk2-contact-bar__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.layout-sk3 .sk2-contact-bar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1.75rem, 4vw, 3.5rem) clamp(2.5rem, 6vw, 5rem);
  width: 100%;
}

.layout-sk3 .sk2-contact-bar__lead {
  align-items: flex-end;
  text-align: right;
  width: auto;
  max-width: min(22rem, 100%);
}

.layout-sk3 .sk2-contact-bar__title {
  width: auto;
  max-width: 100%;
  margin: 0 0 0.85rem;
  font-size: clamp(1.05rem, 0.98rem + 0.7vw, 1.4rem);
  color: var(--sk3-footer-text);
  text-align: right;
  white-space: normal;
}

.layout-sk3 .sk2-contact-bar__intro {
  margin: 0;
  text-align: right;
}

.layout-sk3 .sk2-contact-bar__intro,
.layout-sk3 .sk2-contact-bar__email,
.layout-sk3 .sk2-contact-bar__hours,
.layout-sk3 .sk2-contact-bar__hours dt,
.layout-sk3 .sk2-contact-bar__hours dd {
  color: var(--sk3-footer-text);
}

.layout-sk3 .sk2-contact-bar__email:hover,
.layout-sk3 .sk2-contact-bar__email:focus-visible {
  color: #fff;
}

.layout-sk3 .sk2-contact-bar__hours {
  margin: 0;
}

.layout-sk3 .sk2-contact-bar__copy {
  width: 100%;
  color: rgba(238, 248, 242, 0.65);
}

@media (max-width: 40rem) {
  .layout-sk3 .sk2-contact-bar__row {
    flex-direction: column;
    align-items: center;
  }

  .layout-sk3 .sk2-contact-bar__lead {
    align-items: center;
    text-align: center;
    max-width: 100%;
  }

  .layout-sk3 .sk2-contact-bar__title,
  .layout-sk3 .sk2-contact-bar__intro {
    text-align: center;
  }
}

/* Over-pagina */
/* Over-pagina + blog-pagina: inhoud boven SVG-achtergrond */
.layout-sk3.page-over main,
.layout-sk3.page-over .site-header,
.layout-sk3.page-blog main,
.layout-sk3.page-blog .site-header {
  position: relative;
  z-index: 1;
}

.layout-sk3.page-over .hero-fixed,
.layout-sk3.page-over .hero-scroll-spacer {
  display: none;
}

.layout-sk3 .sk3-over {
  padding-top: clamp(5.5rem, 12vw, 7rem);
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

.layout-sk3 .sk3-over__layout {
  display: block;
  max-width: min(42rem, calc(100% - 2rem));
  margin: 0 auto;
}

.layout-sk3 .sk3-over__back {
  margin: 0 0 1.25rem;
}

.layout-sk3 .sk3-over__back a {
  color: var(--sk2-title-deep);
  font-weight: 500;
  text-decoration: none;
}

.layout-sk3 .sk3-over__back a:hover,
.layout-sk3 .sk3-over__back a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk3 .sk3-over__title {
  margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
  text-align: left;
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #3db87a;
}

.layout-sk3 .sk3-over__prose p:first-child {
  margin-top: 0;
}

.layout-sk3 .sk3-over__prose--before {
  margin-bottom: 0;
}

.layout-sk3 .sk3-over__prose--after {
  margin-top: 0;
}

.layout-sk3 .sk3-over__mid {
  display: grid;
  grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
  gap: clamp(1.5rem, 3.5vw, 2.5rem);
  align-items: center;
  width: min(56rem, calc(100vw - 2.5rem));
  max-width: none;
  margin: 100px calc(50% - min(28rem, calc(50vw - 1.25rem)));
  box-sizing: border-box;
}

.layout-sk3 .sk3-over__photo {
  margin: 0;
  position: static;
  max-width: none;
}

.layout-sk3 .sk3-over__photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.layout-sk3 .sk3-over__voice {
  margin: 0;
  padding: 0;
  border-left: none;
  border-top: none;
  text-align: left;
}

.layout-sk3 .sk3-over__voice p {
  margin: 0;
  max-width: none;
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 400;
  font-synthesis: none;
  font-style: italic;
  font-size: clamp(1.35rem, 0.85rem + 2.2vw, 2rem);
  line-height: 1.4;
  text-align: left;
}

@media (max-width: 62rem) {
  .layout-sk3 .sk3-about-hub {
    flex-direction: column;
  }

  .layout-sk3 .sk3-about-hub__main,
  .layout-sk3 .sk3-about-hub__blog {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
  }

  .layout-sk3 .sk3-about-hub__blog {
    margin-top: 0;
  }

  .layout-sk3 .sk3-over__mid {
    grid-template-columns: minmax(9rem, 13rem) minmax(0, 1fr);
    width: min(48rem, calc(100vw - 2rem));
    margin: 72px calc(50% - min(24rem, calc(50vw - 1rem)));
  }
}

@media (max-width: 40rem) {
  .layout-sk3 .sk3-about-hub__photo {
    max-width: 11rem;
  }

  .layout-sk3 .sk3-over__mid {
    grid-template-columns: 1fr;
    width: 100%;
    margin: 56px 0;
  }

  .layout-sk3 .sk3-over__photo {
    max-width: 14rem;
  }
}

/* Mobiel: hamburger-menu */
.layout-sk3 .nav-toggle {
  display: none;
  position: relative;
  z-index: 60;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
}

.layout-sk3 .nav-toggle__bar {
  display: block;
  width: 1.35rem;
  height: 1.5px;
  margin: 0.28rem auto;
  background: currentColor;
  border-radius: 1px;
  transition: transform 0.25s ease, opacity 0.2s ease;
}

.layout-sk3 .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) {
  transform: translateY(0.355rem) rotate(45deg);
}

.layout-sk3 .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) {
  opacity: 0;
}

.layout-sk3 .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) {
  transform: translateY(-0.355rem) rotate(-45deg);
}

@media (max-width: 40rem) {
  .layout-sk3 .nav-toggle {
    display: block;
    margin-left: auto;
  }

  .layout-sk3 .site-header__inner,
  .layout-sk3 .site-header__inner--nav-only {
    position: relative;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  .layout-sk3 .site-header.is-nav-open {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    background: rgba(247, 244, 236, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .layout-sk3 .nav {
    position: absolute;
    top: calc(100% - 0.15rem);
    right: 0;
    left: auto;
    min-width: 13.5rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius, 0.5rem);
    background: rgba(247, 244, 236, 0.98);
    box-shadow: 0 10px 36px rgba(42, 38, 34, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.35rem);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  }

  .layout-sk3 .site-header.is-nav-open .nav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .layout-sk3 .nav ul {
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 0.85rem;
  }

  .layout-sk3 .nav a {
    font-size: 1.05rem;
    text-shadow: none;
  }
}

/* Desktop/tablet: volledige intro-tekst, geen Lees verder */
@media (min-width: 40.01rem) {
  .layout-sk3 #intro .prose-read-more__full {
    display: block;
    max-height: none;
    opacity: 1;
    overflow: visible;
    margin-top: 0;
  }

  .layout-sk3 #intro .prose-read-more__toggle {
    display: none;
  }
}

.layout-sk3 #intro .prose-read-more__toggle {
  margin-top: 1rem;
}

/* Blog-pagina */
.layout-sk3.page-blog .hero-fixed,
.layout-sk3.page-blog .hero-scroll-spacer {
  display: none;
}

.layout-sk3 .sk3-blog {
  padding-top: clamp(5.5rem, 12vw, 7rem);
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

.layout-sk3 .sk3-blog__layout {
  display: block;
  max-width: min(42rem, calc(100% - 2rem));
  margin: 0 auto;
}

.layout-sk3 .sk3-blog__back {
  margin: 0 0 1.25rem;
}

.layout-sk3 .sk3-blog__back a {
  color: var(--sk2-title-deep);
  font-weight: 500;
  text-decoration: none;
}

.layout-sk3 .sk3-blog__back a:hover,
.layout-sk3 .sk3-blog__back a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk3 .sk3-blog__title {
  margin: 0 0 clamp(0.75rem, 2vw, 1rem);
  text-align: left;
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #3db87a;
}

.layout-sk3 .sk3-blog__intro {
  margin: 0 0 clamp(2rem, 5vw, 2.75rem);
  max-width: 32rem;
  color: rgba(42, 38, 34, 0.72);
  line-height: 1.55;
}

.layout-sk3 .sk3-blog-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.5vw, 1.35rem);
}

.layout-sk3 .sk3-blog-list > li {
  margin: 0;
  padding: 0;
}

.layout-sk3 .sk3-blog-card {
  margin: 0;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.layout-sk3 .sk3-blog-card:hover,
.layout-sk3 .sk3-blog-card:focus-within {
  box-shadow: 0 12px 36px rgba(42, 38, 34, 0.07);
}

.layout-sk3 .sk3-blog-card__inner {
  display: grid;
  grid-template-columns: minmax(6.5rem, 8.75rem) minmax(0, 1fr);
  gap: clamp(1rem, 2.5vw, 1.5rem);
  align-items: center;
}

.layout-sk3 .sk3-blog-card--no-thumb .sk3-blog-card__inner {
  grid-template-columns: minmax(0, 1fr);
}

.layout-sk3 .sk3-blog-card__thumb {
  margin: 0;
  overflow: hidden;
  border-radius: calc(var(--radius) - 2px);
  aspect-ratio: 4 / 3;
  background: rgba(42, 38, 34, 0.06);
}

.layout-sk3 .sk3-blog-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.layout-sk3 .sk3-blog-card__body {
  min-width: 0;
}

.layout-sk3 .sk3-blog-card__title {
  margin: 0 0 0.5rem;
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-weight: 500;
  font-style: normal;
  line-height: 1.25;
  color: #1f6b4a;
}

.layout-sk3 .sk3-blog-card__title a {
  color: inherit;
  text-decoration: none;
}

.layout-sk3 .sk3-blog-card__title a:hover,
.layout-sk3 .sk3-blog-card__title a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk3 .sk3-blog-card__excerpt {
  margin: 0;
  max-width: 36rem;
  line-height: 1.55;
  color: rgba(42, 38, 34, 0.82);
}

.layout-sk3 .sk3-blog-card.blog-entry {
  border: none;
}

.layout-sk3 .sk3-blog-card .blog-entry__meta {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: rgba(42, 38, 34, 0.65);
}

.layout-sk3 .sk3-blog-card .blog-entry__excerpt {
  margin: 0;
  max-width: 36rem;
  line-height: 1.55;
}

.layout-sk3 .sk3-blog-card .blog-entry__full {
  max-width: none;
}

.layout-sk3 .sk3-blog-card .blog-entry__toggle {
  margin-top: clamp(1rem, 2.5vw, 1.25rem);
}

.layout-sk3 .sk3-blog-card.is-open .sk3-blog-card__inner {
  align-items: start;
}

/* Volledig blogbericht — zelfde kolombreedte als Over Ryanne */
.layout-sk3 .sk3-blog-article {
  margin: 0 0 clamp(2.5rem, 6vw, 3.5rem);
  padding: 0 0 clamp(2rem, 5vw, 2.75rem);
  border-bottom: 1px solid rgba(42, 38, 34, 0.12);
}

.layout-sk3 .sk3-blog-article.blog-entry {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0 0 clamp(2rem, 5vw, 2.75rem);
}

.layout-sk3 .sk3-blog-article.blog-entry:first-child,
.layout-sk3 .sk3-blog-article.blog-entry:last-child {
  border-top: none;
  border-bottom: 1px solid rgba(42, 38, 34, 0.12);
}

.layout-sk3 .sk3-blog-article__title {
  margin: 0 0 clamp(0.5rem, 1.5vw, 0.75rem);
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 500;
  line-height: 1.25;
  color: #1f6b4a;
}

.layout-sk3 .sk3-blog-article .blog-entry__meta {
  margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
  font-size: 0.9rem;
  color: rgba(42, 38, 34, 0.65);
}

.layout-sk3 .sk3-blog-article__photo {
  margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
  max-width: min(16rem, 100%);
}

.layout-sk3 .sk3-blog-article__photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.layout-sk3 .sk3-blog-article__prose {
  max-width: none;
}

.layout-sk3 .sk3-blog-article__prose p:first-child {
  margin-top: 0;
}

.layout-sk3 .sk3-blog-article .blog-entry__excerpt,
.layout-sk3 .sk3-blog-article .blog-entry__full {
  max-width: none;
}

.layout-sk3 .sk3-blog-article .blog-entry__toggle {
  margin-top: clamp(1rem, 2.5vw, 1.25rem);
}

@media (max-width: 28rem) {
  .layout-sk3 .sk3-blog-card__inner {
    grid-template-columns: minmax(5.5rem, 6.5rem) minmax(0, 1fr);
    gap: 0.85rem;
  }

  .layout-sk3 .sk3-blog-card__thumb {
    aspect-ratio: 1;
  }
}

/* === style-sk6.css === */
/* SK6 — zelfde layout als SK3, Salie_Sept-cirkels; broodletter Arial, koppen ongewijzigd */

.layout-sk6 {
  --font-body: Arial, Helvetica, sans-serif;
  --sk2-contact-bar-bg: #d6dfd3;
  --sk3-footer-bg: #d6dfd3;
  --sk3-footer-text: #1e3d2f;
  --sk6-contact-ink: #1e3d2f;
  --aqua-anchor-y: max(22%, 18rem);
}

.layout-sk6 .site-header__inner {
  padding-top: clamp(1.85rem, 4vw, 2.75rem);
}

.layout-sk6 .hero-fixed {
  padding-top: clamp(3.5rem, 8vw, 6.5rem);
}

.layout-sk6 .aqua-converge__layer--1,
.layout-sk6 .aqua-converge__layer--2 {
  width: min(64vw, 52vh, 490px);
}

.layout-sk6 .aqua-converge__layer--top {
  width: min(66vw, 52vh, 490px);
}

.layout-sk6 .sk6-prose-kicker {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0.35em;
}

.layout-sk6 .sk6-prose-kicker.sk6-prose-kicker--tight {
  line-height: 1.3;
}

.layout-sk6 .sk6-izr-coda {
  margin-top: 2.4em;
}

.layout-sk6 #intro .intro-quote .pull-quote--between-panels,
.layout-sk6 .sk6-closing-quote .pull-quote--between-panels {
  max-width: min(68rem, 100%);
}

.layout-sk6 #intro .intro-quote .pull-quote p,
.layout-sk6 .sk6-closing-quote .pull-quote p {
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 400;
  font-synthesis: none;
  font-size: clamp(1.05rem, 0.5rem + 1.7vw, 2.05rem);
}

.layout-sk6 #intro .intro-quote .streamer-line,
.layout-sk6 .sk6-closing-quote .streamer-line {
  display: block;
  white-space: nowrap;
}

@media (max-width: 62rem) {
  .layout-sk6 #intro .intro-quote .streamer-line,
  .layout-sk6 .sk6-closing-quote .streamer-line {
    white-space: normal;
  }
}

/* Ruime lucht boven de onderste streamer; onderkant blijft de bestaande streamer-gap */
.layout-sk6 .sk6-closing-quote.panel-gap--streamer {
  margin-top: clamp(5.5rem, 14vw, 220px);
  padding-top: max(1.25rem, 40px);
  padding-bottom: 245px;
}

.layout-sk2.layout-sk6.page-aanbod-3 #intro .sk6-closing-quote.panel-gap--streamer {
  padding-bottom: 22px;
}

.layout-sk6 .sk6-closing-quote .panel-gap__inner {
  justify-content: center;
  padding-left: var(--sk2-inset-x);
  padding-right: var(--sk2-inset-x);
}

.layout-sk6 .sk6-closing-quote .pull-quote--between-panels {
  padding-top: 0;
  padding-bottom: 0;
  transform: none;
  text-align: center;
  margin: 0 auto;
}

.layout-sk6 .sk6-closing-quote .pull-quote--between-panels p,
.layout-sk6 .sk6-closing-quote .pull-quote--between-panels p:only-child {
  transform: none;
  text-align: center;
  margin: 0 auto;
}

.layout-sk6 .sk3-about-hub {
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
}

.layout-sk6 #wat-brengt-title {
  scroll-margin-top: calc(var(--header-height, 4.25rem) + 1.5rem);
}

.layout-sk6 .sk3-about-hub__main {
  flex: 0 1 46.5rem;
  width: min(46.5rem, 100%);
  max-width: 46.5rem;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.layout-sk6.page-home-b .sk3-about-hub {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: clamp(6rem, 15vw, 9rem);
  margin-bottom: 150px;
}

.layout-sk6.page-home-b .sk3-about-hub__main {
  align-self: center;
  flex: 0 0 auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.layout-sk6.page-home-b .sk3-about-hub__intro {
  flex: 0 1 auto;
}

.layout-sk6.page-home-b #intro .sk3-about-hub__main.sk2-panel-block--beige {
  background: rgba(233, 245, 240, 0.7);
}

.layout-sk6.page-home-b #intro .intro-lead-bar {
  background: #fff;
}

.layout-sk6.page-home-b #intro .intro-werkwijze,
.layout-sk6.page-home-b #intro .intro-voor-wie {
  background: #eef2ed;
}

.layout-sk6.page-index-b {
  --sk2-block-beige: rgba(242, 239, 235, 0.7);
  --sk2-contact-bar-bg: rgba(214, 223, 211, 0.7);
  --sk3-footer-bg: rgba(214, 223, 211, 0.7);
}

.layout-sk6.page-index-b .soc-bg {
  background-image: url("../backgrounds/RR_nerven.svg");
}

.layout-sk6.page-index-b #intro .intro-werkwijze,
.layout-sk6.page-index-b #intro .intro-voor-wie {
  background: rgba(238, 242, 237, 0.7);
}

.layout-sk6.page-index-b .sk3-about-hub__main.sk2-panel-block--beige {
  background: rgba(233, 245, 240, 0.7);
}

.layout-sk6 #wat-brengt-het .sk2-contact-bar {
  margin-top: 0;
}

.layout-sk6 .sk6-text-link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--sk2-title-deep);
  text-decoration: none;
}

.layout-sk6 .sk6-text-link:hover,
.layout-sk6 .sk6-text-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk6 .sk3-about-hub .prose-read-more__toggle {
  display: inline;
  margin-top: 0.85rem;
  color: var(--sk2-title-deep);
  text-decoration: none;
}

.layout-sk6 .sk3-about-hub .prose-read-more__toggle[aria-expanded="false"]::after {
  content: " \2192";
}

/* Contactbalk: lichte salie #d6dfd3, bosgroen #1e3d2f (8.71:1) */
.layout-sk6 .sk2-contact-bar {
  background: var(--sk2-contact-bar-bg);
  color: var(--sk6-contact-ink);
  padding-top: clamp(2.5rem, 6vw, 3.75rem);
  padding-bottom: clamp(1.75rem, 5vw, 2.75rem);
}

.layout-sk6 .sk2-contact-bar__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.layout-sk6 .sk2-contact-bar__lead {
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.layout-sk6 .sk2-contact-bar .section-title.sk2-contact-bar__title:not(#intro-title) {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 0.55rem;
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: clamp(0.92rem, 0.86rem + 0.72vw, 1.38rem);
  font-weight: 500;
  color: var(--sk6-contact-ink);
  text-align: center;
  white-space: normal;
}

.layout-sk6 .sk2-contact-bar__intro,
.layout-sk6 .sk2-contact-bar__email,
.layout-sk6 .sk2-contact-bar__hours,
.layout-sk6 .sk2-contact-bar__hours dt,
.layout-sk6 .sk2-contact-bar__hours dd {
  color: var(--sk6-contact-ink);
}

.layout-sk6 .sk2-contact-bar__intro {
  margin: 0;
  text-align: center;
}

.layout-sk6 .sk2-contact-bar__email {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: var(--sk6-contact-ink);
  text-decoration: none;
}

.layout-sk6 .sk2-contact-bar__email:hover,
.layout-sk6 .sk2-contact-bar__email:focus-visible {
  color: var(--sk6-contact-ink);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.layout-sk6 .sk2-contact-bar__copy {
  width: 100%;
  margin-top: 4.25rem;
  color: var(--sk6-contact-ink);
}

.layout-sk6 .sk6-aanbod {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: clamp(3.5rem, 9vw, 6rem);
  margin-bottom: clamp(5rem, 12vw, 8.5rem);
  background: #fff;
  padding: clamp(2.75rem, 7vw, 4.5rem) var(--sk2-inset-x) clamp(2.25rem, 5.5vw, 3.5rem);
  box-sizing: border-box;
}

.layout-sk6.page-index-d .sk6-aanbod {
  background: transparent;
}

.layout-sk6.page-index-d .sk6-aanbod-card {
  background: #fff;
  padding: clamp(1.35rem, 2.4vw, 2rem);
}

.layout-sk6 .sk6-aanbod + .sk2-contact-bar {
  margin-top: 0;
}

.layout-sk6 .sk6-aanbod__inner {
  max-width: var(--site-max);
  margin: 0 auto;
}

.layout-sk6 .sk6-aanbod__intro {
  max-width: 56rem;
  margin: 0 auto clamp(3rem, 6.5vw, 4.5rem);
  text-align: center;
}

@media (min-width: 56rem) {
  .layout-sk6 .sk6-aanbod__stay {
    white-space: nowrap;
  }
}

.layout-sk6 .sk6-aanbod__eyebrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sk2-title-deep);
  margin: -0.7rem 0 1.15rem;
  line-height: 1.4;
}

.page-index-c .hero-name {
  flex-direction: row;
  white-space: nowrap;
}

.layout-sk6.page-index-c #intro .sk3-about-hub__main.sk2-panel-block--beige {
  background: rgba(233, 245, 240, 0.7);
}

.layout-sk2.page-index-c #intro .sk3-about-hub__intro .section-title {
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: #1f6b4a;
  margin: 0 0 clamp(1.75rem, 4vw, 2.75rem);
}

.page-index-c .sk3-about-hub__intro .prose .prose-semibold {
  font-family: "DM Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.layout-sk6.page-index-c .sk6-aanbod__eyebrow {
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: clamp(1.125rem, 0.75rem + 1.65vw, 1.5rem);
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.35;
  color: #1f6b4a;
  margin: 0 0 1.15rem;
}

.layout-sk6.page-index-d .sk6-aanbod__eyebrow {
  font-size: clamp(1.7rem, 4vw, 2.25rem);
  line-height: 1.2;
  margin-bottom: 0.35rem;
}

.layout-sk6.page-aanbod-3 .sk6-aanbod__eyebrow {
  font-size: clamp(1.4rem, 2.6vw, 1.75rem);
}

.layout-sk6.page-index-d .sk6-aanbod__intro .prose p {
  color: #1e3d2f;
}

.layout-sk6 .sk6-aanbod__intro .prose p {
  margin: 0 0 0.4em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--sk2-title-deep) 62%, white);
}

.layout-sk6 .sk6-aanbod__intro .prose p:last-child {
  margin-bottom: 0;
}

.layout-sk6 .sk6-aanbod__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 2.25rem);
  align-items: stretch;
}

.layout-sk6.page-index-c .sk6-aanbod__grid {
  gap: clamp(2.75rem, 5vw, 4.25rem);
}

.layout-sk6.page-aanbod-3 .sk6-aanbod__grid {
  grid-template-columns: repeat(3, minmax(0, 22rem));
  justify-content: center;
  gap: clamp(1.15rem, 2vw, 1.65rem);
}

.layout-sk6 .sk6-aanbod-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.layout-sk6 .sk6-aanbod-card__code {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.76rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sk2-title-deep);
  margin: 0 0 0.9rem;
}

.layout-sk6 .sk6-aanbod-card__title {
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: clamp(1.05rem, 0.95rem + 0.55vw, 1.32rem);
  font-weight: 500;
  line-height: 1.25;
  color: #3db87a;
  margin: 0 0 0.15rem;
}

.layout-sk6.page-aanbod-3 .sk6-aanbod-card__title {
  margin-bottom: 1.45rem;
}

.layout-sk6 .sk6-aanbod-card__kicker {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--color-muted, #5c6358);
  margin: 0 0 1.35rem;
}

.layout-sk6 .sk6-aanbod-card__price {
  font-family: "DM Sans", var(--font-body), sans-serif;
  font-size: clamp(1.35rem, 1.15rem + 0.75vw, 1.7rem);
  font-weight: 500;
  line-height: 1.15;
  color: var(--sk2-title-deep);
  margin: 0 0 0.9rem;
}

.layout-sk6 .sk6-aanbod-card__text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0 0 1.15rem;
  flex: 1;
}

.layout-sk6.page-index-c .sk6-aanbod-card__text p {
  margin: 0 0 0.85rem;
}

.layout-sk6.page-index-c .sk6-aanbod-card__text p:last-child {
  margin-bottom: 0;
}

.layout-sk6 .sk6-aanbod-card__meta {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--sk2-title-deep);
  margin: 0;
}

.layout-sk6.page-index-c .sk6-aanbod-card__capacity {
  margin: 0.2rem 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.4;
  color: #141414;
}

.layout-sk6 .sk6-aanbod-card__rates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.35rem 1rem;
  margin-top: 1.15rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--sk2-title-deep);
}

.layout-sk6 .sk6-aanbod-card__rates p {
  margin: 0;
  white-space: nowrap;
}

.layout-sk6 .sk6-aanbod-card__rates--stack {
  flex-direction: column;
  align-items: flex-start;
}

.layout-sk6 .sk6-aanbod-card__amount {
  white-space: nowrap;
}

.layout-sk6 .sk6-aanbod-card__note {
  margin: 1.15rem 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
}

.layout-sk6 .sk6-aanbod-card__note--tight {
  margin-top: 0.35rem;
}

@media (max-width: 70rem) {
  .layout-sk6 .sk6-aanbod__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(3.75rem, 9vw, 5.75rem) clamp(2.5rem, 6vw, 4rem);
  }

  .layout-sk6.page-index-c .sk6-aanbod__grid {
    gap: clamp(3.75rem, 9vw, 5.75rem) clamp(3.5rem, 7.5vw, 5rem);
  }

  .layout-sk6.page-aanbod-3 .sk6-aanbod__grid {
    grid-template-columns: repeat(2, minmax(0, 22rem));
    justify-content: center;
    gap: clamp(1.75rem, 4vw, 2.5rem) clamp(1.15rem, 2.5vw, 1.65rem);
  }
}

@media (max-width: 40rem) {
  .layout-sk6 .sk6-aanbod__grid {
    grid-template-columns: 1fr;
    max-width: 28rem;
    margin: 0 auto;
    gap: clamp(4.5rem, 12vw, 6.75rem);
  }

  .layout-sk6.page-index-c .sk6-aanbod__grid {
    gap: clamp(4.5rem, 12vw, 6.75rem);
  }

  .layout-sk6.page-aanbod-3 .sk6-aanbod__grid {
    grid-template-columns: minmax(0, 22rem);
    justify-content: center;
    gap: clamp(1.75rem, 5vw, 2.5rem);
  }
}

/* Meer lucht na de inleiding, zodat cirkels bij het scrollen zichtbaar blijven */
.layout-sk6 #intro .intro-lead-bar {
  margin-bottom: clamp(14rem, 28vw, 320px);
}

@media (max-width: 62rem) {
  .layout-sk6 .prose-read-more__full {
    display: block;
    max-height: none;
    opacity: 1;
    overflow: visible;
    margin-top: 0;
  }

  .layout-sk6 .prose-read-more__toggle {
    display: none !important;
  }

  .layout-sk6 #intro .intro-quote .pull-quote p,
  .layout-sk6 .sk6-closing-quote .pull-quote p {
    font-size: clamp(1.5rem, 1.05rem + 3.4vw, 2.2rem);
  }

  .layout-sk6 .streamer--hero-fixed {
    font-size: clamp(1.7rem, 1rem + 5.2vw, 2.45rem);
  }

  .layout-sk6 #intro .intro-lead-bar {
    margin-bottom: clamp(11rem, 38vw, 280px);
  }

  .layout-sk6 #intro .intro-panels {
    gap: clamp(4.5rem, 16vw, 9rem);
  }

  body.layout-sk6 .section {
    padding-left: 0;
    padding-right: 0;
  }

  body.layout-sk6 #intro .section__panel,
  body.layout-sk6 .sk2-section__outer {
    padding-left: 0;
    padding-right: 0;
  }

  body.layout-sk6 #intro .intro-werkwijze,
  body.layout-sk6 #intro .intro-voor-wie-stack,
  body.layout-sk6 #intro .intro-panel-block,
  body.layout-sk6 .sk3-about-hub,
  body.layout-sk6 .sk3-about-hub__main,
  body.layout-sk6.page-home-b .sk3-about-hub__main {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  body.layout-sk6 #intro .intro-panel-block,
  body.layout-sk6 .sk3-about-hub__main.sk2-panel-block {
    padding-left: var(--sk2-inset-x);
    padding-right: var(--sk2-inset-x);
    border-radius: 0;
  }
}