/* Scroll sequence. The non-enhanced layout is deliberately complete. */
.unfold{position:relative;scroll-margin-top:0;background:#fff}
.unfold-pin{position:relative;isolation:isolate;overflow:clip;min-height:760px;height:100svh;max-height:1100px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.unfold-top{position:absolute;top:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:5;color:var(--chapter-ink,#101214)}
.unfold-top .eyebrow{font-size:10px}.unfold-skip{font-size:11px;display:inline-flex;gap:12px;align-items:center;min-height:44px}.unfold-skip:hover{text-decoration:underline}
.unfold-titles{position:absolute;inset:110px 6% auto;text-align:center;z-index:3;pointer-events:none}
.unfold-titles>p{font-family:var(--font-display);font-size:clamp(60px,7.8vw,118px);font-weight:600;letter-spacing:-.045em;line-height:1.02;position:absolute;inset:0;color:var(--chapter-ink,#101214);will-change:transform,opacity}
.unfold-titles>[data-chapter="0"],.unfold-titles>[data-chapter="1"]{opacity:0}
.unfold-titles>[data-chapter="2"]{opacity:1;color:#fff}
.unfold-world{position:absolute;inset:0;z-index:0;opacity:1;overflow:hidden;background:#2e332e}.unfold-world>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:scale(1.08)}.unfold-world>div{position:absolute;inset:0;background:linear-gradient(180deg,#0009 0%,#0002 60%,#0009 100%)}
.unfold-object{position:absolute;z-index:2;width:min(800px,76vw);height:340px;top:46%;display:flex;perspective:1400px;transform-style:preserve-3d;opacity:0;pointer-events:none;will-change:transform}
.unfold-leaf{position:relative;width:50%;height:100%;overflow:hidden;backface-visibility:hidden;background:#15191b;box-shadow:0 16px 40px #0002;will-change:transform}
.unfold-leaf img{width:100%;height:100%;object-fit:cover}.unfold-leaf:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 65%)}.unfold-leaf>span{position:absolute;z-index:2;left:24px;bottom:24px;color:#fff;font-family:var(--font-display);font-weight:650;font-size:25px;letter-spacing:-.03em}.leaf-left{transform-origin:right center;border-radius:8px 0 0 8px}.leaf-right{transform-origin:left center;border-radius:0 8px 8px 0}.leaf-left img{object-position:70% center}.leaf-right img{object-position:58% center}
.unfold-bottom{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);z-index:5;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:28px;color:#fff}.unfold-caption{font-size:12px;line-height:1.5}.unfold-hint{font:10px/1.5 var(--font-detail)}.unfold-progress{height:2px;background:currentColor;position:relative;opacity:.65}.unfold-progress>i{position:absolute;left:0;top:-2px;height:6px;width:6px;border-radius:50%;background:currentColor;transform:translateX(var(--progress-x,94px))}
.unfold[data-enhanced]{height:320svh;min-height:2100px}.unfold[data-enhanced] .unfold-pin{position:sticky;top:0;height:100svh;min-height:600px;max-height:none}.unfold[data-enhanced] .unfold-bottom{color:var(--chapter-ink,#101214)}
.unfold:not([data-enhanced]) .unfold-top{color:#fff}.unfold:not([data-enhanced]) .unfold-hint{display:none}.unfold:not([data-enhanced]) .unfold-bottom{grid-template-columns:1fr}.unfold:not([data-enhanced]) .unfold-progress{display:none}
/* Large, photograph-led cards with a deliberate next-card preview. */
.carousel-section{padding-block:115px 95px;background:#f4f5f6;overflow:hidden}
.carousel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:46px}.carousel-heading .eyebrow{margin-bottom:22px;color:var(--muted)}.carousel-heading h2{font-size:clamp(38px,4.7vw,66px);font-weight:700;letter-spacing:-.05em;line-height:1.05}.carousel-heading>p{font-size:14px;line-height:1.8;color:var(--muted)}
.carousel-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);padding-bottom:4px;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}.carousel-rail::-webkit-scrollbar{display:none}.carousel-rail:active{cursor:grabbing}.carousel-rail:focus-visible{outline-offset:-4px}.carousel-rail>*{flex-shrink:0}.carousel-rail:after{content:'';flex:0 0 calc(14vw - var(--gutter))}
.perspective-card{width:min(1050px,84vw);height:560px;border-radius:16px;overflow:hidden;position:relative;isolation:isolate;scroll-snap-align:start;background:#303637;color:#fff}.perspective-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;transform:scale(1.035);transition:transform 1000ms var(--ease-enter);user-select:none;-webkit-user-drag:none}.perspective-card[data-active]>img{transform:scale(1)}.perspective-card.card-portrait>img{object-position:60% 45%}.card-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0006 50%,#0000 85%),linear-gradient(0deg,#0009 0%,transparent 24%);z-index:1}.card-copy{position:relative;z-index:2;padding:42px 48px;pointer-events:none}.card-copy .eyebrow{font-size:10px;margin-bottom:20px;color:#f6f6f6}.card-copy h3{font:600 clamp(34px,4.2vw,58px)/1.02 var(--font-display);letter-spacing:-.045em;max-width:600px}.card-copy>p{font-size:15px;line-height:1.75;margin-top:24px;color:#f0f2f3}.card-footnote{position:absolute;z-index:2;left:48px;bottom:37px;font:10px/1.5 var(--font-detail);max-width:70%;color:#fff}.card-open{position:absolute;bottom:25px;right:28px;z-index:3;width:48px;height:48px;display:grid;place-items:center;appearance:none;border:1px solid #ffffff60;border-radius:50%;background:#fff;color:#101214;font:300 30px/1 var(--font);cursor:pointer;transition:transform 200ms,background 200ms}.card-open:hover{transform:rotate(90deg);background:var(--accent)}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}.carousel-controls[hidden]{display:none}.carousel-status{font:10px/1.5 var(--font-detail);color:var(--muted);min-width:220px}.carousel-dock{display:flex;align-items:center;gap:8px}.carousel-arrow,.carousel-play,.carousel-dots button{appearance:none;border:0;cursor:pointer;color:#101214;display:grid;place-items:center;background:transparent;min-width:44px;height:44px;font:500 20px/1 var(--font)}.carousel-arrow,.carousel-play{background:#e5e8eb;border-radius:50%;transition:background 200ms}.carousel-arrow:hover,.carousel-play:hover{background:#d4d9df}.carousel-arrow:disabled{opacity:.3;cursor:default}.carousel-play{font-size:14px;margin-left:8px}.carousel-dots{display:flex;align-items:center;border-radius:50px;background:#e5e8eb;padding:0 8px;height:44px}.carousel-dots button{min-width:32px}.carousel-dots span{width:6px;height:6px;border-radius:5px;background:#8a9199;transition:width 400ms,background 400ms}.carousel-dots [aria-current=true] span{width:22px;background:#111519}.carousel-play[aria-pressed=true]{background:#101214;color:#fff}.carousel-play:disabled{opacity:.35;cursor:default}
.perspective-dialog{max-width:650px;background:#fff;color:#101214;padding:54px}.perspective-dialog>.eyebrow{font-size:10px;color:#606973;margin-bottom:24px}.perspective-dialog h2{font-size:clamp(35px,4.5vw,53px);font-weight:700;line-height:1.07;letter-spacing:-.045em;max-width:90%}.perspective-dialog>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#606973;margin-top:24px}.perspective-dialog>.inline-link{margin-top:30px}.perspective-dialog .dialog-close{background:#f0f2f4;color:#101214;border-color:#cbd0d5}
/* Website-specific rhythm and responsive treatment of shared components. */
.unfold-top{top:110px}.unfold-titles{top:175px}.unfold-object{top:49%}.unfold-bottom{bottom:35px}.unfold[data-enhanced]{height:300svh;min-height:2200px}.unfold[data-enhanced] .unfold-pin{min-height:680px}.unfold-caption{max-width:470px}.carousel-heading h2{font-weight:600;letter-spacing:-.045em}.carousel-heading>p{max-width:370px}.card-speaking>img{object-position:60% center}.card-speaking .card-shade{background:linear-gradient(90deg,#000c,#0007 50%,#0001),linear-gradient(0deg,#0008,transparent 20%)}.card-copy>.eyebrow{margin-top:0}.carousel-rail{scroll-padding-left:max(var(--gutter),calc((100vw - 1380px)/2));padding-left:max(var(--gutter),calc((100vw - 1380px)/2))}.carousel-rail:after{flex:0 0 calc(100vw - min(1050px,84vw) - 2 * var(--gutter))}
@media(max-width:1100px){.unfold-object{width:85vw;height:320px}.perspective-card{height:510px}.card-copy{padding:36px}.card-copy h3{font-size:47px}.card-footnote{left:36px}}
@media(max-width:760px){.unfold-pin{min-height:680px;height:100svh}.unfold[data-enhanced]{height:290svh;min-height:1850px}.unfold[data-enhanced] .unfold-pin{min-height:650px}.unfold-top{top:100px;align-items:flex-start}.unfold-top .eyebrow{font-size:8px;max-width:130px}.unfold-skip{font-size:10px;gap:8px;max-width:125px;min-height:30px}.unfold-titles{inset:175px 5% auto}.unfold-titles>p{font-size:clamp(42px,11.4vw,80px);line-height:1.05}.unfold-object{top:47%;width:91vw;height:245px}.unfold-leaf>span{font-size:17px;left:15px;bottom:20px}.unfold-world>img{object-position:60% center}.unfold-bottom{bottom:30px;grid-template-columns:46px 1fr;gap:17px}.unfold-hint{grid-column:2;font-size:9px}.unfold-caption{font-size:11px;max-width:310px}.unfold-progress>i{transform:translateX(calc(var(--progress-x,94px)*.43))}.carousel-section{padding-block:75px 55px}.carousel-heading{display:block;margin-bottom:32px}.carousel-heading h2{font-size:clamp(34px,8.5vw,53px);line-height:1.1}.carousel-heading .eyebrow{font-size:10px;margin-bottom:22px}.carousel-heading>p{font-size:13px;margin-top:25px}.carousel-rail{gap:14px}.perspective-card{width:85vw;height:490px;border-radius:10px}.carousel-rail:after{flex:0 0 calc(15vw - 2 * var(--gutter))}.card-copy{padding:30px 25px}.card-copy h3{font-size:clamp(29px,8vw,48px);line-height:1.1;letter-spacing:-.04em}.card-copy .eyebrow{font-size:9px;margin-bottom:20px}.card-copy>p{font-size:13px;line-height:1.7;margin-top:24px}.card-shade{background:linear-gradient(180deg,#000c,transparent 90%),linear-gradient(0deg,#000a,transparent 30%)}.card-footnote{left:25px;bottom:32px;max-width:65%;font-size:8px}.card-open{width:44px;height:44px;right:18px;bottom:20px}.carousel-controls{flex-direction:column;align-items:center;margin-top:22px;gap:14px}.carousel-status{min-width:0;font-size:9px}.carousel-dock{gap:5px}.carousel-dots{padding-inline:3px}.carousel-dots button{min-width:32px}.carousel-play{margin-left:4px}}
@media(max-width:370px){.unfold-titles{top:175px}.unfold-titles>p{font-size:41px}.unfold-object{height:220px;top:48%}.card-copy{padding:25px 21px}.card-copy h3{font-size:28px}.card-copy>p{font-size:12px}.perspective-card{height:450px}.card-footnote{left:21px}.carousel-dock{gap:3px}}
@media(prefers-reduced-motion:reduce){.perspective-card>img{transition:none!important}.unfold-object,.unfold-titles>p{will-change:auto}}
body[data-motion=off] .perspective-card>img{transform:none;transition:none}

.unfold-top .eyebrow{color:inherit}

@media(max-width:760px){.card-speaking>img{object-position:10% center}}
@media(max-width:760px){.leaf-right img{object-position:0% center}}

/* Eigen fotografie: het gesprek en de winkelervaring blijven in beeld. */
.perspective-card>.talk-conversation-photo{object-position:70% 47%}.perspective-card>.talk-retail-photo{object-position:65% 48%}
@media(max-width:760px){.perspective-card:has(>.talk-conversation-photo),.perspective-card:has(>.talk-retail-photo){background:#171b1e}.perspective-card>.talk-conversation-photo,.perspective-card>.talk-retail-photo{inset:auto 0 0;height:70%}.perspective-card>.talk-conversation-photo{object-position:75% center}.perspective-card>.talk-retail-photo{object-position:68% center}.perspective-card:has(>.talk-conversation-photo)>.card-shade,.perspective-card:has(>.talk-retail-photo)>.card-shade{background:linear-gradient(180deg,#171b1e 30%,#171b1ed9 37%,#171b1e00 65%),linear-gradient(0deg,#0009,transparent 30%)}}