.hero-image img{object-position:50% 38%}.preview-hint{font-size:14px;color:var(--muted);margin-bottom:24px}.portfolio-expanded{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portfolio-expanded .work{grid-row:auto}.portfolio-expanded .work-body{padding:25px}.portfolio-expanded .work h3{font-size:27px}.portfolio-preview{margin:0;background:#e7dcd1;position:relative}.portfolio-preview a{display:block;position:relative;cursor:zoom-in;overflow:hidden}.portfolio-preview img{width:100%;height:330px;display:block;object-fit:contain;padding:16px;transition:transform .2s}.portfolio-preview a:hover img{transform:scale(1.025)}.portfolio-preview a::after{content:'Vergroot ↗';position:absolute;right:12px;bottom:12px;padding:5px 11px;background:var(--paper);color:var(--ink);font:12px Arial,sans-serif;border:1px solid var(--line)}.podcast-strip{margin-top:32px;padding:32px;background:var(--sand);display:flex;gap:30px;justify-content:space-between;align-items:center}.podcast-strip h3{font-size:28px;margin-bottom:12px}.podcast-strip .eyebrow{margin-bottom:12px}.podcast-strip p{margin-bottom:0}.podcast-strip .text-link{white-space:nowrap}.editing-note .portfolio-preview{max-width:200px;margin-top:20px}.editing-note .portfolio-preview img{height:230px}.small{font-size:13px;color:var(--muted)}.page-intro{padding:65px 0 40px;max-width:950px}.back-link{display:inline-block;font-size:14px;margin-bottom:45px;color:var(--muted)}.page-intro h1{font-size:clamp(46px,6vw,80px);margin-bottom:30px}.page-intro>p:not(.eyebrow){max-width:740px}.page-lead{font:23px/1.6 var(--serif);margin:28px 0}.genre-line{font-size:15px;letter-spacing:1px;border-block:1px solid var(--line);padding:20px 0;margin:30px 0}.sets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:38px}.set-card{border-top:1px solid var(--line);padding-top:25px}.set-card h3{font-size:29px;margin-bottom:12px}.set-card .eyebrow{font-size:12px;margin-bottom:17px}.set-date{font-size:14px;color:var(--muted)}iframe{width:100%;border:0;display:block}.set-card iframe{margin-top:24px}.festival{background:var(--sand)}.festival-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.festival-grid h2{margin-bottom:22px}.festival .portfolio-preview img{height:370px}.event-year{display:grid;grid-template-columns:100px 1fr;gap:35px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.event-year h3{font-size:29px}.event-year ul{padding:0;margin:0;list-style:none}.event-year li{display:flex;justify-content:space-between;gap:30px;padding:12px 0;border-bottom:1px solid var(--line)}.event-year li span{font-size:14px;color:var(--muted);flex-shrink:0}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.media-grid .portfolio-preview img{height:390px}.media-grid .podcast{justify-content:center}.media-grid iframe{margin-block:25px}.media-section{padding-top:25px}.gallery-is-open{overflow:hidden}.gallery-dialog{width:min(1080px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0005}.gallery-dialog::backdrop{background:#211a16cc}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}.gallery-top h2{font:24px/1.3 var(--serif);letter-spacing:0;margin:0}.gallery-dialog button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 12px;cursor:pointer;font-size:14px;min-height:42px;white-space:nowrap}.gallery-dialog button:hover{background:var(--sand)}.gallery-dialog button:disabled{opacity:.4;cursor:default}.gallery-dialog button:focus-visible,.gallery-dialog a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-toolbar{display:flex;align-items:center;gap:12px;padding:12px 24px;flex-wrap:wrap;font-size:14px}.gallery-download{margin-left:auto;text-decoration:underline}.gallery-canvas{background:#ded7ce;overflow:auto;max-height:calc(94dvh - 160px);padding:22px;min-height:200px}.gallery-page{display:block;width:auto;max-width:100%;height:auto;margin:auto;box-shadow:0 4px 20px #0002}.gallery-canvas.zoomed .gallery-page{width:1500px;max-width:none}.gallery-error{padding:30px}.gallery-dialog [hidden]{display:none!important}@media(max-width:1000px){.portfolio-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.sets-grid{grid-template-columns:1fr}.set-card{display:block}.set-card p{max-width:720px}.festival-grid{gap:35px}.header nav{gap:18px;font-size:13px}.header .brand{font-size:28px}}@media(max-width:720px){.portfolio-expanded{grid-template-columns:1fr}.portfolio-preview img{height:390px}.podcast-strip{align-items:flex-start;flex-direction:column;padding:25px}.podcast-strip .text-link{white-space:normal}.page-intro{padding-top:35px}.page-intro h1{font-size:48px}.page-lead{font-size:21px}.back-link{margin-bottom:30px}.festival-grid,.media-grid{grid-template-columns:1fr}.event-year{grid-template-columns:1fr;gap:0}.event-year h3{margin-bottom:10px}.event-year li{gap:15px}.event-year li span{font-size:12px}.media-grid .portfolio-preview img{height:340px}.gallery-top{padding:14px;align-items:flex-start}.gallery-top h2{font-size:20px}.gallery-toolbar{padding:10px;gap:7px}.gallery-toolbar button{font-size:12px;padding:7px 9px}.gallery-count{font-size:12px}.gallery-canvas{padding:10px;max-height:calc(94dvh - 185px)}.gallery-download{font-size:13px;margin-left:0}.gallery-canvas.zoomed .gallery-page{width:1100px}}@media(prefers-reduced-motion:reduce){.portfolio-preview img{transition:none}}

.podcast-strip>div:first-child{max-width:440px}.podcast-player{width:min(520px,100%)}.podcast-player iframe{border-radius:10px;margin-bottom:10px}.podcast-player .text-link{width:100%}@media(max-width:900px){.podcast-strip{align-items:stretch;flex-direction:column}.podcast-strip>div:first-child{max-width:680px}.podcast-player{width:100%}}

/* Redactionele portfolio-collage */
.editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:88px;grid-auto-flow:dense;gap:18px}.editorial-item{min-width:0;overflow:hidden}.editorial-item.portfolio-preview{margin:0;background:var(--ink)}.editorial-item.portfolio-preview>a{display:block;width:100%;height:100%;position:relative;overflow:hidden;cursor:zoom-in}.editorial-item.portfolio-preview img{width:100%;height:100%;padding:0;object-fit:cover;object-position:top center;transition:transform .45s ease}.editorial-featured{grid-column:span 7;grid-row:span 6}.editorial-tall{grid-column:span 5;grid-row:span 6}.editorial-wide{grid-column:span 7;grid-row:span 5}.editorial-standard{grid-column:span 5;grid-row:span 5}.editorial-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff;background:linear-gradient(180deg,#21181308 18%,#211813e8 100%);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.editorial-overlay small{font-size:11px;letter-spacing:1.25px;text-transform:uppercase}.editorial-overlay h3{font-size:clamp(25px,2.4vw,38px);max-width:620px;margin:10px 0 18px}.editorial-overlay b{font-size:12px;font-weight:400;letter-spacing:.8px}.editorial-item:hover .editorial-overlay,.editorial-item:focus-within .editorial-overlay{opacity:1;transform:none}.editorial-item:hover img,.editorial-item:focus-within img{transform:scale(1.035)}.editorial-item.portfolio-preview a::after{display:none}.editorial-podcast{grid-row:span 5;background:var(--sand);padding:26px;display:flex;flex-direction:column;justify-content:space-between}.editorial-podcast-wide{grid-column:span 7}.editorial-podcast-episode{grid-column:span 5}.editorial-podcast-copy small{font-size:11px;letter-spacing:1.25px;text-transform:uppercase;color:var(--accent)}.editorial-podcast-copy h3{font-size:30px;margin:9px 0 8px}.editorial-podcast-copy p{font-size:14px;color:var(--muted);margin:0 0 20px}.editorial-podcast iframe{width:100%;border:0;border-radius:9px;display:block}
@media(max-width:900px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.editorial-featured,.editorial-tall,.editorial-wide,.editorial-standard{grid-column:span 1;grid-row:auto;aspect-ratio:4/5}.editorial-featured,.editorial-wide{grid-column:span 2;aspect-ratio:16/10}.editorial-podcast{grid-column:span 1;grid-row:auto;min-height:410px}.editorial-podcast-wide{grid-column:span 2;min-height:390px}.editorial-overlay{opacity:1;transform:none;background:linear-gradient(180deg,transparent 20%,#211813e6 100%);padding:26px}}
@media(max-width:620px){.editorial-grid{grid-template-columns:1fr}.editorial-featured,.editorial-tall,.editorial-wide,.editorial-standard,.editorial-podcast,.editorial-podcast-wide,.editorial-podcast-episode{grid-column:1;aspect-ratio:auto}.editorial-item.portfolio-preview{height:460px}.editorial-podcast{min-height:410px;padding:22px}.editorial-overlay{padding:23px}.editorial-overlay h3{font-size:27px}}
.editorial-external>a{cursor:pointer!important}

/* Keuzemenu met de drie hoofdrollen */
.role-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:64px}.role-card{position:relative;display:block;min-height:390px;overflow:hidden;background:var(--ink);color:white}.role-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.role-journalist img{object-position:center 37%}.role-coach img{object-position:center}.role-dj img{object-position:center}.role-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2419140a 18%,#241914d9 100%)}.role-card>span{position:absolute;z-index:1;inset:auto 0 0;display:flex;flex-direction:column;padding:28px}.role-card small{font-size:11px;letter-spacing:1.7px;margin-bottom:8px}.role-card strong{font:clamp(34px,3.5vw,52px)/1 var(--serif);font-weight:400}.role-card b{font-size:11px;font-weight:400;letter-spacing:.6px;margin-top:19px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.role-card:hover{text-decoration:none}.role-card:hover img,.role-card:focus-visible img{transform:scale(1.045);filter:saturate(.8)}.role-card:hover b,.role-card:focus-visible b{opacity:1;transform:none}
@media(max-width:900px){.role-menu{gap:13px}.role-card{min-height:320px}.role-card>span{padding:22px}.role-card b{opacity:1;transform:none}}
@media(max-width:620px){.role-menu{grid-template-columns:1fr;padding-bottom:48px}.role-card{min-height:250px}.role-journalist img{object-position:center 34%}.role-coach img{object-position:center 44%}.role-dj img{object-position:center 42%}.role-card strong{font-size:40px}}

/* Publicaties volledig en passend tonen */
.editorial-grid{grid-auto-rows:auto;align-items:start}.editorial-item.portfolio-preview{grid-row:auto;background:#e7dcd1}.editorial-item.portfolio-preview>a{height:auto}.editorial-item.portfolio-preview img{height:auto;object-fit:contain;object-position:center;aspect-ratio:auto}.editorial-item.portfolio-preview:hover img,.editorial-item.portfolio-preview:focus-within img{transform:none}.editorial-podcast{grid-row:auto;min-height:430px}.gallery-canvas{height:calc(94dvh - 160px);max-height:calc(94dvh - 160px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.gallery-page{max-width:100%;max-height:calc(94dvh - 204px);width:auto;height:auto}.gallery-canvas.zoomed{display:block}.gallery-canvas.zoomed .gallery-page{width:1500px;max-width:none;max-height:none}
@media(max-width:720px){.editorial-item.portfolio-preview{height:auto}.gallery-canvas{height:calc(94dvh - 185px);max-height:calc(94dvh - 185px)}.gallery-page{max-height:calc(94dvh - 205px)}}

/* Positionering boven de vouw */
.hero-positioning{max-width:610px;margin-bottom:20px}.hero-pillars{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:9px}.hero-pillars li{padding:7px 11px;border:1px solid var(--line);background:#fff8;font-size:12px;line-height:1.35;letter-spacing:.15px}.hero .hero-note{font-size:13px;letter-spacing:.2px}.role-card strong{max-width:95%}.role-coach strong,.role-dj strong{font-size:clamp(29px,3vw,45px)}
@media(max-width:720px){.hero-positioning{max-width:100%}.hero-pillars{gap:7px;margin-bottom:24px}.hero-pillars li{font-size:12px;padding:6px 9px}.role-coach strong,.role-dj strong{font-size:35px}}

/* Klikbare werkgebieden als automatische slider in de hero */
.role-slider{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.role-slider-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 17% 6px 0}.role-slider-track::-webkit-scrollbar{display:none}.role-slide{position:relative;flex:0 0 82%;height:475px;overflow:hidden;background:var(--ink);color:#fff}.role-slide:hover{text-decoration:none}.role-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.role-slide:first-child img,.role-slide-clone-0 img{object-position:center 35%}.role-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#24191405 28%,#241914e5 100%)}.role-slide>span{position:absolute;z-index:1;inset:auto 0 0;display:flex;flex-direction:column;padding:25px}.role-slide strong{font:clamp(38px,3.8vw,58px)/.98 var(--serif);font-weight:400;letter-spacing:-1px}.role-slide b{font-size:13px;font-weight:400;margin-top:17px;opacity:0;transform:translateY(7px);transition:opacity .3s ease,transform .3s ease}.role-slide:hover b,.role-slide:focus-visible b{opacity:.9;transform:none}.role-slide:hover img,.role-slide:focus-visible img{transform:scale(1.035);filter:saturate(.85)}.role-slider-dots{display:flex;gap:9px;align-items:center;margin-top:14px}.role-slider-dots button{width:26px;height:3px;padding:0;border:0;background:var(--line);cursor:pointer}.role-slider-dots button.is-active{background:var(--accent);transition:background .35s ease}
@media(max-width:1000px){.role-slide{height:400px;flex-basis:84%}}
@media(max-width:720px){.role-slider{width:calc(100vw - 20px);justify-self:start}.role-slider-track{gap:11px;padding-right:18%}.role-slide{height:360px;flex-basis:82%}.role-slide>span{padding:22px}.role-slide strong{font-size:42px}.role-slide b{font-size:12px}.role-slider-dots{margin-left:0}}
@media(prefers-reduced-motion:reduce){.role-slide img{transition:none}}

/* Subtiele spirituele laag: zachte gloed, sterrenaccenten en organische lijnen */
:root{--mystic:#856b78;--gold:#b58b61;--aura:#eadfd8}
body{background:
  radial-gradient(circle at 8% 9%,rgba(181,139,97,.10),transparent 23rem),
  radial-gradient(circle at 94% 34%,rgba(133,107,120,.08),transparent 27rem),
  var(--paper)}
.header{position:relative}
.header::after{
  content:"✦";
  position:absolute;
  left:50%;
  bottom:6px;
  transform:translateX(-50%);
  color:var(--gold);
  font-size:13px;
  line-height:1;
  pointer-events:none;
}
.eyebrow{color:var(--mystic)}
.hero{position:relative;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;width:310px;aspect-ratio:1;border:1px solid rgba(181,139,97,.18);border-radius:50%;left:-165px;top:50px;box-shadow:0 0 0 34px rgba(181,139,97,.035),0 0 0 70px rgba(133,107,120,.025)}
.hero-pillars li{border-color:rgba(133,107,120,.27);background:rgba(255,252,248,.68);backdrop-filter:blur(4px)}
.section-heading h2{position:relative}.section-heading h2::after{content:"✦";display:inline-block;margin-left:.35em;color:var(--gold);font-size:.34em;vertical-align:top;transform:translateY(.32em)}
.section-heading{position:relative}.section-heading::after{content:"";position:absolute;left:0;bottom:-22px;width:74px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.experience{background:linear-gradient(90deg,transparent,rgba(234,223,216,.38),transparent)}
.editorial-podcast,.podcast-strip,.personal-offer-card,.event-card{box-shadow:0 18px 46px rgba(62,52,46,.045)}
.button{background:linear-gradient(135deg,var(--accent),var(--mystic));border-color:transparent;box-shadow:0 10px 28px rgba(115,84,70,.13)}
.contact{position:relative;overflow:hidden;background:linear-gradient(135deg,#e5d4c7 0%,#eaded8 52%,#e4d3c5 100%)}.contact::before,.contact::after{content:"";position:absolute;border:1px solid rgba(181,139,97,.24);border-radius:50%;aspect-ratio:1}.contact::before{width:250px;left:-120px;top:-150px}.contact::after{width:170px;right:-75px;bottom:-105px}
.role-slider-dots button.is-active{background:var(--mystic);box-shadow:0 0 0 3px rgba(133,107,120,.09)}
@media(max-width:720px){.hero::before{width:220px;left:-145px;top:110px}.section-heading h2::after{font-size:.4em}.contact::before{width:190px}}
body{overflow-x:clip}

/* Journalistieke homepage en doorklikpagina's */
.hero-journalism{grid-template-columns:.85fr 1.15fr}.hero-journalism .journalist-portrait{grid-column:1;grid-row:1;justify-self:start}.hero-journalism .hero-copy{grid-column:2;grid-row:1}.journalist-portrait{margin:0;position:relative;max-width:470px;justify-self:end}.journalist-portrait::before{content:"";position:absolute;inset:-16px 16px 18px -16px;border:1px solid rgba(181,139,97,.32);border-radius:48% 48% 3px 3px;z-index:-1}.journalist-portrait img{width:100%;height:520px;display:block;object-fit:cover;object-position:center 38%;border-radius:48% 48% 3px 3px}.journalist-portrait figcaption{font:italic 15px var(--serif);color:var(--muted);text-align:right;margin-top:12px}.other-work{padding-top:45px}.route-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.route-card{position:relative;display:block;min-height:430px;overflow:hidden;background:var(--ink);color:#fff}.route-card:hover{text-decoration:none}.route-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.route-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(39,29,27,.9) 100%)}.route-card>span{position:absolute;z-index:1;inset:auto 0 0;padding:34px;display:flex;flex-direction:column}.route-card small{font-size:12px;letter-spacing:1.8px;color:#e3c399}.route-card strong{font:clamp(32px,3vw,48px)/1.05 var(--serif);font-weight:400;margin:8px 0 13px}.route-card b{font-size:13px;font-weight:400;opacity:.82}.route-card:hover img,.route-card:focus-visible img{transform:scale(1.035);filter:saturate(.85)}.route-bookable img{object-position:center 35%}.page-intro+.more{margin-top:12px}.page-intro h1 em{display:inline}.page-intro .page-lead{max-width:760px}
@media(max-width:900px){.hero-journalism{grid-template-columns:1fr 1fr}.journalist-portrait img{height:430px}.route-card{min-height:370px}}
@media(max-width:720px){.hero-journalism{grid-template-columns:1fr}.hero-journalism .hero-copy{grid-column:1;grid-row:1}.hero-journalism .journalist-portrait{grid-column:1;grid-row:2;justify-self:center}.journalist-portrait{max-width:430px;width:100%}.journalist-portrait img{height:440px}.route-cards{grid-template-columns:1fr}.route-card{min-height:330px}.route-card>span{padding:25px}.other-work{padding-top:20px}}

/* Gelijke portfolioformaten en vierkante diensten */
.editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:20px}.editorial-item.portfolio-preview,.editorial-featured,.editorial-tall,.editorial-wide,.editorial-standard{grid-column:span 1;grid-row:auto;aspect-ratio:4/5;height:auto}.editorial-item.portfolio-preview>a{height:100%}.editorial-item.portfolio-preview img{width:100%;height:100%;object-fit:contain}.editorial-podcast{aspect-ratio:auto;min-height:430px}.editorial-podcast-wide{grid-column:1/-1}.editorial-podcast-episode{grid-column:span 1}.route-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.route-card{min-height:0;aspect-ratio:1/1}.route-card>span{padding:22px}.route-card strong{font-size:clamp(25px,2.1vw,35px);margin:0 0 9px}.route-card b{font-size:12px}.route-card img{object-position:center}.route-card:nth-child(2) img{object-position:60% center}.route-card:nth-child(3) img{object-position:32% center}
@media(max-width:950px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-podcast-wide,.editorial-podcast-episode{grid-column:1/-1}.route-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card strong{font-size:32px}}
@media(max-width:620px){.editorial-grid{grid-template-columns:1fr}.editorial-item.portfolio-preview,.editorial-featured,.editorial-tall,.editorial-wide,.editorial-standard{grid-column:1;height:auto;aspect-ratio:4/5}.editorial-podcast,.editorial-podcast-wide,.editorial-podcast-episode{grid-column:1;aspect-ratio:auto}.route-cards{grid-template-columns:1fr 1fr;gap:11px}.route-card{min-height:0}.route-card>span{padding:15px}.route-card strong{font-size:20px;line-height:1.02}.route-card b{font-size:11px;line-height:1.35}}

/* Portfolio-interactie en duidelijke journalistieke CTA */
.editorial-item.portfolio-preview{transition:transform .38s ease,box-shadow .38s ease}
.editorial-item.portfolio-preview:hover,.editorial-item.portfolio-preview:focus-within{transform:translateY(-7px);box-shadow:0 18px 40px rgba(57,40,34,.18)}
.editorial-item.portfolio-preview img{transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .4s ease}
.editorial-item.portfolio-preview:hover img,.editorial-item.portfolio-preview:focus-within img{transform:scale(1.055);filter:saturate(.82)}
.editorial-question{font:15px/1.42 Arial,sans-serif;max-width:520px;margin:0 0 16px;color:rgba(255,255,255,.9)}
.editorial-overlay h3{margin-bottom:9px}
.portfolio-cta{margin-top:42px;padding:30px 32px;border:1px solid rgba(181,139,97,.45);background:linear-gradient(120deg,rgba(181,139,97,.13),rgba(255,255,255,.15));flex-direction:column;align-items:center;gap:16px;text-align:center}
.portfolio-cta p{font:clamp(24px,2.6vw,34px)/1.3 var(--serif);margin:0}
.portfolio-cta .text-link{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;background:var(--ink);color:#fff;border:1px solid var(--ink);white-space:nowrap;transition:transform .25s ease,background .25s ease}
.portfolio-cta .text-link:hover,.portfolio-cta .text-link:focus-visible{background:#6f5143;transform:translateY(-2px);text-decoration:none}
@media(max-width:620px){.editorial-question{font-size:13px;line-height:1.35;margin-bottom:12px}.editorial-overlay h3{font-size:25px}.portfolio-cta{padding:25px 22px}.portfolio-cta .text-link{white-space:normal}}

/* Bladeranimatie voor tijdschriftartikelen uit PDF */
.pdf-preview>a{perspective:1100px;background:#e7dcd1}
.pdf-preview .editorial-current-page,.pdf-preview .editorial-next-page{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;transform-origin:left center;transition:transform .75s cubic-bezier(.2,.72,.2,1),opacity .52s ease,filter .45s ease}
.pdf-preview .editorial-next-page{opacity:0;transform:translateX(5%) scale(.98);filter:brightness(.92)}
.pdf-preview:hover .editorial-next-page,.pdf-preview:focus-within .editorial-next-page{opacity:1;transform:translateX(0) scale(1);filter:none}
.pdf-preview:hover .editorial-current-page,.pdf-preview:focus-within .editorial-current-page{opacity:.12;transform:translateX(-18%) rotateY(-58deg) scale(.99);filter:brightness(.78)}
.pdf-preview .editorial-overlay{z-index:3}
.pdf-preview>a::before{content:'';position:absolute;z-index:2;inset:0 auto 0 0;width:16%;opacity:0;background:linear-gradient(90deg,rgba(35,25,21,.32),transparent);transition:opacity .35s ease;pointer-events:none}
.pdf-preview:hover>a::before,.pdf-preview:focus-within>a::before{opacity:1}
@media(prefers-reduced-motion:reduce){.pdf-preview .editorial-current-page,.pdf-preview .editorial-next-page{transition:opacity .2s ease;transform:none}.pdf-preview:hover .editorial-current-page,.pdf-preview:focus-within .editorial-current-page{transform:none}}

/* Tweepagina tijdschriftspread met echte omslaande rechterpagina */
.editorial-item.portfolio-preview{aspect-ratio:16/10}
.magazine-spread{position:absolute;inset:0;display:block;background:#d8cbc0;perspective:1800px;overflow:hidden}
.magazine-spread>img,.magazine-spread .flip-sheet img{position:absolute;top:0;width:50%;height:100%;padding:0;object-fit:contain;background:#f6f1ea;transform:none!important;filter:none!important}
.magazine-spread .spread-left{left:0;border-right:1px solid rgba(55,39,33,.18)}
.magazine-spread .spread-next{right:0}
.magazine-spread .flip-sheet{position:absolute;z-index:2;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.22,.68,.18,1);filter:drop-shadow(-5px 2px 5px rgba(45,31,26,0))}
.magazine-spread .flip-sheet img{inset:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.magazine-spread .flip-front{z-index:2}
.magazine-spread .flip-back{transform:rotateY(180deg)!important}
.pdf-preview:hover .flip-sheet,.pdf-preview:focus-within .flip-sheet{transform:rotateY(-178deg);filter:drop-shadow(-8px 3px 7px rgba(45,31,26,.28))}
.pdf-preview:hover .magazine-spread img,.pdf-preview:focus-within .magazine-spread img{filter:none;transform:none}
.pdf-preview:hover>a::before,.pdf-preview:focus-within>a::before{opacity:0}
.pdf-preview .editorial-overlay{background:linear-gradient(180deg,transparent 33%,rgba(33,24,19,.91) 100%)}
@media(max-width:620px){.editorial-item.portfolio-preview{aspect-ratio:4/3;height:auto}.magazine-spread .flip-sheet{transition-duration:.85s}}
@media(prefers-reduced-motion:reduce){.magazine-spread .flip-sheet{transition:none}.pdf-preview:hover .flip-sheet,.pdf-preview:focus-within .flip-sheet{transform:none}}

/* Volledig bladerbaar gezondNU-boekje */
.mag-reader{width:min(1180px,94vw);max-width:none;border:0;padding:0;background:transparent;color:var(--ink);overflow:visible}
.mag-reader::backdrop{background:rgba(31,23,20,.82);backdrop-filter:blur(5px)}
.mag-reader-shell{background:var(--paper);padding:24px 28px 20px;box-shadow:0 28px 90px rgba(0,0,0,.35)}
.mag-reader header,.mag-reader footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.mag-reader header{padding-bottom:18px;border-bottom:1px solid var(--line)}
.mag-reader header p{margin:0 0 4px;font-size:11px;letter-spacing:1.7px;color:var(--muted)}
.mag-reader h2{font-size:clamp(25px,3vw,42px);margin:0}
.mag-close{border:0;background:transparent;font:38px/1 Arial;cursor:pointer;color:var(--ink);padding:6px 10px}
.mag-reader-stage{padding:24px 0;perspective:1800px}
.mag-reader-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:920px;aspect-ratio:1.42/1;margin:auto;transform-style:preserve-3d;filter:drop-shadow(0 16px 20px rgba(48,33,27,.22))}
.mag-page{position:relative;background:#f9f5ef;overflow:hidden;backface-visibility:hidden;transition:transform .42s cubic-bezier(.2,.72,.2,1),opacity .35s ease}
.mag-page-left{transform-origin:right center;border-right:1px solid rgba(54,38,31,.18)}
.mag-page-right{transform-origin:left center}
.mag-page img{width:100%;height:100%;display:block;object-fit:contain}
.mag-page.is-empty{background:linear-gradient(135deg,#f6efe7,#e7d9cd)}
.mag-reader-spread.turn-next .mag-page-right{transform:rotateY(-168deg);box-shadow:-16px 0 24px rgba(45,30,24,.2)}
.mag-reader-spread.turn-prev .mag-page-left{transform:rotateY(168deg);box-shadow:16px 0 24px rgba(45,30,24,.2)}
.mag-reader footer{border-top:1px solid var(--line);padding-top:18px}
.mag-reader footer button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:12px 18px;font:600 12px Arial;letter-spacing:.5px;cursor:pointer}
.mag-reader footer button:disabled{opacity:.28;cursor:default}
.mag-counter{font-size:13px;color:var(--muted)}
.mag-reader-open{overflow:hidden}
@media(max-width:700px){.mag-reader{width:96vw}.mag-reader-shell{padding:17px 15px 14px}.mag-reader header{gap:10px}.mag-reader h2{font-size:24px}.mag-reader-stage{padding:17px 0}.mag-reader-spread{aspect-ratio:1.16/1}.mag-reader footer{gap:8px}.mag-reader footer button{padding:10px 11px;font-size:11px}.mag-counter{font-size:11px;text-align:center}}
@media(prefers-reduced-motion:reduce){.mag-page{transition:none}}

/* Portfolio als losse tijdschriftboekjes */
.editorial-grid{align-items:start}
.editorial-item.pdf-preview{aspect-ratio:auto;height:auto;overflow:visible;background:transparent;box-shadow:none}
.editorial-item.pdf-preview>a{height:auto;overflow:visible;color:var(--ink);perspective:none;background:transparent}
.book-mockup{position:relative;display:block;width:100%;aspect-ratio:1.28/1;margin:0;perspective:1400px;filter:drop-shadow(0 17px 16px rgba(55,39,33,.18))}
.book-mockup img{position:absolute!important;top:3%!important;height:92%!important;padding:0!important;object-fit:contain!important;background:#f7f1e9;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease!important;filter:none!important}
.book-sheet-back{z-index:1;left:26%!important;width:70%!important;transform:rotate(1.7deg) translateY(2%)!important;box-shadow:3px 4px 10px rgba(42,30,25,.18)}
.book-sheet-middle{z-index:2;left:19%!important;width:72%!important;transform:rotate(.7deg) translateY(1%)!important;box-shadow:3px 3px 8px rgba(42,30,25,.16)}
.book-cover{z-index:3;left:3%!important;width:72%!important;transform-origin:left center!important;transform:rotateY(-4deg)!important;box-shadow:5px 5px 12px rgba(42,30,25,.25)}
.pdf-preview:hover .book-cover,.pdf-preview:focus-within .book-cover{transform:rotateY(-24deg) translateX(-1%)!important;filter:brightness(.97)!important}
.pdf-preview:hover .book-sheet-middle,.pdf-preview:focus-within .book-sheet-middle{transform:rotate(2deg) translateX(3%) translateY(1%)!important}
.pdf-preview .editorial-overlay{position:static;inset:auto;display:block;opacity:1;transform:none;background:transparent;color:var(--ink);padding:17px 6px 8px;min-height:0}
.pdf-preview .editorial-overlay small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.35px;margin-bottom:8px}
.pdf-preview .editorial-overlay h3{font-size:clamp(23px,2vw,31px);line-height:1.08;margin:0 0 8px;max-width:none}
.pdf-preview .editorial-question{color:var(--muted);font-size:13px;line-height:1.45;margin:0 0 12px;max-width:34em}
.pdf-preview .editorial-overlay b{display:inline-flex;color:var(--ink);font-size:11px;letter-spacing:.8px;border-bottom:1px solid var(--ink);padding-bottom:3px}
.pdf-preview:hover,.pdf-preview:focus-within{transform:translateY(-5px);box-shadow:none}
.pdf-preview>a::before{display:none}
@media(max-width:950px){.book-mockup{aspect-ratio:1.22/1}}
@media(max-width:620px){.editorial-item.pdf-preview{aspect-ratio:auto}.book-mockup{aspect-ratio:1.3/1}.pdf-preview .editorial-overlay{padding:14px 4px 22px}.pdf-preview .editorial-overlay h3{font-size:27px}.pdf-preview .editorial-question{font-size:14px}}
@media(prefers-reduced-motion:reduce){.book-mockup img{transition:none!important}}

/* Boekjeskaart: eerste spread zichtbaar, tweede pagina slaat om */
.book-spread-preview{position:relative;display:block;width:100%;aspect-ratio:1.38/1;perspective:1700px;filter:drop-shadow(0 17px 16px rgba(55,39,33,.18));transform-style:preserve-3d}
.book-spread-preview>img,.book-spread-preview .preview-turn-page img{position:absolute!important;top:4%!important;width:47%!important;height:90%!important;padding:0!important;object-fit:contain!important;background:#f7f1e9;filter:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.book-spread-preview .preview-left{left:3%!important;border-right:1px solid rgba(55,39,33,.18);box-shadow:-5px 5px 12px rgba(42,30,25,.14)}
.book-spread-preview .preview-right-under{right:3%!important;box-shadow:5px 5px 12px rgba(42,30,25,.14)}
.preview-turn-page{position:absolute;z-index:3;left:50%;top:4%;width:47%;height:90%;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.18,.72,.18,1);filter:drop-shadow(-5px 3px 5px rgba(45,31,26,0))}
.book-spread-preview .preview-turn-page img{inset:0!important;width:100%!important;height:100%!important}
.preview-turn-front{z-index:2}
.book-spread-preview .preview-turn-back{transform:rotateY(180deg)!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:rotateY(-178deg);filter:drop-shadow(-8px 3px 7px rgba(45,31,26,.28))}
.pdf-preview:hover .book-spread-preview img,.pdf-preview:focus-within .book-spread-preview img{filter:none!important}
@media(max-width:620px){.book-spread-preview{aspect-ratio:1.28/1}.preview-turn-page{transition-duration:.72s}}
@media(prefers-reduced-motion:reduce){.preview-turn-page{transition:none}.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:none}}

/* Alleen een subtiel omgekruld hoekje rechtsonder */
.preview-turn-page{transform:none!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .5s cubic-bezier(.2,.72,.2,1),filter .4s ease!important;filter:none!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:none!important;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);filter:drop-shadow(-3px 4px 5px rgba(45,31,26,.18))!important}
.book-spread-preview::after{content:'';position:absolute;z-index:5;right:3%;bottom:6%;width:13.2%;height:25.2%;opacity:0;pointer-events:none;clip-path:polygon(100% 0,0 100%,100% 100%);background:linear-gradient(135deg,rgba(255,255,255,.15) 0 45%,#e4d8cc 48%,#faf6f0 100%);box-shadow:-4px -4px 8px rgba(52,36,30,.16);transition:opacity .28s ease,transform .5s cubic-bezier(.2,.72,.2,1);transform:scale(.45);transform-origin:bottom right}
.pdf-preview:hover .book-spread-preview::after,.pdf-preview:focus-within .book-spread-preview::after{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.preview-turn-page,.book-spread-preview::after{transition:none!important}}

/* Iets ruimere, maar nog gedeeltelijke paginaomslag */
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{clip-path:polygon(0 0,100% 0,100% 60%,60% 100%,0 100%)}
.book-spread-preview::after{width:18.8%;height:36%;bottom:6%}

/* Natuurlijke, ronde paginakrul in plaats van een driehoek */
.preview-turn-page{clip-path:circle(145% at 0 0);transition:clip-path .72s cubic-bezier(.2,.68,.18,1),filter .55s ease!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{clip-path:circle(111% at 0 0);filter:drop-shadow(-9px -5px 10px rgba(45,31,26,.16))!important}
.book-spread-preview::after{right:3%;bottom:6%;width:39%;height:39%;clip-path:none;border-radius:100% 0 0 0;opacity:0;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.98) 0 28%,#eee4d9 55%,#d5c5b7 76%,#faf6f0 100%);box-shadow:-14px -10px 22px rgba(48,33,27,.2),inset 8px 8px 16px rgba(255,255,255,.5);transform:translate(5%,5%) scale(.18) rotate(2deg);transform-origin:bottom right;transition:opacity .25s ease,transform .72s cubic-bezier(.2,.68,.18,1),box-shadow .55s ease}
.pdf-preview:hover .book-spread-preview::after,.pdf-preview:focus-within .book-spread-preview::after{opacity:1;transform:translate(1%,1%) scale(1) rotate(-4deg);box-shadow:-18px -13px 25px rgba(48,33,27,.24),inset 9px 9px 18px rgba(255,255,255,.58)}
@media(prefers-reduced-motion:reduce){.preview-turn-page,.book-spread-preview::after{transition:none!important}}

/* Kleine realistische paginakrul met een glimp van de volgende pagina */
.preview-turn-page{clip-path:circle(145% at 0 0)}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{clip-path:circle(132% at 0 0);filter:drop-shadow(-5px -3px 7px rgba(45,31,26,.14))!important}
.book-spread-preview::after{right:3%;bottom:6%;width:20%;height:20%;clip-path:none;border-radius:100% 0 0 0;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.99) 0 30%,#f1e8df 58%,#d9cbbf 80%,#faf6f0 100%);box-shadow:-7px -5px 12px rgba(48,33,27,.18),inset 5px 5px 9px rgba(255,255,255,.55);transform:translate(6%,6%) scale(.2) rotate(1deg);opacity:0;transition:opacity .22s ease,transform .58s cubic-bezier(.2,.68,.18,1),box-shadow .45s ease}
.pdf-preview:hover .book-spread-preview::after,.pdf-preview:focus-within .book-spread-preview::after{opacity:1;transform:translate(1%,1%) scale(1) rotate(-3deg);box-shadow:-9px -7px 14px rgba(48,33,27,.2),inset 5px 5px 10px rgba(255,255,255,.62)}

/* Klein papierpuntje dat driedimensionaal omhoogkomt */
.preview-turn-page{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%);filter:drop-shadow(-4px -3px 6px rgba(45,31,26,.13))!important}
.book-spread-preview::after{right:3%;bottom:6%;width:18%;height:18%;clip-path:polygon(100% 0,0 100%,100% 100%);border-radius:0;background:linear-gradient(135deg,#fffaf4 0 35%,#eadfd4 56%,#cfc0b3 77%,#fbf7f1 100%);box-shadow:-6px -5px 12px rgba(48,33,27,.18);opacity:0;transform-origin:bottom right;transform:perspective(500px) translate(8%,8%) scale(.15) rotateX(0) rotateY(0) rotateZ(1deg);transition:opacity .2s ease,transform .62s cubic-bezier(.18,.72,.2,1),box-shadow .45s ease}
.pdf-preview:hover .book-spread-preview::after,.pdf-preview:focus-within .book-spread-preview::after{opacity:1;transform:perspective(500px) translate(-2%,-2%) scale(1) rotateX(13deg) rotateY(-24deg) rotateZ(-3deg);box-shadow:-10px -8px 15px rgba(48,33,27,.23)}

/* Meer beweging en een duidelijkere glimp van de volgende pagina */
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);filter:drop-shadow(-7px -5px 9px rgba(45,31,26,.18))!important}
.book-spread-preview::after{width:25%;height:25%;transform:perspective(520px) translate(12%,12%) scale(.08) rotateX(-4deg) rotateY(5deg) rotateZ(2deg);transition:opacity .18s ease,transform .78s cubic-bezier(.16,.88,.18,1.08),box-shadow .55s ease}
.pdf-preview:hover .book-spread-preview::after,.pdf-preview:focus-within .book-spread-preview::after{opacity:1;transform:perspective(520px) translate(-5%,-5%) scale(1) rotateX(20deg) rotateY(-34deg) rotateZ(-5deg);box-shadow:-14px -11px 20px rgba(48,33,27,.27)}

/* Volledige tijdschriftpagina die vanuit de middenvouw omslaat */
.book-spread-preview{perspective:1400px;overflow:visible}
.preview-turn-page{clip-path:none!important;transform:rotateY(0)!important;transform-origin:left center!important;transform-style:preserve-3d!important;transition:transform 1.05s cubic-bezier(.35,.02,.18,1),filter .8s ease!important;will-change:transform;filter:drop-shadow(0 3px 2px rgba(45,31,26,.08))!important}
.preview-turn-page::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.08;background:linear-gradient(90deg,rgba(40,28,23,.25),transparent 17%,rgba(255,255,255,.12) 70%,rgba(255,255,255,.5));backface-visibility:hidden;transition:opacity .65s ease}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{clip-path:none!important;transform:rotateY(-168deg)!important;filter:drop-shadow(-12px 7px 9px rgba(45,31,26,.28))!important}
.pdf-preview:hover .preview-turn-page::after,.pdf-preview:focus-within .preview-turn-page::after{opacity:.3}
.book-spread-preview::after,.pdf-preview:hover .book-spread-preview::after,.pdf-preview:focus-within .book-spread-preview::after{display:none!important}
.book-spread-preview .preview-right-under{filter:brightness(.93)!important;transition:filter .7s ease}
.pdf-preview:hover .book-spread-preview .preview-right-under,.pdf-preview:focus-within .book-spread-preview .preview-right-under{filter:brightness(1)!important}
@media(max-width:620px){.preview-turn-page{transition-duration:.85s!important}}
@media(prefers-reduced-motion:reduce){.preview-turn-page{transition:none!important}.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:rotateY(-24deg)!important}}

/* Open boekjes met een lichte bolling en zichtbare papierlagen */
.book-spread-preview{transform:perspective(1200px) rotateX(2.5deg);filter:drop-shadow(0 20px 15px rgba(55,39,33,.22))}
.book-spread-preview::before{content:'';display:block!important;position:absolute;z-index:0;left:4%;right:4%;top:6%;bottom:4%;border-radius:2px;background:repeating-linear-gradient(0deg,#f2e9df 0 2px,#d8c9bc 2px 3px);box-shadow:0 8px 0 -3px #e6d9ce,0 13px 0 -6px #cdbdaf,0 18px 18px rgba(42,30,25,.2);transform:perspective(800px) rotateX(-3deg)}
.book-spread-preview .preview-left{z-index:2;transform-origin:right center;transform:perspective(900px) rotateY(5deg) skewY(-.2deg);border-radius:3px 0 0 3px;box-shadow:-10px 7px 15px rgba(42,30,25,.15),inset -12px 0 18px -16px rgba(38,27,22,.5)!important}
.book-spread-preview .preview-right-under{z-index:1;transform-origin:left center;transform:perspective(900px) rotateY(-5deg) skewY(.2deg);border-radius:0 3px 3px 0;box-shadow:10px 7px 15px rgba(42,30,25,.15),inset 12px 0 18px -16px rgba(38,27,22,.5)!important}
.preview-turn-page{z-index:3;transform:perspective(900px) rotateY(-5deg)!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:perspective(900px) rotateY(-168deg)!important}
.book-spread-preview:after{content:''!important;display:block!important;position:absolute;z-index:6;left:49.65%;top:5%;bottom:6%;width:.8%;height:auto;opacity:.7;background:linear-gradient(90deg,rgba(36,25,20,.16),rgba(255,255,255,.5),rgba(36,25,20,.11));clip-path:none;border-radius:50%;transform:none;box-shadow:none;pointer-events:none}
.pdf-preview:hover .book-spread-preview:after,.pdf-preview:focus-within .book-spread-preview:after{display:block!important;opacity:.38;transform:none;box-shadow:none}

/* Na het omslaan: pagina 3 links en pagina 4 rechts, beide normaal leesbaar */
.book-spread-preview .preview-turn-back{transform:rotateY(180deg) scaleX(-1)!important}

/* Gespiegelde achterzijde voorkomen: pagina 3 ligt los op links */
.book-spread-preview .preview-left-next{left:3%!important;z-index:2;opacity:0;transform-origin:right center;transform:perspective(900px) rotateY(5deg) skewY(-.2deg);border-radius:3px 0 0 3px;box-shadow:-10px 7px 15px rgba(42,30,25,.15),inset -12px 0 18px -16px rgba(38,27,22,.5)!important;transition:opacity .18s ease!important}
.pdf-preview:hover .book-spread-preview .preview-left-next,.pdf-preview:focus-within .book-spread-preview .preview-left-next{z-index:7;opacity:1;transition-delay:.58s!important}
.book-spread-preview .preview-turn-back{display:none!important}
.preview-turn-page::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#e5d9ce,#fbf7f1 18%,#f7f1e9 100%);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 12px 0 18px -15px rgba(38,27,22,.32)}

/* Direct naar spread 3–4, zonder spiegelbeeld of overfade */
.book-spread-preview .preview-left-next{transition:none!important}
.pdf-preview:hover .book-spread-preview .preview-left-next,.pdf-preview:focus-within .book-spread-preview .preview-left-next{z-index:2;opacity:1;transition:none!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:perspective(900px) rotateY(-89deg)!important;filter:drop-shadow(-8px 5px 7px rgba(45,31,26,.22))!important}
.preview-turn-page::before{display:none!important}

/* Bij openen vergroting: kaart direct terug naar spread 1–2 */
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{opacity:0!important;transition:none!important}

/* Brede Spotify-spelers zonder intern scrollvlak */
.editorial-podcast{overflow:visible!important;align-self:start!important}
.editorial-podcast iframe{display:block!important;width:100%!important;height:152px!important;min-height:152px!important;overflow:hidden!important;border-radius:12px!important}
@media(max-width:950px){.editorial-podcast,.editorial-podcast-wide{grid-column:1/-1!important;width:100%!important}}
@media(max-width:620px){.editorial-podcast{padding:20px!important}.editorial-podcast-copy h3{font-size:25px!important}.editorial-podcast iframe{height:152px!important;min-height:152px!important}}

/* Definitieve flipbook-overrides — bewust als laatste regels */
.preview-turn-page{transition:transform 1.12s cubic-bezier(.45,0,.55,1),filter .72s ease!important}
.book-spread-preview .preview-left-next,
.pdf-preview.is-back-face .book-spread-preview .preview-left-next,
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next,
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{display:none!important;opacity:0!important;transition:none!important}

/* Zachte eindovergang in plaats van een zichtbare beeldflits */
.book-spread-preview .preview-turn-front,.book-spread-preview .preview-turn-back{transition:opacity .1s ease!important}
.book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:opacity .42s ease!important}
.pdf-preview.is-back-face .book-spread-preview .preview-left-next{display:block!important;z-index:6!important;opacity:1!important;transition:opacity .42s ease .12s!important}
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:opacity .38s ease .12s!important}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:none!important}
.book-spread-preview::before{display:none!important}

/* Kantwissel en 90-gradenpunt exact synchroniseren */
.preview-turn-page{transition:transform 1.12s cubic-bezier(.45,0,.55,1),filter .72s ease!important}

/* Eén enkele pagina 3: geen dubbele eindlaag en dus geen beeldsprong */
.book-spread-preview .preview-left-next,
.pdf-preview.is-back-face .book-spread-preview .preview-left-next,
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next{display:none!important;opacity:0!important;transition:none!important}
.pdf-preview.is-opening-reader .preview-turn-page{transform:perspective(900px) rotateY(-5deg)!important;transition:none!important;filter:none!important}
.pdf-preview.is-opening-reader .preview-right-under{filter:brightness(.93)!important}

/* Volledige tijdschrift-bladerbeweging: spread 1–2 naar spread 3–4 */
.book-spread-preview .preview-left-next{
  z-index:2!important;
  opacity:0!important;
  transition:opacity .16s linear .52s!important;
}
.preview-turn-page{
  z-index:5!important;
  transform:perspective(1100px) rotateY(-5deg)!important;
  transform-origin:left center!important;
  transform-style:preserve-3d!important;
  transition:transform .92s cubic-bezier(.42,.04,.18,1),filter .65s ease!important;
  will-change:transform;
}
.pdf-preview:hover .preview-turn-page,
.pdf-preview:focus-within .preview-turn-page{
  transform:perspective(1100px) rotateY(-178deg)!important;
  filter:drop-shadow(-13px 7px 10px rgba(45,31,26,.28))!important;
}
.pdf-preview:hover .book-spread-preview .preview-left-next,
.pdf-preview:focus-within .book-spread-preview .preview-left-next{
  z-index:4!important;
  opacity:1!important;
  transition:opacity .16s linear .52s!important;
}
.book-spread-preview .preview-turn-back{display:none!important}
.preview-turn-page::before{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(90deg,#e0d4c8 0%,#f8f3ed 18%,#eee5dc 100%);
  transform:rotateY(180deg);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  box-shadow:inset 13px 0 19px -15px rgba(38,27,22,.38);
}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{opacity:0!important;transition:none!important}
.pdf-preview.is-opening-reader .preview-turn-page{transform:perspective(1100px) rotateY(-5deg)!important;transition:none!important;filter:none!important}

/* Meer volume: de spreads ogen als een echt, licht gebold magazine */
.book-spread-preview{
  transform:perspective(1250px) rotateX(4deg)!important;
  filter:drop-shadow(0 24px 18px rgba(55,39,33,.27))!important;
}
.book-spread-preview::before{
  left:3.4%!important;
  right:3.4%!important;
  top:6.5%!important;
  bottom:2.5%!important;
  border-radius:3px 3px 13px 13px!important;
  background:repeating-linear-gradient(0deg,#f6eee6 0 2px,#cdbcae 2px 3px)!important;
  box-shadow:0 7px 0 -2px #eadfd4,0 13px 0 -4px #d5c5b8,0 20px 24px rgba(42,30,25,.27)!important;
}
.book-spread-preview .preview-left,
.book-spread-preview .preview-left-next{
  transform:perspective(1000px) rotateY(9deg) rotateX(-.6deg)!important;
  border-radius:8px 1px 5px 12px / 7px 1px 7px 18px!important;
  box-shadow:-14px 9px 19px rgba(42,30,25,.19),inset -20px 0 24px -20px rgba(38,27,22,.62),inset 0 -9px 13px -12px rgba(38,27,22,.3)!important;
}
.book-spread-preview .preview-right-under{
  transform:perspective(1000px) rotateY(-9deg) rotateX(-.6deg)!important;
  border-radius:1px 8px 12px 5px / 1px 7px 18px 7px!important;
  box-shadow:14px 9px 19px rgba(42,30,25,.19),inset 20px 0 24px -20px rgba(38,27,22,.62),inset 0 -9px 13px -12px rgba(38,27,22,.3)!important;
}
.preview-turn-page{
  transform:perspective(1100px) rotateY(-9deg) rotateX(-.6deg)!important;
  border-radius:1px 8px 12px 4px / 1px 7px 18px 7px;
}
.pdf-preview:hover .preview-turn-page,
.pdf-preview:focus-within .preview-turn-page{
  transform:perspective(1100px) rotateY(-178deg) rotateX(-.6deg)!important;
}
.book-spread-preview:after{
  left:49.25%!important;
  width:1.45%!important;
  opacity:.82!important;
  background:linear-gradient(90deg,rgba(36,25,20,.27),rgba(255,255,255,.72) 47%,rgba(36,25,20,.19))!important;
  box-shadow:0 2px 7px rgba(42,30,25,.2)!important;
}
.pdf-preview.is-opening-reader .preview-turn-page{transform:perspective(1100px) rotateY(-9deg) rotateX(-.6deg)!important}

/* Open-boekvorm en organischer omslaan */
.book-spread-preview{
  transform:perspective(1350px) rotateX(5.5deg)!important;
  filter:drop-shadow(0 28px 20px rgba(55,39,33,.3))!important;
}
.book-spread-preview::before{
  left:2.7%!important;
  right:2.7%!important;
  top:7.5%!important;
  bottom:1.5%!important;
  border-radius:8px 8px 20px 20px / 5px 5px 26px 26px!important;
  transform:perspective(900px) rotateX(-7deg) scaleX(1.01)!important;
  box-shadow:0 6px 0 -1px #f1e7de,0 11px 0 -2px #dfd1c5,0 17px 0 -4px #cbb9aa,0 25px 28px rgba(42,30,25,.3)!important;
}
.book-spread-preview .preview-left,
.book-spread-preview .preview-left-next{
  transform:perspective(1050px) rotateY(13deg) rotateX(-1.2deg)!important;
  border-radius:13px 1px 7px 20px / 10px 1px 10px 28px!important;
  box-shadow:-18px 11px 23px rgba(42,30,25,.21),inset -27px 0 32px -25px rgba(38,27,22,.7),inset 0 -13px 17px -15px rgba(38,27,22,.38)!important;
}
.book-spread-preview .preview-right-under{
  transform:perspective(1050px) rotateY(-13deg) rotateX(-1.2deg)!important;
  border-radius:1px 13px 20px 7px / 1px 10px 28px 10px!important;
  box-shadow:18px 11px 23px rgba(42,30,25,.21),inset 27px 0 32px -25px rgba(38,27,22,.7),inset 0 -13px 17px -15px rgba(38,27,22,.38)!important;
}
.preview-turn-page{
  transform:perspective(1150px) rotateY(-13deg) rotateX(-1.2deg)!important;
  border-radius:1px 13px 20px 7px / 1px 10px 28px 10px!important;
  transition:transform .5s ease-out,filter .5s ease!important;
}
@keyframes magazine-page-turn{
  0%{transform:perspective(1150px) rotateY(-13deg) rotateX(-1.2deg) rotateZ(0) translateY(0) scaleX(1)}
  18%{transform:perspective(1150px) rotateY(-34deg) rotateX(1.8deg) rotateZ(-.35deg) translateY(-.35%) scaleX(.985)}
  42%{transform:perspective(1150px) rotateY(-82deg) rotateX(5deg) rotateZ(-1.15deg) translateY(-1.5%) scaleX(.955)}
  64%{transform:perspective(1150px) rotateY(-128deg) rotateX(-3.2deg) rotateZ(.8deg) translateY(-1%) scaleX(.965)}
  84%{transform:perspective(1150px) rotateY(-162deg) rotateX(1.5deg) rotateZ(-.25deg) translateY(-.25%) scaleX(.99)}
  100%{transform:perspective(1150px) rotateY(-178deg) rotateX(-1.2deg) rotateZ(0) translateY(0) scaleX(1)}
}
.pdf-preview:hover .preview-turn-page,
.pdf-preview:focus-within .preview-turn-page{
  animation:magazine-page-turn 1.28s cubic-bezier(.34,.02,.16,1) forwards!important;
  filter:drop-shadow(-16px 9px 12px rgba(45,31,26,.3))!important;
}
.preview-turn-page::after{
  opacity:.12!important;
  background:linear-gradient(90deg,rgba(40,28,23,.42),transparent 15%,rgba(255,255,255,.08) 58%,rgba(255,255,255,.65) 100%)!important;
  animation:none;
}
.pdf-preview:hover .preview-turn-page::after,
.pdf-preview:focus-within .preview-turn-page::after{animation:magazine-page-sheen 1.28s ease-in-out forwards}
@keyframes magazine-page-sheen{0%{opacity:.1}42%{opacity:.46}68%{opacity:.3}100%{opacity:.13}}
.book-spread-preview:after{
  left:48.85%!important;
  width:2.15%!important;
  opacity:.9!important;
  border-radius:50%!important;
  background:linear-gradient(90deg,rgba(36,25,20,.36),rgba(255,255,255,.82) 47%,rgba(36,25,20,.27))!important;
  box-shadow:0 3px 9px rgba(42,30,25,.25)!important;
}
.pdf-preview.is-opening-reader .preview-turn-page{animation:none!important;transform:perspective(1150px) rotateY(-13deg) rotateX(-1.2deg)!important}
@media(prefers-reduced-motion:reduce){.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{animation:none!important;transform:perspective(1150px) rotateY(-178deg)!important}}

/* De achterzijde van pagina 2 is echte pagina 3, nooit een spiegelbeeld */
.book-spread-preview .preview-turn-front{
  z-index:2!important;
  transform:rotateY(0)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.book-spread-preview .preview-turn-back{
  display:block!important;
  z-index:1!important;
  transform:rotateY(180deg)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.preview-turn-page::before{display:none!important}
.pdf-preview:hover .book-spread-preview .preview-left-next,
.pdf-preview:focus-within .book-spread-preview .preview-left-next{
  transition-delay:1.08s!important;
}

/* Vriendin-artikelen met dezelfde onderschriften als de tijdschriftboekjes */
.editorial-item.editorial-external{height:auto;min-height:0;aspect-ratio:auto;overflow:visible;background:transparent;box-shadow:none}
.editorial-external>a{height:auto;display:block;overflow:visible;color:var(--ink);background:transparent}
.editorial-external>a>img{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:1.38/1;object-fit:cover!important;border-radius:2px;filter:none!important;box-shadow:0 14px 24px rgba(55,39,33,.18);transition:transform .45s ease,box-shadow .45s ease}
.editorial-external .editorial-overlay{position:static;inset:auto;display:block;opacity:1;transform:none;background:transparent;color:var(--ink);padding:17px 6px 8px;min-height:0}
.editorial-external .editorial-overlay small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.35px;margin-bottom:8px}
.editorial-external .editorial-overlay h3{font-size:clamp(23px,2vw,31px);line-height:1.08;margin:0 0 8px;max-width:none}
.editorial-external .editorial-question{color:var(--muted);font-size:13px;line-height:1.45;margin:0 0 12px;max-width:34em}
.editorial-external .editorial-overlay b{display:inline-flex;color:var(--ink);font-size:11px;letter-spacing:.8px;border-bottom:1px solid var(--ink);padding-bottom:3px}
.editorial-external:hover>a>img,.editorial-external:focus-within>a>img{transform:translateY(-4px) scale(1.012);box-shadow:0 20px 30px rgba(55,39,33,.23)}
@media(max-width:620px){.editorial-item.editorial-external{height:auto}.editorial-external .editorial-overlay{padding:14px 4px 22px}.editorial-external .editorial-overlay h3{font-size:27px}.editorial-external .editorial-question{font-size:14px}}

/* Compacte podcastkaarten naast elkaar */
.editorial-podcast,.editorial-podcast-wide{grid-column:span 1!important;min-height:0!important;padding:22px;gap:16px}
.editorial-podcast-copy h3{font-size:26px}
.editorial-podcast iframe{height:180px}
@media(max-width:950px){.editorial-podcast,.editorial-podcast-wide{grid-column:span 1!important}}
@media(max-width:620px){.editorial-podcast,.editorial-podcast-wide{grid-column:1!important}.editorial-podcast iframe{height:190px}}

/* Stabiele magazineweergave: correcte spreads zonder vervorming */
.book-spread-preview{transform:perspective(1200px) rotateX(2.5deg)!important;filter:drop-shadow(0 20px 15px rgba(55,39,33,.22))!important}
.book-spread-preview::before{left:4%!important;right:4%!important;top:6%!important;bottom:4%!important;border-radius:2px!important;background:repeating-linear-gradient(0deg,#f2e9df 0 2px,#d8c9bc 2px 3px)!important;box-shadow:0 8px 0 -3px #e6d9ce,0 13px 0 -6px #cdbdaf,0 18px 18px rgba(42,30,25,.2)!important;transform:perspective(800px) rotateX(-3deg)!important}
.book-spread-preview .preview-left,.book-spread-preview .preview-left-next{transform:perspective(900px) rotateY(5deg) skewY(-.2deg)!important;border-radius:3px 0 0 3px!important;box-shadow:-10px 7px 15px rgba(42,30,25,.15),inset -12px 0 18px -16px rgba(38,27,22,.5)!important}
.book-spread-preview .preview-right-under{transform:perspective(900px) rotateY(-5deg) skewY(.2deg)!important;border-radius:0 3px 3px 0!important;box-shadow:10px 7px 15px rgba(42,30,25,.15),inset 12px 0 18px -16px rgba(38,27,22,.5)!important}
.preview-turn-page{animation:none!important;transform:perspective(900px) rotateY(-5deg)!important;border-radius:0 3px 3px 0!important;transition:transform .95s cubic-bezier(.22,.68,.18,1),filter .7s ease!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{animation:none!important;transform:perspective(900px) rotateY(-178deg)!important;filter:drop-shadow(-12px 7px 9px rgba(45,31,26,.28))!important}
.book-spread-preview .preview-turn-front{display:block!important;transform:rotateY(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.book-spread-preview .preview-turn-back{display:none!important}
.preview-turn-page::before{content:''!important;display:block!important;position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#e5d9ce,#fbf7f1 18%,#f7f1e9 100%)!important;transform:rotateY(180deg)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;box-shadow:inset 12px 0 18px -15px rgba(38,27,22,.32)!important}
.preview-turn-page::after{animation:none!important;opacity:.08!important;background:linear-gradient(90deg,rgba(40,28,23,.25),transparent 17%,rgba(255,255,255,.12) 70%,rgba(255,255,255,.5))!important}
.pdf-preview:hover .book-spread-preview .preview-left-next,.pdf-preview:focus-within .book-spread-preview .preview-left-next{z-index:4!important;opacity:1!important;transition:opacity .16s linear .52s!important;transition-delay:.52s!important}
.book-spread-preview:after{left:49.65%!important;top:5%!important;bottom:6%!important;width:.8%!important;height:auto!important;opacity:.7!important;border-radius:50%!important;background:linear-gradient(90deg,rgba(36,25,20,.16),rgba(255,255,255,.5),rgba(36,25,20,.11))!important;box-shadow:none!important;transform:none!important}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{opacity:0!important;transition:none!important}
.pdf-preview.is-opening-reader .preview-turn-page{animation:none!important;transform:perspective(900px) rotateY(-5deg)!important;transition:none!important;filter:none!important}

/* Spiegelvrije bladerbeweging: pagina 2 draait tot de rand, daarna spread 3–4 */
.preview-turn-page{
  animation:none!important;
  opacity:1!important;
  transform:perspective(1100px) rotateY(-5deg) translateX(0) translateY(0) skewY(0) scaleX(1)!important;
  transform-origin:left center!important;
  transition:transform 1.08s cubic-bezier(.2,.72,.16,1),opacity .2s linear .72s,filter .8s ease!important;
}
.pdf-preview:hover .preview-turn-page,
.pdf-preview:focus-within .preview-turn-page{
  animation:none!important;
  opacity:0!important;
  transform:perspective(1100px) rotateY(-89deg) translateX(-9%) translateY(-1.1%) skewY(-1.4deg) scaleX(.84)!important;
  filter:drop-shadow(-11px 7px 10px rgba(45,31,26,.3))!important;
}
.book-spread-preview .preview-turn-front{
  display:block!important;
  transform:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.book-spread-preview .preview-turn-back,.preview-turn-page::before{display:none!important}
.pdf-preview:hover .book-spread-preview .preview-left-next,
.pdf-preview:focus-within .book-spread-preview .preview-left-next{
  z-index:5!important;
  opacity:1!important;
  transition:opacity .24s ease .68s!important;
}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{opacity:0!important;transition:none!important}
.pdf-preview.is-opening-reader .preview-turn-page{opacity:1!important;transform:perspective(1100px) rotateY(-5deg)!important;transition:none!important;filter:none!important}

/* Echte flipbook-page-turn: pagina 2 voorzijde, pagina 3 achterzijde */
.book-spread-preview{perspective:1700px!important;transform-style:preserve-3d!important}
.book-spread-preview .preview-left-next{opacity:0!important;display:none!important}
.preview-turn-page{
  opacity:1!important;
  transform:rotateY(-5deg)!important;
  transform-origin:left center!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
  transition:transform 1.12s cubic-bezier(.32,.04,.16,1),filter .72s ease!important;
  will-change:transform;
}
.pdf-preview:hover .preview-turn-page,
.pdf-preview:focus-within .preview-turn-page{
  opacity:1!important;
  transform:rotateY(-179deg)!important;
  filter:drop-shadow(-13px 8px 10px rgba(45,31,26,.3))!important;
}
.book-spread-preview .preview-turn-front,
.book-spread-preview .preview-turn-back{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}
.book-spread-preview .preview-turn-front{
  z-index:2!important;
  transform:rotateY(0deg) translateZ(.5px)!important;
  -webkit-transform:rotateY(0deg) translateZ(.5px)!important;
}
.book-spread-preview .preview-turn-back{
  z-index:1!important;
  transform:rotateY(180deg) translateZ(.5px)!important;
  -webkit-transform:rotateY(180deg) translateZ(.5px)!important;
}
.preview-turn-page::before{display:none!important}
.preview-turn-page::after{display:block!important;opacity:.12!important;background:linear-gradient(90deg,rgba(40,28,23,.3),transparent 18%,rgba(255,255,255,.18) 74%,rgba(255,255,255,.58))!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.pdf-preview:hover .preview-turn-page::after,.pdf-preview:focus-within .preview-turn-page::after{opacity:.3!important}
.pdf-preview.is-opening-reader .preview-turn-page{opacity:1!important;transform:rotateY(-5deg)!important;transition:none!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:rotateY(-179deg)!important;transition:none!important}}

/* Betrouwbare kantwissel halverwege: nooit een gespiegelde pagina 2 */
.book-spread-preview{filter:none!important;-webkit-transform-style:preserve-3d!important}
.pdf-preview>a{perspective:1700px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:rotateY(-5deg)!important;filter:none!important}
.pdf-preview.is-flipped .preview-turn-page{transform:rotateY(-179deg)!important;filter:none!important}
.pdf-preview.is-unflipping .preview-turn-page{transform:rotateY(-5deg)!important;filter:none!important}
.book-spread-preview .preview-turn-front{opacity:1!important}
.book-spread-preview .preview-turn-back{opacity:0!important}
@keyframes flip-front-hide{0%,49.9%{opacity:1}50%,100%{opacity:0}}
@keyframes flip-back-show{0%,49.9%{opacity:0}50%,100%{opacity:1}}
@keyframes flip-front-show{0%,49.9%{opacity:0}50%,100%{opacity:1}}
@keyframes flip-back-hide{0%,49.9%{opacity:1}50%,100%{opacity:0}}
.pdf-preview.is-flipped .preview-turn-front{animation:flip-front-hide 1.12s linear forwards!important}
.pdf-preview.is-flipped .preview-turn-back{animation:flip-back-show 1.12s linear forwards!important}
.pdf-preview.is-unflipping .preview-turn-front{animation:flip-front-show 1.12s linear forwards!important}
.pdf-preview.is-unflipping .preview-turn-back{animation:flip-back-hide 1.12s linear forwards!important}
.pdf-preview.is-opening-reader .preview-turn-front{animation:none!important;opacity:1!important}
.pdf-preview.is-opening-reader .preview-turn-back{animation:none!important;opacity:0!important}

/* Kantwissel exact op het midden van de 3D-flip */
.pdf-preview.is-flipped .preview-turn-front,
.pdf-preview.is-flipped .preview-turn-back,
.pdf-preview.is-unflipping .preview-turn-front,
.pdf-preview.is-unflipping .preview-turn-back{animation:none!important}
.pdf-preview.is-back-face .preview-turn-front{opacity:0!important}
.pdf-preview.is-back-face .preview-turn-back{opacity:1!important}
.pdf-preview.is-opening-reader .preview-turn-front{opacity:1!important}
.pdf-preview.is-opening-reader .preview-turn-back{opacity:0!important}

/* Schone flipbook-eindstand zonder 3D-artefacten */
.book-spread-preview{transform:none!important}
.book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:opacity .18s ease!important}
.pdf-preview.is-back-face .book-spread-preview .preview-left-next{display:block!important;z-index:6!important;opacity:1!important;transition:opacity .18s ease .46s!important}
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next{opacity:0!important;transition:opacity .16s ease .46s!important}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{opacity:0!important;transition:none!important}

/* Definitieve flipbook-overrides */
.preview-turn-page{transition:transform 1.12s cubic-bezier(.45,0,.55,1),filter .72s ease!important}
.book-spread-preview .preview-left-next,
.pdf-preview.is-back-face .book-spread-preview .preview-left-next,
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next,
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{display:none!important;opacity:0!important;transition:none!important}

/* Zachte eindovergang */
.book-spread-preview .preview-turn-front,.book-spread-preview .preview-turn-back{transition:opacity .1s ease!important}
.book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:opacity .42s ease!important}
.pdf-preview.is-back-face .book-spread-preview .preview-left-next{display:block!important;z-index:6!important;opacity:1!important;transition:opacity .42s ease .12s!important}
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:opacity .38s ease .12s!important}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{display:block!important;opacity:0!important;transition:none!important}

/* Doorlopende omslag zonder harde voor-/achterkantwissel */
.book-spread-preview{transform:none!important;filter:drop-shadow(0 17px 14px rgba(55,39,33,.2))!important;perspective:1400px!important}
.book-spread-preview::before{display:none!important}
.book-spread-preview .preview-turn-back{display:none!important}
.preview-turn-page::before,.preview-turn-page::after{display:none!important}
.book-spread-preview .preview-left-next{display:block!important;z-index:5!important;opacity:0!important;transition:opacity 1.05s cubic-bezier(.45,0,.55,1)!important}
.preview-turn-page{display:block!important;opacity:1!important;transform:perspective(1100px) rotateY(-5deg) translateX(0) scaleX(1)!important;transform-origin:left center!important;transition:transform 1.05s cubic-bezier(.45,0,.55,1),opacity .62s ease .32s!important;filter:none!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:perspective(1100px) rotateY(-5deg) translateX(0) scaleX(1)!important;opacity:1!important}
.pdf-preview.is-flipped .preview-turn-page{transform:perspective(1100px) rotateY(-88deg) translateX(-5%) scaleX(.24)!important;opacity:0!important}
.pdf-preview.is-flipped .book-spread-preview .preview-left-next{opacity:1!important;transition:opacity 1.05s cubic-bezier(.45,0,.55,1)!important}
.pdf-preview.is-unflipping .preview-turn-page{transform:perspective(1100px) rotateY(-5deg) translateX(0) scaleX(1)!important;opacity:1!important}
.pdf-preview.is-unflipping .book-spread-preview .preview-left-next{opacity:0!important;transition:opacity 1.05s cubic-bezier(.45,0,.55,1)!important}
.pdf-preview.is-opening-reader .preview-turn-page{transform:perspective(1100px) rotateY(-5deg)!important;opacity:1!important;transition:none!important}
.pdf-preview.is-opening-reader .book-spread-preview .preview-left-next{opacity:0!important;transition:none!important}

/* Laatste podcast-layoutcorrectie: breed en zonder intern scrollvlak */
@media(max-width:950px){.editorial-grid .editorial-podcast,.editorial-grid .editorial-podcast-wide{grid-column:1/-1!important;width:100%!important}}
.editorial-grid .editorial-podcast iframe{display:block!important;width:100%!important;height:152px!important;min-height:152px!important;overflow:hidden!important;border-radius:12px!important}

/* Echte flipbook-omslag: pagina 2 draait om en toont pagina 3 op de achterzijde */
.pdf-preview>a{perspective:1800px!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important}
.book-spread-preview{perspective:none!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;isolation:isolate!important;filter:drop-shadow(0 17px 14px rgba(55,39,33,.2))!important}
.book-spread-preview .preview-left{z-index:1!important}
.book-spread-preview .preview-right-under{z-index:1!important}
.book-spread-preview .preview-left-next{display:none!important;opacity:0!important}
.preview-turn-page{display:block!important;z-index:8!important;opacity:1!important;transform:rotateY(0deg) translateZ(1px)!important;-webkit-transform:rotateY(0deg) translateZ(1px)!important;transform-origin:left center!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;transition:transform 1.12s cubic-bezier(.42,.03,.18,1),box-shadow 1.12s ease!important;will-change:transform!important;box-shadow:-2px 2px 5px rgba(45,31,25,.08)!important}
.book-spread-preview .preview-turn-front,.book-spread-preview .preview-turn-back{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;opacity:1!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transition:none!important;will-change:transform!important}
.book-spread-preview .preview-turn-front{z-index:2!important;transform:rotateY(0deg) translateZ(1px)!important;-webkit-transform:rotateY(0deg) translateZ(1px)!important}
.book-spread-preview .preview-turn-back{z-index:1!important;transform:rotateY(180deg) translateZ(1px)!important;-webkit-transform:rotateY(180deg) translateZ(1px)!important}
.preview-turn-page::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(43,29,23,.16),transparent 18%,rgba(255,255,255,.06) 62%,rgba(255,255,255,.24))!important;opacity:.12!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transition:opacity .55s ease!important}
.preview-turn-page::after{display:none!important}
.pdf-preview:hover .preview-turn-page,.pdf-preview:focus-within .preview-turn-page{transform:rotateY(0deg) translateZ(1px)!important;-webkit-transform:rotateY(0deg) translateZ(1px)!important;opacity:1!important}
.pdf-preview.is-flipped .preview-turn-page{transform:rotateY(-180deg) translateZ(1px)!important;-webkit-transform:rotateY(-180deg) translateZ(1px)!important;opacity:1!important;box-shadow:-18px 8px 24px rgba(45,31,25,.18)!important}
.pdf-preview.is-flipped .preview-turn-page::before{opacity:.42!important}
.pdf-preview.is-unflipping .preview-turn-page{transform:rotateY(0deg) translateZ(1px)!important;-webkit-transform:rotateY(0deg) translateZ(1px)!important;opacity:1!important}
.pdf-preview.is-opening-reader .preview-turn-page{transform:rotateY(0deg) translateZ(1px)!important;-webkit-transform:rotateY(0deg) translateZ(1px)!important;opacity:1!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.preview-turn-page{transition:none!important}}

:root{
  --lilac:#796486;
  --lilac-deep:#665372;
  --lilac-sparkle:#a181b2;
  --lilac-light:#efe3fb;
}

/* Een korte fonkeling naast het omslaande blad */
@media(prefers-reduced-motion:no-preference){
  .editorial-item.pdf-preview.is-flipped > a::before,
  .editorial-item.pdf-preview.is-flipped > a::after{
    content:"";
    display:block;
    position:absolute;
    inset:18% 12% auto auto;
    z-index:12;
    width:17px;
    height:17px;
    padding:0;
    border:0;
    background:var(--lilac-sparkle);
    clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
    pointer-events:none;
    animation:accent-sparkle .78s cubic-bezier(.22,.7,.28,1) .1s both;
  }
  .editorial-item.pdf-preview.is-flipped > a::after{
    inset:28% 21% auto auto;
    width:11px;
    height:11px;
    background:var(--lilac);
    animation-delay:.24s;
  }
}

/* Artikelviewer: één goed leesbare pagina per keer */
.mag-reader{width:min(820px,94vw)!important;max-height:96dvh!important}
.mag-reader-shell{max-height:96dvh!important;display:flex!important;flex-direction:column!important}
.mag-reader-stage{min-height:0!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:18px 0!important}
.mag-reader-spread{display:block!important;width:min(100%,620px)!important;max-width:620px!important;height:min(72dvh,860px)!important;aspect-ratio:auto!important;filter:drop-shadow(0 14px 18px rgba(48,33,27,.2))!important}
.mag-reader .mag-page-single{width:100%!important;height:100%!important;border:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mag-reader .mag-page-single img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}
.mag-reader-spread.turn-next .mag-page-single{transform:translateX(-3%) scale(.985)!important;opacity:.25!important}
.mag-reader-spread.turn-prev .mag-page-single{transform:translateX(3%) scale(.985)!important;opacity:.25!important}
@media(max-width:700px){.mag-reader{width:96vw!important}.mag-reader-spread{height:min(70dvh,760px)!important}.mag-reader-stage{padding:12px 0!important}}

/* De volledige pagina altijd binnen het zichtbare scherm houden */
.mag-reader{height:94dvh!important;max-height:94dvh!important;overflow:hidden!important}
.mag-reader-shell{height:94dvh!important;max-height:94dvh!important;overflow:hidden!important}
.mag-reader header,.mag-reader footer{flex:0 0 auto!important}
.mag-reader-stage{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
.mag-reader-spread{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
.mag-reader .mag-page-single{width:100%!important;height:100%!important;overflow:visible!important}
.mag-reader .mag-page-single img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:700px){.mag-reader,.mag-reader-shell{height:96dvh!important;max-height:96dvh!important}.mag-reader header{padding-bottom:10px!important}.mag-reader footer{padding-top:10px!important}.mag-reader-stage{padding:8px 0!important}}

/* Beeldvullende, kaderloze leesweergave voor tijdschriftartikelen */
.mag-reader-frameless{inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.mag-reader-frameless::backdrop{background:#fff!important}
.mag-reader-frameless .mag-reader-shell{position:relative!important;width:100%!important;height:100dvh!important;max-height:none!important;padding:0!important;background:#fff!important;box-sizing:border-box!important}
.mag-reader-frameless .mag-reader-stage{width:100%!important;height:100dvh!important;padding:0!important;overflow:hidden!important;touch-action:pan-y pinch-zoom}
.mag-reader-frameless .mag-reader-spread{height:100%!important;filter:none!important}
.mag-reader-frameless .mag-page-single img{background:#fff!important;filter:none!important}
.mag-reader-frameless .mag-close{position:absolute;z-index:5;top:18px;right:20px;width:44px;height:44px;padding:0!important;border:0!important;border-radius:50%;background:rgba(33,26,22,.76)!important;color:#fff!important;font-size:30px!important;line-height:1!important;cursor:pointer}
.mag-reader-frameless footer{position:absolute;z-index:5;inset:0;display:block!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ink);pointer-events:none}
.mag-reader-frameless footer button{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0!important;border:0!important;border-radius:50%;background:rgba(33,26,22,.72)!important;color:#fff!important;font-size:19px!important;pointer-events:auto}
.mag-reader-frameless footer .mag-prev{left:12px}
.mag-reader-frameless footer .mag-next{right:12px}
.mag-reader-frameless footer button:disabled{opacity:.28!important}
.mag-reader-frameless .mag-counter{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);min-width:92px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--ink);text-align:center;font:12px/1.2 Arial,sans-serif}
@media(max-width:700px){.mag-reader-frameless .mag-reader-shell{height:100dvh!important;max-height:none!important;padding:0!important}.mag-reader-frameless .mag-reader-stage{height:100dvh!important}.mag-reader-frameless .mag-close{top:10px;right:10px}.mag-reader-frameless footer .mag-prev{left:6px}.mag-reader-frameless footer .mag-next{right:6px}.mag-reader-frameless .mag-counter{bottom:8px}}

/* Warmere nude-kleuren met iets meer karakter */
:root{--paper:#f8f0e9;--ink:#43352f;--muted:#79655e;--accent:#765347;--sand:#ead8cc;--line:#d8beb4;--mystic:#9b7185;--gold:#b98558}
body{background:radial-gradient(circle at 8% 8%,rgba(214,171,151,.17),transparent 25%),radial-gradient(circle at 92% 34%,rgba(177,133,153,.11),transparent 24%),var(--paper)}
.header{background:rgba(248,240,233,.76);backdrop-filter:blur(8px)}
.experience{background:linear-gradient(90deg,rgba(224,190,176,.22),rgba(224,190,176,.5),rgba(191,151,169,.2))}
.section-heading em,.signature{color:var(--accent)}
.editorial-podcast{background:linear-gradient(145deg,#e5d0c3,#e9dad0)!important;border:1px solid rgba(154,101,85,.16)}
.portfolio-cta{background:linear-gradient(135deg,#e7cfbc,#edddd1);border-color:#c5a491!important}
.portfolio-cta{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 18px 45px rgba(91,65,51,.08)}
.portfolio-cta::before{content:"";position:absolute;inset:-70% auto auto -4%;width:210px;height:210px;border:1px solid rgba(154,101,85,.17);border-radius:50%;pointer-events:none}
.portfolio-cta>div{position:relative;z-index:1}
.portfolio-cta-label{display:block;margin-bottom:9px;color:#664b40;font-size:10px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase}
.portfolio-cta p{color:#4d3932;letter-spacing:-.3px}
.portfolio-cta-sparkle{color:var(--lilac);margin-inline-end:.28em}
.editorial-overlay>b{display:none!important}
.magic-pointer-glow{position:fixed;z-index:9998;left:0;top:0;width:22px;height:22px;border:1px solid rgba(121,100,134,.48);border-radius:50%;background:radial-gradient(circle,rgba(239,227,251,.42),rgba(161,129,178,.12) 52%,transparent 70%);box-shadow:0 0 18px rgba(161,129,178,.3);pointer-events:none;transition:width .25s ease,height .25s ease,margin .25s ease,opacity .25s ease,border-color .25s ease;will-change:transform}
.magic-pointer-glow.is-over-link{width:34px;height:34px;margin:-6px;border-color:rgba(121,100,134,.65);box-shadow:0 0 24px rgba(161,129,178,.38)}
.magic-pointer-glow.is-hidden{opacity:0}
.magic-pointer-sparkle{position:fixed;z-index:9999;pointer-events:none;color:var(--lilac-sparkle);font:12px/1 Georgia,serif;text-shadow:0 0 8px var(--lilac-light);transform:translate(-50%,-50%);animation:magic-sparkle .78s cubic-bezier(.22,.7,.28,1) forwards}
@keyframes magic-sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}20%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--sparkle-x)),calc(-50% + var(--sparkle-y))) scale(.95) rotate(var(--sparkle-rotate))}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.magic-pointer-glow,.magic-pointer-sparkle{display:none!important}}
.media-external-card{grid-column:1/-1}
.media-portrait-preview{aspect-ratio:16/7;background:#776c61;overflow:hidden}
.media-portrait-preview a{position:relative;display:block;width:100%;height:100%;cursor:pointer;background:#776c61;overflow:hidden}
.media-portrait-preview a::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(17,15,15,.56) 0%,rgba(17,15,15,.25) 44%,rgba(17,15,15,.02) 72%),linear-gradient(0deg,rgba(17,15,15,.24),transparent 45%);pointer-events:none}
.media-portrait-preview a::after{display:none}
.media-grid .media-portrait-preview img{width:100%;height:100%;object-fit:cover;object-position:center 44%;padding:0;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.media-portrait-preview a:hover img{transform:scale(1.018)}
.metro-cover-copy{position:absolute;z-index:2;left:clamp(24px,4.4vw,68px);top:50%;width:min(48%,610px);color:#fff;transform:translateY(-50%);text-align:left;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.metro-cover-category{display:table;margin:0 0 clamp(16px,2vw,28px);padding:9px 15px;background:#2384b6;color:#fff;font:700 clamp(13px,1.25vw,18px)/1.1 Arial,sans-serif;letter-spacing:.01em;text-shadow:none}
.metro-cover-copy strong{display:block;font:500 clamp(34px,4vw,64px)/1.04 Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.metro-cover-site{display:block;margin-top:clamp(18px,2.6vw,34px);font:800 clamp(12px,1.15vw,17px)/1 Arial,sans-serif;letter-spacing:.2em}
.exhibition-collage{margin:0;background:#e8d7c9;overflow:hidden}.exhibition-collage a{display:grid;grid-template-columns:1fr 1fr;height:390px;gap:4px;position:relative}.exhibition-collage img{width:100%;height:100%;min-width:0;object-fit:cover;display:block;transition:transform .45s ease}.exhibition-collage img:first-child{object-position:50% 45%}.exhibition-collage img:last-child{object-position:50% 40%}.exhibition-collage a:hover img{transform:scale(1.025)}.exhibition-collage a::after{content:'Bekijk expositie ↗';position:absolute;right:14px;bottom:14px;padding:7px 12px;border:1px solid rgba(98,70,57,.22);background:rgba(249,242,233,.94);color:#563f35;font:12px Arial,sans-serif}
@media(max-width:720px){.exhibition-collage a{height:340px}.media-portrait-preview{aspect-ratio:4/5}.media-portrait-preview a::before{background:linear-gradient(0deg,rgba(18,15,15,.72) 0%,rgba(18,15,15,.22) 58%,rgba(18,15,15,.03) 82%)}.media-grid .media-portrait-preview img{object-position:62% center}.metro-cover-copy{left:22px;right:22px;top:auto;bottom:26px;width:auto;transform:none}.metro-cover-category{margin-bottom:14px;padding:7px 11px;font-size:13px}.metro-cover-copy strong{font-size:clamp(28px,8.6vw,40px);line-height:1.04}.metro-cover-site{margin-top:16px;font-size:12px}}
.about{position:relative}.about::before{content:"";position:absolute;z-index:-1;inset:8% -4% 4%;border-radius:45% 55% 48% 52%;background:radial-gradient(circle,rgba(219,185,172,.18),transparent 68%)}
.other-work{position:relative}.other-work::before{content:"";position:absolute;z-index:-1;inset:4% -6%;background:linear-gradient(135deg,rgba(220,190,175,.28),rgba(188,146,165,.18));border-radius:32px}
.route-card::after{background:linear-gradient(180deg,rgba(87,55,47,.03) 12%,rgba(83,48,44,.84) 100%)}
.contact{background:linear-gradient(135deg,#e5cfc3 0%,#ead8d1 48%,#ddc5cf 100%)!important}
.button{background:var(--lilac)!important;color:#fff!important;border-color:transparent!important}
.button:is(:hover,:focus-visible){background:var(--lilac-deep)!important}
.portfolio-cta .text-link{background:var(--lilac);color:#fff;border-color:transparent;border-radius:999px;font-size:16px;line-height:1.35}
.portfolio-cta .text-link:hover,.portfolio-cta .text-link:focus-visible{background:var(--lilac-deep)}
.about-preview .about-button{border-radius:999px;font-size:16px;line-height:1.35}
footer{border-top:1px solid rgba(154,101,85,.18)}
.home-footer{flex-direction:row;justify-content:center;gap:8px;padding-block:34px;text-align:center}
.footer-socials{display:flex;justify-content:center;gap:8px}
.footer-socials a,.home-footer > .back-to-top{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid #c5a491;
  border-radius:14px;
  background:#ead5c6;
  color:var(--ink);
}
.footer-socials a:hover,.home-footer > .back-to-top:hover{background:#e1c5b2;text-decoration:none}
.footer-socials a{
  width:44px;
  height:44px;
  padding:0;
  border-color:var(--lilac);
  background:var(--lilac);
  color:#fff;
}
.footer-socials a:is(:hover,:focus-visible){background:var(--lilac-deep)}
.footer-socials svg{width:22px;height:22px;flex:none}
.home-footer > .back-to-top{font:clamp(20px,4vw,30px)/1.2 var(--serif)}

/* Doorlopende publicatieticker */
.experience-ticker{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  align-items:center;
  padding-block:22px;
  background:transparent;
  border:0;
}
.experience-label{
  grid-area:1 / 1;
  margin:0;
  font:600 12px/1.4 Arial,sans-serif;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#664b40;
}
.experience-window{
  grid-area:2 / 1 / auto / -1;
  min-width:0;
  overflow:hidden;
  padding-block:16px;
  border:1px solid rgba(154,101,85,.24);
  border-radius:18px;
  background:linear-gradient(90deg,#ead5c6,#e7d3cc);
}
.experience-track{display:flex;width:max-content;animation:experience-marquee 27s linear infinite;will-change:transform}
.experience-group{display:flex;align-items:center;gap:52px;padding-inline:26px;white-space:nowrap}
.experience-group>a,.experience-group>span{display:block;flex:0 0 auto}
.experience-ticker:hover .experience-track,.experience-ticker:focus-within .experience-track{animation-play-state:paused}
.experience-controls{grid-area:1 / 2;display:flex;gap:7px;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}
.experience-ticker:hover .experience-controls,.experience-ticker:focus-within .experience-controls{opacity:1;transform:none}
.experience-controls button{width:34px;height:34px;border:1px solid rgba(154,101,85,.35);border-radius:50%;background:rgba(249,241,231,.94);color:#785449;cursor:pointer;box-shadow:0 5px 16px rgba(83,58,46,.08)}
.experience-controls button:hover,.experience-controls button:focus-visible{background:var(--accent);color:#fff}
@keyframes experience-marquee{to{transform:translateX(-50%)}}
@media(max-width:720px){.experience-group{gap:34px;padding-inline:17px}.experience-track{animation-duration:22s}}
@media(hover:none){.experience-controls{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.experience-track{animation:none!important}.experience-window{overflow-x:auto}}

/* Losse publicaties in dezelfde vaste portfolio-opmaak */
.editorial-item.static-publication{height:auto!important;aspect-ratio:auto!important;background:transparent!important;overflow:visible!important}
.static-publication>a{height:auto!important;overflow:visible!important;background:transparent!important}
.static-publication>a>img{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.38/1!important;object-fit:contain!important;object-position:center!important;padding:14px!important;background:linear-gradient(135deg,#dfc9b9,#f0e2d8)!important;border-radius:3px!important;box-shadow:0 14px 24px rgba(78,55,44,.17)!important}
.static-publication .editorial-overlay{position:static!important;display:block!important;opacity:1!important;transform:none!important;background:transparent!important;color:var(--ink)!important;padding:17px 6px 8px!important}
.static-publication .editorial-overlay small{display:block!important;color:var(--muted)!important;font-size:10px!important;letter-spacing:1.35px!important;margin-bottom:8px!important}
.static-publication .editorial-overlay h3{font-size:clamp(23px,2vw,31px)!important;line-height:1.08!important;margin:0 0 8px!important}
.static-publication .editorial-question{display:block!important;color:var(--muted)!important;font-size:14px!important;line-height:1.55!important;margin:0 0 10px!important}
.static-publication .editorial-overlay b{display:inline-flex!important;color:var(--ink)!important;font-size:11px!important;letter-spacing:.8px!important;border-bottom:1px solid var(--ink)!important;padding-bottom:3px!important}

/* Gelaagd zandpalet over de gehele website */
:root{--menu-beige:rgba(232,212,196,.94)}
body{background:linear-gradient(180deg,#f5eadf 0%,#f8efe7 23%,#efe0d3 48%,#f7ece3 72%,#e9d7c8 100%)!important;background-attachment:fixed!important}
.header{
  position:sticky;
  top:12px;
  z-index:10;
  margin-top:16px;
  padding-inline:clamp(16px,2.5vw,34px);
  border:1px solid #c5a491;
  border-radius:26px;
  background:var(--menu-beige)!important;
}
html{scroll-padding-top:156px}
.header .menu-toggle{
  border:0;
  border-radius:12px;
  background:var(--lilac);
  color:#fff;
  cursor:pointer;
}
.header nav.open{
  padding-block:14px;
  padding-inline:24px 16px;
  border-radius:16px;
  background:var(--lilac);
  color:#fff;
  font:20px/1.35 var(--serif);
}
.header nav.open a{padding-block:13px;color:inherit}
.header nav.open a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.header.is-compact{
  height:var(--compact-header-height);
  border-color:transparent;
  background:transparent!important;
  backdrop-filter:none;
  pointer-events:none;
}
.header.is-compact .brand{visibility:hidden}
.header.is-compact::after{display:none}
.header.is-compact .menu-toggle{
  position:absolute;
  inset:0 0 auto auto;
  display:grid;
  place-content:center;
  width:44px;
  height:44px;
  padding:0;
  font-size:0;
  pointer-events:auto;
  box-shadow:0 4px 14px rgba(67,53,47,.16);
}
.header.is-compact .menu-toggle span{margin:0;font-size:21px;line-height:1}
.header.is-compact nav{display:none}
.header.is-compact nav.open{
  display:flex;
  position:absolute;
  inset:52px 0 auto auto;
  width:min(320px,100%);
  max-height:calc(100dvh - 80px);
  flex-flow:column nowrap;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  pointer-events:auto;
  box-shadow:0 10px 26px rgba(67,53,47,.2);
}
html:has(.header.is-compact){scroll-padding-top:76px}
@media(min-width:721px){
  .header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
}
@media(max-width:720px){
  html{scroll-padding-top:120px}
  .header{gap:12px;padding-inline:clamp(12px,4vw,22px)}
  .header .brand{flex:1 1 0;min-width:0}
  .header .brand span{font-size:clamp(8px,2.15vw,10px);letter-spacing:.08em;white-space:nowrap}
  .header .menu-toggle{flex:none;align-self:flex-start}
  .header nav{
    position:relative;
    max-height:calc(100dvh - 130px);
    overflow-y:auto;
    overscroll-behavior:contain;
    font:20px/1.35 var(--serif);
  }
  .header nav a{padding-block:13px}
}
@media(prefers-reduced-motion:no-preference){
  .header nav.open{animation:menu-unfold .48s cubic-bezier(.22,.7,.28,1) both}
  .header nav a{
    position:relative;
    --glint-x:min(56%,165px);
    --glint-y:8px;
    --glint-size:13px;
    --glint-delay:.11s;
    --glint-drift:10px;
    --glint-color:var(--lilac-light);
  }
  .header nav a:nth-child(2){
    --glint-x:min(43%,115px);--glint-y:33px;--glint-size:10px;
    --glint-delay:.25s;--glint-drift:-8px;--glint-color:#dcc7ed;
  }
  .header nav a:nth-child(3){
    --glint-x:min(67%,187px);--glint-y:9px;
    --glint-delay:.19s;--glint-drift:-10px;
  }
  .header nav a:nth-child(4){
    --glint-x:min(84%,220px);--glint-y:36px;--glint-size:11px;
    --glint-delay:.36s;--glint-color:#dcc7ed;
  }
  .header nav a:nth-child(5){
    --glint-x:min(36%,108px);--glint-y:13px;--glint-size:9px;
    --glint-delay:.3s;--glint-drift:-7px;
  }
  .header nav.open a::after,
  .header nav.open a:is(:first-child,:nth-child(3))::before{
    content:"";
    position:absolute;
    inset-inline-start:var(--glint-x);
    inset-block-start:var(--glint-y);
    width:var(--glint-size);
    height:var(--glint-size);
    background:var(--glint-color);
    clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
    pointer-events:none;
    animation:menu-glint .76s cubic-bezier(.22,.7,.28,1) var(--glint-delay) both;
  }
  .header nav.open a:is(:first-child,:nth-child(3))::before{
    inset-inline-start:calc(var(--glint-x) + 17px);
    inset-block-start:calc(var(--glint-y) + 8px);
    width:6px;
    height:6px;
    background:var(--lilac-light);
    animation-delay:calc(var(--glint-delay) + .12s);
  }
}
@keyframes menu-unfold{
  from{clip-path:inset(0 0 100% 0);opacity:.35}
  to{clip-path:inset(0);opacity:1}
}
@keyframes menu-glint{
  0%{opacity:0;transform:translateY(5px) scale(.3) rotate(-20deg)}
  40%{opacity:1;transform:translateY(-1px) scale(1.15) rotate(8deg)}
  100%{opacity:0;transform:translate(var(--glint-drift),-11px) scale(.65) rotate(28deg)}
}
@keyframes accent-sparkle{
  0%{opacity:0;transform:translateY(4px) scale(.25) rotate(-18deg)}
  38%{opacity:1;transform:translateY(-2px) scale(1.24) rotate(10deg)}
  100%{opacity:0;transform:translate(4px,-8px) scale(.72) rotate(30deg)}
}
.hero-journalism{position:relative;padding:58px 34px!important;margin-top:24px;border-radius:26px;background:linear-gradient(135deg,rgba(225,196,175,.72),rgba(238,220,207,.60));box-shadow:inset 0 0 0 1px rgba(150,108,83,.17)}
.section-heading{padding:28px;border-radius:20px;background:linear-gradient(135deg,rgba(226,201,183,.70),rgba(238,222,210,.54))}
#journalistiek > .section-heading{border:1px solid #c5a491}
#journalistiek > .section-heading > div{text-align:center}
@media(min-width:721px){
  #journalistiek > .section-heading{
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);
    gap:clamp(28px,4vw,64px);
    align-items:center;
  }
}
.editorial-grid{padding:22px;border-radius:22px;background:rgba(235,217,203,.54);box-shadow:inset 0 0 0 1px rgba(151,111,88,.14)}
.editorial-grid .editorial-item h3{transition:color .22s ease}
.editorial-grid .editorial-item:focus-within h3{color:var(--lilac)}
@media(hover:hover){
  .editorial-grid .editorial-item:hover h3{color:var(--lilac)}
}
.about{padding-inline:34px;border-radius:26px;background:linear-gradient(135deg,rgba(222,191,170,.5),rgba(236,215,201,.41))}
.about{
  grid-template-columns:minmax(0,1.1fr) minmax(0,.82fr);
  grid-template-rows:auto 1fr;
  grid-template-areas:"heading portrait" "copy portrait";
  gap:20px clamp(24px,4vw,60px);
  align-items:start;
}
.about-heading{grid-area:heading;padding-top:28px}
.about-copy{grid-area:copy}
.about-title{font-size:clamp(58px,7vw,104px);line-height:.92;margin:0;letter-spacing:-.035em}
.about-portrait{grid-area:portrait;margin:0;position:relative;align-self:stretch;min-height:390px;display:flex;flex-direction:column}
.about-portrait::before{content:"";position:absolute;inset:14px -10px -12px 12px;border:1px solid rgba(154,101,85,.28);border-radius:48% 48% 22px 22px}
.about-portrait img{position:relative;width:100%;height:100%;min-height:390px;flex:1;object-fit:cover;object-position:58% 50%;display:block;border-radius:48% 48% 22px 22px;box-shadow:0 20px 45px rgba(86,60,47,.14)}
.about-heading .signature{display:none}
@media(max-width:980px){.about-portrait,.about-portrait img{min-height:340px}}
@media(max-width:620px){
  .about{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"heading" "portrait" "copy";gap:36px;padding-inline:22px}
  .about-heading{padding-top:0}
  .about-title{font-size:56px}
  .about-portrait,.about-portrait img{min-height:420px}
}
.about-preview .about-copy p{max-width:650px}.about-button{margin-top:14px}.about-story{padding-block:70px 100px}.about-story-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:8%;align-items:center;padding:58px 0 72px}.about-story-hero>div{grid-column:1;grid-row:1}.about-story-hero>.about-story-portrait{grid-column:2;grid-row:1}.about-story-hero h1{max-width:780px}.about-story-hero .page-lead{max-width:720px}.about-story-portrait{margin:0;position:relative}.about-story-portrait::before{content:"";position:absolute;inset:16px -12px -14px 14px;border:1px solid rgba(154,101,85,.3);border-radius:48% 48% 24px 24px}.about-story-portrait img{position:relative;width:100%;height:560px;object-fit:cover;object-position:58% center;display:block;border-radius:48% 48% 24px 24px;box-shadow:0 24px 55px rgba(86,60,47,.17)}.about-story-body{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:8%;align-items:start}.about-story-aside{position:sticky;top:32px;padding:28px;border-top:1px solid var(--accent);border-bottom:1px solid var(--line);font:italic 25px/1.5 var(--serif);color:var(--accent)}.about-story-copy{max-width:780px}.about-story-copy p{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:25px}.about-story-copy .story-opening{font:26px/1.55 var(--serif);color:var(--ink);margin-bottom:32px}.about-story-copy h2{margin:58px 0 27px;font-size:clamp(34px,4vw,52px)}.about-story-closing{margin-top:48px;padding:34px;border-radius:22px;background:linear-gradient(135deg,rgba(221,190,169,.58),rgba(236,215,204,.45));font:30px/1.45 var(--serif)!important;color:var(--ink)!important}.about-story .contact-inline{margin-top:55px;padding-top:32px;border-top:1px solid var(--line)}
@media(max-width:820px){.about-story-hero{grid-template-columns:1fr;gap:38px;padding-top:42px}.about-story-hero>div{grid-column:1;grid-row:1}.about-story-hero>.about-story-portrait{grid-column:1;grid-row:2}.about-story-portrait{max-width:520px}.about-story-portrait img{height:480px}.about-story-body{grid-template-columns:1fr}.about-story-aside{position:static;margin-bottom:35px}.about-story{padding-bottom:70px}}
@media(max-width:620px){.about-story-hero{padding-bottom:48px}.about-story-portrait img{height:420px}.about-story-copy p{font-size:16px;line-height:1.8}.about-story-copy .story-opening{font-size:22px}.about-story-aside{font-size:21px;padding:22px 4px}.about-story-closing{font-size:24px!important;padding:25px}}
.other-work{padding-inline:34px!important}
.other-work::before{inset:0;border-radius:26px}
.route-cards .route-card,.editorial-podcast{border-radius:18px}
.route-cards button.route-card{
  padding:0;
  border:0;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.route-cards button.route-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.route-cards .route-bookable img{
  inset:auto 0 0 auto;
  width:150%;
  height:150%;
  object-position:center bottom;
}
.service-dialog{
  width:min(460px,calc(100% - 32px));
  padding:0;
  border:1px solid var(--line);
  border-radius:22px;
  background:#f1e4d9;
  color:var(--ink);
  box-shadow:0 18px 60px rgba(67,53,47,.24);
}
.service-dialog::backdrop{background:rgba(43,31,27,.47)}
.service-dialog-content{padding:clamp(24px,6vw,36px)}
.service-dialog h2{margin:0 0 14px;font-size:clamp(28px,5vw,36px)}
.service-dialog p{margin:0 0 22px;line-height:1.65}
.service-dialog button{font:inherit;cursor:pointer}
.editorial-external>a>img,.static-publication>a>img{border-radius:14px!important}
@media(max-width:620px){
  .other-work{padding-inline:14px!important}
  .route-cards .route-card>span{padding:12px}
  .route-cards .route-card strong{font-size:clamp(16px,4.8vw,20px);overflow-wrap:anywhere}
  .route-cards .route-bookable strong{font-size:clamp(13px,3.8vw,19px)}
}
.contact{background:linear-gradient(135deg,#d4b5a0 0%,#e5ccbc 48%,#d4b5a6 100%)!important}
.contact-form{
  display:grid;
  gap:8px;
  max-width:560px;
  margin:26px auto 0;
  padding:clamp(18px,4vw,30px);
  border:1px solid var(--lilac-deep);
  border-radius:22px;
  background:var(--lilac);
  color:#fff;
  text-align:left;
}
.contact-form label{font-weight:600}
.contact-form input:not([type=hidden]):not([hidden]),.contact-form textarea{
  width:100%;
  min-width:0;
  margin:0 0 8px;
  padding:10px 13px;
  border:1px solid var(--lilac-deep);
  border-radius:10px;
  background:var(--lilac-light);
  color:var(--ink);
  font:inherit;
}
.contact-form textarea{resize:vertical}
.contact-form :is(input,textarea,button):focus-visible{outline:2px solid var(--lilac-light);outline-offset:2px}
.contact-form .button{
  justify-self:start;
  border-radius:999px;
  cursor:pointer;
  font:inherit;
  background:var(--lilac-deep)!important;
  border-color:var(--lilac-light)!important;
}
.contact-form .button:hover{background:#584662!important}
.contact .contact-form-note{margin:4px 0 0;color:#fff;font-size:13px}
.contact-form-note a{text-decoration:underline}
.contact-confirmation{
  max-width:560px;
  margin:22px auto 0;
  padding:10px 16px;
  border-radius:12px;
  background:var(--lilac-light);
}

/* Aanvullend beeld op de Over mij-pagina */
.about-story-body{display:block}.about-story-copy{max-width:820px;margin-inline:auto}.about-story-copy .story-opening{font:17px/1.9 Arial,Helvetica,sans-serif;color:var(--muted);margin-bottom:25px}.about-story .contact-inline{display:flex;flex-direction:column;align-items:flex-start;gap:8px;clear:both;margin:58px 0 36px;padding:34px 0 10px;border-top:1px solid var(--line)}.about-story .contact-inline .eyebrow{margin-bottom:8px}.about-story .contact-inline .button{position:relative;z-index:1;margin:0}
.story-photo{margin:44px 0 56px}.story-photo img{display:block;width:100%;object-fit:cover}.story-photo-close{width:min(520px,82%);margin-left:auto}.story-photo-close img{height:520px;object-position:center 40%;border-radius:46% 46% 20px 20px;box-shadow:0 20px 46px rgba(79,56,45,.16)}.story-photo-wide{width:calc(100% + 10vw);margin-left:-5vw}.story-photo-wide img{height:560px;object-position:center 62%;border-radius:24px;box-shadow:0 24px 55px rgba(79,56,45,.15)}.story-photo figcaption{margin-top:12px;text-align:right;color:var(--muted);font:italic 15px/1.5 var(--serif)}
.about-story-portrait-field img{object-position:center 72%}
.story-photo-ending{width:calc(100% + 12vw);margin:52px 0 70px -6vw}.story-photo-ending img{height:520px;object-position:center 45%;border-radius:24px;box-shadow:0 24px 55px rgba(79,56,45,.16)}
@media(max-width:620px){.story-photo-ending{width:calc(100% + 40px);margin:40px 0 54px -20px}.story-photo-ending img{height:360px;border-radius:0;object-position:62% center}}
@media(max-width:620px){.story-photo{margin-block:34px 44px}.story-photo-close{width:92%}.story-photo-close img{height:430px}.story-photo-wide{width:calc(100% + 40px);margin-left:-20px}.story-photo-wide img{height:480px;border-radius:0;object-position:54% 65%}.story-photo figcaption{text-align:left;padding-inline:4px}}

/* Lopende tekst */
main p:not(.eyebrow, .blog-kicker, .blog-draft),
main :where(li, blockquote),
.about-story-copy .story-opening {
  font-family: var(--serif);
}