.sf-stories{--sf-cream:#f7f3eb;--sf-sand:#d9c9b7;--sf-brown:#281d16;position:relative!important;isolation:isolate;width:100%!important;max-width:none!important;flex:none!important;overflow:hidden!important;background:var(--sf-brown);color:var(--sf-cream);text-align:left;font:400 16px/1.6 Inter,Arial,sans-serif;scroll-margin-top:80px}
.sf-stories *,.sf-review *{box-sizing:border-box}.sf-stories .sf-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/sofie-hero.jpg') 82% center/cover no-repeat;animation:sf-drift 24s ease-in-out infinite alternate;filter:saturate(.55)}
.sf-stories:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(30,21,15,.98) 0%,rgba(30,21,15,.91) 33%,rgba(30,21,15,.38) 75%,rgba(30,21,15,.3)),linear-gradient(0deg,#281d16 0%,transparent 35%)}
.sf-stories.sf-paused .sf-backdrop{animation-play-state:paused}.sf-stories.sf-reduced .sf-backdrop{animation:none;transform:none}
.sf-inner{max-width:1400px;margin:auto;padding:76px 64px 36px}.sf-eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#d9c9b7;margin:0 0 24px}.sf-stories h2{font:500 clamp(40px,4.5vw,67px)/1.03 'Cormorant Garamond',Cormorant,Georgia,serif;letter-spacing:-.025em;margin:0 0 42px;color:var(--sf-cream);max-width:1050px}.sf-stories h2 em{font-weight:500}.sf-rule{width:52px;height:1px;background:#d9c9b780;margin-bottom:32px}.sf-stage{max-width:780px;min-height:350px;display:flex;flex-direction:column;justify-content:center}.sf-stories blockquote{font:500 clamp(44px,5.5vw,80px)/1.04 'Cormorant Garamond',Cormorant,Georgia,serif;letter-spacing:-.025em;font-style:italic;margin:0 0 25px;text-wrap:balance;color:var(--sf-cream)}.sf-stories blockquote:before{content:'“'}.sf-stories blockquote:after{content:'”'}.sf-person{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;color:#e5d9cb;margin:0}.sf-name{font:italic 500 31px/1.2 'Cormorant Garamond',Georgia,serif}.sf-person span:last-child{font-size:13px;letter-spacing:.02em}.sf-actions{display:flex;gap:14px;align-items:center;margin-top:28px;flex-wrap:wrap}.sf-stories button,.sf-stories a{font:400 13px/1.4 Inter,Arial,sans-serif;cursor:pointer;text-decoration:none;touch-action:manipulation}.sf-btn{border:1px solid #f7f3ebaa;border-radius:100px;padding:16px 24px;min-height:48px;background:transparent;color:var(--sf-cream);display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:background .2s,transform .2s}.sf-btn.sf-primary{background:var(--sf-cream);color:#3b3028;border-color:var(--sf-cream)}.sf-btn:active{transform:scale(.98)}.sf-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:22px 0 28px;color:#e2d6c8}.sf-tools span{font-size:11px;letter-spacing:.04em}.sf-pause{border:1px solid #f7f3eb80;border-radius:50%;width:44px;height:44px;background:#281d1640;color:#f7f3eb;font-size:17px!important}.sf-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #d9c9b75c;padding-top:12px}.sf-tab{position:relative;text-align:left;border:0;background:none;color:#d9c9b7;padding:15px 0 20px;display:flex;gap:14px;align-items:baseline;min-height:56px}.sf-tab:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#f7f3eb;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.sf-tab[aria-pressed=true]{color:#f7f3eb}.sf-tab[aria-pressed=true]:after{transform:scaleX(1)}.sf-tab b{font:italic 500 26px/1.2 'Cormorant Garamond',Georgia,serif}.sf-tab span{font-size:10px;letter-spacing:.15em}.sf-stories :focus-visible,.sf-review :focus-visible{outline:2px solid #a58e78;outline-offset:5px}.sf-review{border:0;border-radius:20px;padding:0;max-width:min(700px,calc(100vw - 32px));width:700px;max-height:calc(100dvh - 48px);background:#f7f3eb;color:#3b3028;box-shadow:0 20px 100px #0005;overflow:auto;overscroll-behavior:contain}.sf-review::backdrop{background:#100b09b8;backdrop-filter:blur(5px)}.sf-review-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:#f7f3ebf5;border-bottom:1px solid #d9c9b7;z-index:1}.sf-review-head span{font:400 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.2em}.sf-close{width:44px;height:44px;border:1px solid #d9c9b7;border-radius:50%;background:transparent;color:#3b3028;font-size:24px;cursor:pointer}.sf-review-body{padding:32px 44px 48px}.sf-review h3{font:500 44px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 8px}.sf-review-duration{font:400 12px/1.5 Inter,Arial,sans-serif;color:#6a5748;margin:0 0 28px}.sf-review-text p{font:400 16px/1.8 Inter,Arial,sans-serif;margin:0 0 22px}.sf-review-text p:last-child{margin-bottom:0}@keyframes sf-drift{from{transform:scale(1)}to{transform:scale(1.065)}}@media(hover:hover){.sf-btn:hover{background:#f7f3eb16;transform:translateY(-2px)}.sf-primary:hover{background:#d9c9b7}.sf-tab:hover{color:#f7f3eb}.sf-pause:hover{background:#f7f3eb22}}
@media(max-width:809px){.sf-inner{padding:48px 24px 32px}.sf-stories .sf-backdrop{height:440px;bottom:auto;background-position:64% 15%;background-size:auto 100%;opacity:.8}.sf-stories:before{background:linear-gradient(180deg,rgba(40,29,22,.55) 0%,rgba(40,29,22,.4) 15%,#281d16 43%,#281d16 100%)}.sf-eyebrow{font-size:10px;margin-bottom:20px}.sf-stories h2{font-size:clamp(36px,9.5vw,44px);max-width:310px;margin-bottom:0;text-wrap:balance}.sf-rule{margin-top:148px;margin-bottom:24px;width:38px}.sf-stage{min-height:244px;max-width:none;justify-content:flex-start}.sf-stories blockquote{font-size:clamp(28px,8.4vw,34px);line-height:1.12;letter-spacing:-.015em;max-width:420px;margin-bottom:24px}.sf-name{font-size:26px}.sf-person{gap:10px}.sf-person span:last-child{font-size:12px}.sf-actions{margin-top:10px;display:contents}.sf-read{margin-top:16px;margin-bottom:25px;border:0;border-radius:0;padding:10px 0;justify-content:flex-start;min-height:44px;text-decoration:underline!important;text-underline-offset:6px;width:fit-content}.sf-primary{order:5;width:100%;margin-top:28px;padding:17px 16px;font-size:13px!important}.sf-inner{display:flex;flex-direction:column}.sf-tools{order:2;margin:-8px 0 16px;justify-content:flex-end}.sf-tools span{font-size:10px}.sf-chapters{order:3;grid-template-columns:1fr 1fr;gap:0 24px;padding-top:0}.sf-tab{padding:16px 0;min-height:60px;border-bottom:1px solid #d9c9b72b}.sf-tab b{font-size:24px}.sf-tab:after{right:0}.sf-review{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:16px}.sf-review-head{padding:10px 20px}.sf-review-body{padding:28px 24px 40px}.sf-review h3{font-size:38px}.sf-review-text p{font-size:16px;line-height:1.75}}
@media(max-width:350px){.sf-inner{padding-left:20px;padding-right:20px}.sf-person{gap:7px}.sf-person span:last-child{font-size:11px}.sf-stage{min-height:270px}.sf-tab{gap:9px}}@media(prefers-reduced-motion:reduce){.sf-stories .sf-backdrop{animation:none}.sf-stories *{transition:none!important;scroll-behavior:auto!important}}
/* De nieuwe verhalen vervangen het lege Framer-reviewonderdeel. */
.framer-1jwkvgq-container{display:none!important}
@media(min-width:810px){.sf-stories .sf-backdrop{background-position:20% center}.sf-stories:before{background:linear-gradient(90deg,rgba(30,21,15,.98) 0%,rgba(30,21,15,.94) 38%,rgba(30,21,15,.45) 76%,rgba(30,21,15,.3)),linear-gradient(0deg,#281d16 0%,transparent 35%)}}
/* Mobiele typografie: leesbare labels, rustige verhoudingen en natuurlijke hoogte. */
@media(max-width:809px){
 .sf-stories{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .sf-inner{padding:40px 24px 32px}
 .sf-eyebrow{font-size:12px;line-height:1.6;letter-spacing:.16em;margin-bottom:20px;color:#e1d3c2}
 .sf-stories h2{font-size:clamp(36px,10vw,42px);line-height:1.08;max-width:340px;letter-spacing:-.02em;overflow-wrap:normal}
 .sf-rule{margin-top:132px;margin-bottom:26px}
 .sf-stage{min-height:0;gap:0}
 .sf-stories blockquote{font-size:clamp(30px,8.2vw,36px);line-height:1.14;margin-bottom:22px;max-width:100%;text-wrap:pretty;overflow-wrap:break-word}
 .sf-name{font-size:28px;line-height:1.2}
 .sf-person{gap:10px;row-gap:6px;align-items:baseline}
 .sf-person span:last-child{font-size:14px;line-height:1.6;color:#e5d9cb}
 .sf-stories .sf-read{font-size:16px;line-height:1.5;margin-top:20px;margin-bottom:14px;padding:10px 0}
 .sf-stories .sf-primary{font-size:16px!important;line-height:1.5;gap:10px;padding:16px 18px;min-height:56px;white-space:normal;text-align:center}
 .sf-tools{margin:0 0 20px;gap:12px}
 .sf-tools span{font-size:12px;line-height:1.5;letter-spacing:0;color:#e5d9cb}
 .sf-pause{flex-shrink:0}
 .sf-chapters{column-gap:24px}
 .sf-tab{min-height:64px;gap:12px;padding:17px 0}
 .sf-tab span{font-size:12px;line-height:1.5;letter-spacing:.08em}
 .sf-tab b{font-size:26px;line-height:1.15}
 .sf-review-head{padding:12px 20px;gap:12px}
 .sf-review-head span{font-size:12px;line-height:1.5;letter-spacing:.12em}
 .sf-close{flex-shrink:0}
 .sf-review-body{padding:26px 24px 32px}
 .sf-review h3{font-size:38px;line-height:1.1}
 .sf-review-duration{font-size:14px;line-height:1.6;margin-bottom:24px}
 .sf-review-text p{font-size:17px;line-height:1.7;margin-bottom:22px;overflow-wrap:break-word}
}
@media(max-width:350px){
 .sf-inner{padding-inline:20px}
 .sf-person{gap:8px}
 .sf-person span:last-child{font-size:14px}
 .sf-stage{min-height:0}
 .sf-chapters{column-gap:20px}
 .sf-tab{gap:9px}
 .sf-stories .sf-primary{padding-inline:12px;gap:8px}
 .sf-review-head{padding-inline:16px}
 .sf-review-head span{letter-spacing:.06em}
 .sf-review-body{padding-inline:20px}
}

/* Transformatiefoto als vervaagde achtergrond, zonder losse fotokaart. */
.sf-stories.sf-toepie .sf-backdrop{background-size:auto 125%;background-position:right 28%;background-repeat:no-repeat;background-color:#281d16;filter:saturate(.45);opacity:.65}
.sf-stories.sf-toepie:before{background:linear-gradient(90deg,#21170ffb 0%,#21170ff2 36%,#21170f90 72%,#21170f60),linear-gradient(0deg,#281d16 0%,transparent 50%)}
@media(max-width:809px){
.sf-stories.sf-toepie .sf-backdrop{height:530px;background-size:auto 125%;background-position:right 20%;opacity:.55}
.sf-stories.sf-toepie:before{background:linear-gradient(180deg,#281d16a8 0%,#281d1660 20%,#281d16ed 50%,#281d16 64%)}
.framer-yG8Yw .sf-stories .sf-eyebrow{font-size:12px!important;line-height:1.6!important;letter-spacing:.14em!important}
.framer-yG8Yw .sf-stories .sf-person{font-size:16px!important;line-height:1.6!important}
}
.sf-stories.sf-toepie .sf-backdrop{mask-image:linear-gradient(90deg,transparent 40%,#000 82%);-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 82%)}
@media(max-width:809px){.sf-stories.sf-toepie .sf-backdrop{mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%)}}

/* Aangeleverde sfeerfoto voor Lisbet, Amina en Babette. */
.sf-stories:not(.sf-toepie) .sf-backdrop{background-image:url('assets/reviews-sofie.jpg');background-size:auto 165%;background-position:right 38%;background-repeat:no-repeat;background-color:#281d16;filter:saturate(.55);opacity:.85;mask-image:linear-gradient(90deg,transparent 44%,#000 84%);-webkit-mask-image:linear-gradient(90deg,transparent 44%,#000 84%)}
@media(max-width:809px){.sf-stories:not(.sf-toepie) .sf-backdrop{height:500px;background-size:auto 155%;background-position:center 35%;opacity:.75;mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 100%)}}
/* Mobiel: rand-tot-rand achtergrond, met een zachte verticale uitloop. */
@media(max-width:809px){
 .sf-stories:not(.sf-toepie) .sf-backdrop,.sf-stories.sf-toepie .sf-backdrop{left:0;right:0;width:100%;height:540px;background-size:cover;background-position:center 38%;background-repeat:no-repeat;mask-image:linear-gradient(180deg,#000 0%,#000 28%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 28%,transparent 100%)}
 .sf-stories:not(.sf-toepie):before,.sf-stories.sf-toepie:before{background:linear-gradient(90deg,rgba(40,29,22,.38),rgba(40,29,22,.12) 50%,rgba(40,29,22,.38)),linear-gradient(180deg,rgba(40,29,22,.28) 0%,rgba(40,29,22,.42) 22%,#281d16 62%)}
}