/* A photographic scroll composition; static, readable layout is the default. */
body:is(.beauty-home,.beauty-detail){--paper:#fff4ef;--ink:#50323d;--wine:#793e55;--muted:#71515b}
.beauty-home .pearl-journey{height:auto;background:#efccd2}
.beauty-home .pearl-stage{position:relative;min-height:620px;height:calc(100svh - 88px);background:#efccd2}
.beauty-home .pearl-wing{background-image:url('/assets/campaign-silk-air.webp');opacity:.7;animation:none!important}
.beauty-home .pearl-stage:after{background:radial-gradient(ellipse,#fff3eddf 10%,#f9e4e980 55%,transparent 85%)}
.beauty-home .pearl-heading{transform:none!important;text-shadow:none}
.beauty-home .pearl-light{opacity:.35}
.beauty-home .pearl-heading h1{font-size:clamp(62px,7.5vw,112px);font-weight:400}
.beauty-home .pearl-paths a{font-size:13px}
.beauty-home .beauty-intro:before,.beauty-home .beauty-finale:before,.beauty-detail .page-intro:before,.beauty-detail .soft-band:before,.beauty-detail .closing:before,:is(.beauty-home,.beauty-detail) footer:before{background-image:url('/assets/campaign-silk-air.webp')}
.beauty-detail .page-intro{background:#f5dfe3}
.beauty-detail .page-intro:after{background:linear-gradient(90deg,#fff4eff5 8%,#fff4efbb 48%,#fff4ef20)}
.beauty-album{position:relative;background:#edcbd2;scroll-margin-top:88px}
.album-stage{position:relative;padding:80px 5%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#fff5ee 5%,#f1d5da 60%,#e6b9c5)}
.album-heading{text-align:center;margin:0 auto 50px;max-width:680px;position:relative;z-index:2;pointer-events:none}
.album-heading h2{font-size:clamp(52px,6.5vw,100px);line-height:.98;letter-spacing:-.045em;font-weight:400;margin:24px 0}
.album-heading>p:last-child{font-size:14px}
.album-images{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1180px;margin:auto}
.album-tile{display:block;position:relative;overflow:hidden;background:#f6e8e1;box-shadow:0 24px 60px -30px #68364760;color:#50323d;text-decoration:none;border-radius:3px}
.album-tile>img{width:100%;height:100%;object-fit:cover;display:block}
.album-main{height:600px;z-index:3}
.album-label{display:block;position:absolute;bottom:0;left:0;right:0;padding:22px 26px;background:#fff5eef2;backdrop-filter:blur(12px)}
.album-label small{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.035em;margin-bottom:9px}
.album-label strong{display:block;font-family:Editorial,Georgia,serif;font-size:clamp(25px,3vw,44px);font-weight:400;line-height:1.05}
.album-label>span{display:inline-block;font:12px/1.5 Arial,sans-serif;margin-top:15px;border-bottom:1px solid currentColor;padding-bottom:4px}
.album-main:hover .album-label>span{color:#933e5c}
.album-main:focus-visible{outline:3px solid #793e55;outline-offset:6px;z-index:10}
.album-extra{display:none;pointer-events:none}
.album-next{display:block;width:fit-content;margin:40px auto 0;font-size:12px;text-underline-offset:5px;position:relative;z-index:5;padding:12px}
.album-enhanced{height:300svh}
.album-enhanced .album-stage{position:sticky;top:0;height:100svh;min-height:600px;padding:0}
.album-enhanced .album-heading{position:absolute;top:17%;left:50%;width:70%;margin:0;transform:translate(-50%,-50%) translateY(var(--heading-y,0px));opacity:var(--heading-opacity,1)}
.album-enhanced .album-heading h2{font-size:clamp(55px,6.3vw,94px)}
.album-enhanced .album-images{display:contents}
.album-enhanced .album-tile{position:absolute;left:0;top:0;transform-origin:center;will-change:transform;width:var(--tile-w);height:var(--tile-h);transform:translate3d(var(--tile-x),var(--tile-y),0) rotate(var(--tile-r));opacity:var(--tile-opacity,1)}
.album-enhanced .album-extra{display:block;z-index:1}
.album-enhanced .album-label{opacity:var(--label-opacity,0);transform:translateY(calc((1 - var(--label-opacity,0))*22px))}
.album-enhanced .album-main:focus-visible .album-label{opacity:1;transform:none}
.album-enhanced .album-main:before{content:'Voetverzorging';position:absolute;top:12px;left:12px;z-index:2;padding:8px 12px;background:#fff5eef5;color:#50323d;font:12px/1.4 Arial,sans-serif;border-radius:2px}
.album-enhanced .album-main[data-album="laser"]:before{content:'Laserontharing'}
.album-enhanced .album-next{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap}
.beauty-home .beauty-intro{background:#fff4ef}
@media(max-width:760px){
 .beauty-home .pearl-stage{height:calc(100svh - 78px);min-height:590px}
 .beauty-home .pearl-heading{width:90%;padding:70px 0 100px}
 .beauty-home .pearl-heading h1{font-size:clamp(54px,12vw,82px)}
 .beauty-home .pearl-heading .eyebrow{font-size:10px}
 .beauty-home .pearl-paths{gap:15px}
 .beauty-home .pearl-paths a{font-size:11px}
 .album-stage{padding:60px 20px}
 .album-images{grid-template-columns:1fr}
 .album-main{height:560px}
 .album-label{padding:17px 20px}
 .album-label strong{font-size:30px}
 .album-enhanced{height:310svh}
 .album-enhanced .album-stage{min-height:560px}
 .album-enhanced .album-heading{width:90%;top:14%}
 .album-enhanced .album-heading h2{font-size:clamp(40px,10vw,58px);margin:14px 0}
 .album-enhanced .album-heading .eyebrow{font-size:9px;letter-spacing:.08em}
 .album-enhanced .album-label{padding:10px 14px;left:39%;height:100%;display:flex;flex-direction:column;justify-content:center;background:#fff5eef5}
 .album-enhanced .album-label strong{font-size:clamp(22px,5.5vw,34px)}
 .album-enhanced .album-label small{font-size:9px;margin-bottom:8px}
 .album-enhanced .album-label>span{font-size:10px;align-self:flex-start;margin-top:12px}
 .album-enhanced .album-main>img{width:calc(100% - var(--album-grow,0)*57%);object-position:center}
 .album-enhanced .album-main:before{font-size:10px;top:8px;left:8px;padding:6px 8px}
 .album-enhanced .album-next{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.album-tile{will-change:auto}.beauty-home .pearl-stage{height:auto;min-height:590px}}