.detail-page{background:var(--product-color)}.back{background:#fff8eded;padding:15px 22px;border-radius:30px;font-size:14px}.product-story{position:relative;min-height:180vh;isolation:isolate}.product-backdrop{position:absolute;top:0;left:0;width:100%;height:100vh;background-position:center;background-size:cover;z-index:-1}.product-title{text-align:center;padding:160px 20px 0;max-width:1000px;margin:auto;position:relative;z-index:2}.product-title h1{font-family:'Italiana',Georgia,serif;font-size:clamp(65px,10vw,145px);font-weight:400;letter-spacing:-.04em;line-height:1;margin:20px 0}.product-title p{font-size:clamp(18px,2.1vw,28px);line-height:1.45;max-width:750px;margin:20px auto}.down{display:inline-block;font-size:13px;border-bottom:1px solid;padding:10px 0;margin-top:6px}.detail-product{position:sticky;top:120px;height:62vh;width:28%;margin:30px auto -25vh;z-index:3;pointer-events:none;filter:drop-shadow(0 30px 20px #243c5033);transform:rotate(var(--turn,-5deg))}.detail-product>img{height:100%;width:100%;object-fit:contain}.detail-airless .detail-product>img{clip-path:inset(2.5% 26.7% 2.1% 26.7% round 12%)}.detail-sachet .detail-product>img{clip-path:inset(6.5% 6%)}.detail-softpack .detail-product{width:42%;height:48vh;top:180px;margin-bottom:-11vh}.product-facts{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;gap:40%;padding:230px 5vw 100px;align-items:center;scroll-margin-top:60px}.product-facts h2{font-size:clamp(32px,3.1vw,48px);letter-spacing:-.025em;line-height:1.1}.product-facts p{font-size:17px;line-height:1.75}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:8px;margin-top:20px;font-size:14px}.application{padding:130px 8vw;background:var(--cream);text-align:center}.application h2{font-size:clamp(55px,7vw,100px)}.application-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:70px 0 40px;text-align:left}.application-steps article{border-top:1px solid #243c5033;padding-top:25px}.step-index{font-size:12px;letter-spacing:1px}.application-steps h3{font-family:'Italiana',Georgia,serif;font-size:38px;font-weight:400;margin:20px 0}.application-steps p{font-size:17px;line-height:1.7}.product-questions{padding:100px max(8vw,calc((100vw - 1000px)/2));background:#e9eff0}.product-questions h2{font-size:clamp(48px,6vw,80px);margin-bottom:50px}.product-questions details{border-bottom:1px solid #243c5033;padding:22px 0}.product-questions summary{cursor:pointer;font-size:18px;line-height:1.5}.product-questions details p{font-size:16px;line-height:1.8;max-width:750px}.other-formats{padding:110px 8vw;text-align:center}.other-formats h2{font-size:clamp(50px,7vw,90px)}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1000px;margin:50px auto 0}.other-card{display:block}.other-card>img{height:270px;width:100%;object-fit:contain;transition:transform .4s}.other-card:hover>img{transform:translateY(-12px) rotate(4deg)}.other-card.airless>img{clip-path:inset(2.5% 26.7% 2.1% 26.7% round 12%)}.other-card.sachet>img{clip-path:inset(6.5% 6%)}.other-card h3{font-family:'Italiana',Georgia,serif;font-size:36px;font-weight:400}.other-card>span{font-size:14px}.detail-page footer{position:relative;z-index:4}@media(max-width:700px){.back{font-size:12px;padding:12px 15px}.product-title{padding:140px 24px 0}.product-title h1{font-size:64px}.product-title p{font-size:20px}.product-story{min-height:0}.product-backdrop{height:850px}.detail-product{position:relative;top:auto;width:62%;height:380px;margin:45px auto;transform:rotate(-5deg)}.detail-softpack .detail-product{width:88%;height:260px;top:auto;margin:45px auto}.product-facts{display:block;min-height:0;padding:25px 25px 65px}.product-facts article+article{margin-top:45px}.product-facts h2{font-size:42px}.application{padding:85px 25px}.application-steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.application-steps h3{font-size:34px}.product-questions{padding:75px 25px}.other-formats{padding:80px 20px}.other-grid{gap:20px}.other-card>img{height:200px}.other-card h3{font-size:27px}.other-card.airless>img{clip-path:inset(2.5% 23% 2.1% 23%)}}@media(prefers-reduced-motion:reduce){.detail-product,.other-card:hover>img{transform:none}.other-card>img{transition:none}}
.detail-airless .product-backdrop{background-image:url('assets/airless-world.png')}.detail-sachet .product-backdrop{background-image:url('assets/sachet-world.png')}.detail-softpack .product-backdrop{background-image:url('assets/softpack-world.png')}
.product-title{color:#243c50;text-shadow:0 1px 20px #fff8ed88}
.scroll-droplet{position:absolute;width:clamp(42px,5.5vw,85px);height:auto;z-index:4;pointer-events:none;filter:drop-shadow(0 12px 10px #29495f22);will-change:transform;opacity:var(--drop-opacity,0)}
.drop-one{left:25%;top:370px;transform:translate3d(calc(var(--drop-sway,0)*25px),var(--drop-y,0px),0) rotate(calc(var(--drop-sway,0)*18deg))}
.drop-two{right:22%;top:460px;width:clamp(30px,4vw,60px);transform:translate3d(calc(var(--drop-sway,0)*-20px),var(--drop-y,0px),0) rotate(calc(var(--drop-sway,0)*-22deg))}
@media(max-width:700px){.drop-one{left:7%;top:370px}.drop-two{right:6%;top:450px}}
@media(prefers-reduced-motion:reduce){.scroll-droplet{display:none}}
.detail-airless .detail-product{width:min(28vw,41.33vh);height:auto;aspect-ratio:2/3}
.detail-airless .detail-product>img{position:absolute;inset:0;clip-path:polygon(27% 29%,34% 29%,34% 12%,38% 7%,59% 7%,65% 12%,65% 29%,73% 29%,73% 98%,27% 98%)}
.detail-airless .detail-product>.airless-cap{clip-path:polygon(evenodd,28% 2%,72% 2%,72% 29%,28% 29%,28% 2%,32% 6%,32% 27%,68% 27%,68% 6%,32% 6%);transform:translate3d(var(--cap-x,0px),var(--cap-y,0px),0) rotate(var(--cap-angle,0deg));transform-origin:50% 16%;filter:drop-shadow(0 10px 8px #243c5022)}
@media(max-width:700px){.detail-airless .detail-product{width:240px;max-width:62%;height:auto;aspect-ratio:2/3}}
@media(prefers-reduced-motion:reduce){.detail-airless .detail-product>.airless-cap{transform:none!important}}
.detail-sachet .detail-product{width:min(30vw,40vh);height:auto;aspect-ratio:2/3;perspective:1000px}
.detail-sachet .detail-product>img{position:absolute;inset:0;clip-path:inset(18% 6% 6.5%)}
.detail-sachet .detail-product>.sachet-lid{clip-path:inset(6.5% 6% 82%);z-index:3;transform-origin:70% 18%;transform:translate(calc(var(--unwrap,0)*50px),calc(var(--unwrap,0)*-125px)) rotate(calc(var(--unwrap,0)*27deg))}
.detail-sachet .detail-product>.tissue{z-index:-1;transform:translateY(calc(var(--reveal,0)*-63%)) rotate(calc(var(--reveal,0)*-4deg))}
.detail-softpack .detail-product{perspective:1000px}
.detail-softpack .detail-product>.softpack-base{clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,34% 27%,34% 65%,65% 65%,65% 27%,34% 27%)}
.detail-softpack .detail-product>.softpack-flap{position:absolute;inset:0;clip-path:inset(23% 30% 28% 30% round 12%);transform-origin:50% 24%;transform:rotateX(calc(var(--flap,0)*-110deg));backface-visibility:visible;z-index:3}
.softpack-inside{position:absolute;left:34%;top:28%;width:31%;height:36%;border-radius:24%;background:#eff0e6;box-shadow:inset 0 12px 22px #384d5c66;z-index:-1}
.drop-one{left:3%}.drop-two{right:3%}
@media(max-width:700px){.detail-sachet .detail-product{width:240px;max-width:65%;height:auto;aspect-ratio:2/3}.scroll-droplet{width:36px}.drop-one{left:2%}.drop-two{right:2%;width:28px}}
@media(prefers-reduced-motion:reduce){.detail-sachet .detail-product>.sachet-lid{transform:none}.detail-sachet .detail-product>.tissue{transform:none}.detail-softpack .detail-product>.softpack-flap{transform:none}}
.detail-softpack .detail-product{height:auto;aspect-ratio:1672/941}.detail-softpack .detail-product>img{height:100%;width:100%;display:block}.detail-softpack .detail-product>.softpack-base{position:relative}.detail-softpack .detail-product>.softpack-flap{position:absolute}
@media(max-width:700px){.detail-softpack .detail-product{height:auto;aspect-ratio:1672/941}}
.detail-page{overflow-x:clip}.other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.other-card{min-width:0}.other-card h3{overflow-wrap:anywhere}.product-title h1{overflow-wrap:normal}@media(max-width:700px){.product-title h1{font-size:clamp(46px,13vw,60px)}.application h2{font-size:clamp(43px,12vw,60px)}.detail-sachet .product-backdrop{background-position:38% center}}