/* Des photos fondues dans une même base chocolat, sans blocs intercalaires. */
.framer-yG8Yw{--sf-seam:#281910}
.framer-yG8Yw [data-framer-name="SOOFFIT Hero"],
.framer-yG8Yw [data-framer-name="Recognition — Why progress stalls"],
.framer-yG8Yw [data-framer-name="Sooffit Approach"],
.framer-yG8Yw [data-framer-name="Coaching App"],
.framer-yG8Yw [data-framer-name="About Sofie"],
.framer-yG8Yw [data-framer-name="Community Result"],
.framer-yG8Yw [data-framer-name="1:1 Online Coaching"],
.framer-yG8Yw [data-framer-name="Zo werkt het"],
.sf-stories{position:relative;isolation:isolate;border-block:0!important}
/* Les voiles sont dans les marges existantes, jamais sur les visages. */
.framer-yG8Yw [data-framer-name="SOOFFIT Hero"]:after,
.framer-yG8Yw [data-framer-name="Sooffit Approach"]:after,
.framer-yG8Yw [data-framer-name="Coaching App"]:after,
.framer-yG8Yw [data-framer-name="About Sofie"]:after,
.framer-yG8Yw [data-framer-name="Community Result"]:after{
 content:"";position:absolute;inset:auto 0 0;height:clamp(40px,6vw,90px);background:linear-gradient(180deg,transparent,var(--sf-seam));pointer-events:none;z-index:2;
}
.framer-yG8Yw [data-framer-name="Recognition — Why progress stalls"],
.framer-yG8Yw [data-framer-name="Community Result"]{box-shadow:inset 0 36px 28px -26px var(--sf-seam),inset 0 -36px 28px -26px var(--sf-seam)!important}
.framer-yG8Yw [data-framer-name="Coaching App"],
.framer-yG8Yw [data-framer-name="About Sofie"]{border:0!important}
.framer-yG8Yw [data-framer-name="About top transition"],
.framer-yG8Yw [data-framer-name="About bottom transition"]{display:none!important}
.framer-yG8Yw [data-framer-name="Sofie portrait mobile"]{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)}
.framer-yG8Yw [data-framer-name="FAQ"]{box-shadow:none!important}
.sf-stories{box-shadow:inset 0 44px 36px -30px var(--sf-seam),inset 0 -44px 36px -30px var(--sf-seam)!important}
@media(max-width:809.98px){
 .framer-yG8Yw [data-framer-name="SOOFFIT Hero"]:after,
 .framer-yG8Yw [data-framer-name="Sooffit Approach"]:after,
 .framer-yG8Yw [data-framer-name="Coaching App"]:after,
 .framer-yG8Yw [data-framer-name="About Sofie"]:after,
 .framer-yG8Yw [data-framer-name="Community Result"]:after{height:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* De methode-foto en de lichte FAQ krijgen ieder hun eigen overgang. */
.framer-yG8Yw [data-framer-name="SOOFFIT Method — Hammer Strength"]{background:var(--sf-seam)!important}
.framer-yG8Yw [data-framer-name="SOOFFIT Method — Hammer Strength"]:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(transparent,var(--sf-seam));pointer-events:none;z-index:2}
.framer-yG8Yw [data-framer-name="FAQ"]{position:relative;isolation:isolate}
.framer-yG8Yw [data-framer-name="FAQ"]:before{content:"";position:absolute;inset:0 0 auto;height:32px;background:linear-gradient(var(--sf-seam),#f7f3eb);pointer-events:none;z-index:1}
/* Geen lichte ondergrond achter infadende fotosecties. */
html body #main .framer-yG8Yw{background-color:#281910!important}
.framer-yG8Yw #journey{background-color:#281910!important;margin-top:0!important;border-top:0!important;opacity:1!important;transform:none!important}
.framer-yG8Yw #journey [data-framer-name="Sofie at work"]{background-color:#281910!important;opacity:1!important}

/* Laat de twee foto's aan weerszijden van de overgang in dezelfde tint uitlopen. */
.framer-yG8Yw [data-framer-name="Sooffit Approach"]:after {
 height: clamp(36px, 6vw, 88px);
}
.framer-yG8Yw [data-framer-name="Sooffit Approach"] + [data-framer-name="Coaching App"]:before {
 content: "";
 position: absolute;
 inset: 0 0 auto;
 height: clamp(32px, 5vw, 76px);
 background: linear-gradient(to bottom, var(--sf-seam), transparent);
 pointer-events: none;
 z-index: 2;
}
.framer-yG8Yw [data-framer-name="Coaching App"] {
 opacity: 1 !important;
 transform: none !important;
}
.framer-yG8Yw [data-framer-name="Coaching App"] > [data-framer-name="App top transition"] {
 display: none !important;
}