/* One continuous editorial canvas. Product silhouettes never sit inside panels. */
#skin-catalog{--catalog-ink:#302d29;--catalog-paper:rgb(244,226,164);--ease-editorial:cubic-bezier(.22,.7,.15,1);position:fixed;inset:0;z-index:40;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--catalog-paper);color:var(--catalog-ink);font:16px/1.55 Arial,sans-serif;opacity:0;transition:opacity .8s ease;scrollbar-color:#8e7d6980 transparent;isolation:isolate;scroll-padding-top:85px}
#skin-catalog.is-open{opacity:1}#skin-catalog button{font:inherit}#home{transition:opacity 1s ease}.catalog-entering #home{opacity:0}.catalog-open #home{visibility:hidden}.catalog-transfer{position:fixed;z-index:60;pointer-events:none;transform-origin:center;object-fit:contain;will-change:transform,opacity}
.catalog-cutout{display:block;position:relative;overflow:hidden;flex:none}.catalog-cutout img{position:absolute;max-width:none;object-fit:fill;user-select:none;-webkit-user-drag:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-nav{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font:13px/1.2 Arial,sans-serif;backdrop-filter:blur(12px)}.catalog-nav button{padding:12px 0}.catalog-nav a:last-child{text-decoration:underline;text-underline-offset:5px}.catalog-brand{font:19px Arial,sans-serif;letter-spacing:.38em;position:absolute;left:50%;transform:translateX(-50%)}.catalog-back span{margin-right:12px}.catalog-back:hover{text-decoration:underline;text-underline-offset:5px}
.catalog-hero{min-height:720px;height:calc(100svh - 78px);max-height:1050px;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;padding:40px 6% 85px;overflow:hidden}.catalog-hero-copy{position:relative;z-index:2}.catalog-hero h1{font:clamp(62px,6.8vw,112px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0 0 30px;max-width:660px}.catalog-hero-copy p{font:17px/1.6 Arial,sans-serif;max-width:360px;margin:0 0 38px}.catalog-main-link{font:14px Arial,sans-serif;text-decoration:underline;text-underline-offset:7px;display:inline-flex;gap:45px;align-items:center}.catalog-main-link span{font-size:24px}.catalog-hero-art{position:relative;height:100%;min-height:590px}.hero-bottle{position:absolute;left:42%;top:2%;height:530px;width:auto;padding:0;transform:rotate(-9deg);z-index:2}.hero-bottle .catalog-cutout{height:100%;width:auto;filter:drop-shadow(18px 26px 22px #6d502a1c)}.hero-bottle:hover{transform:rotate(-6deg) translateY(-6px);transition:transform .8s var(--ease-editorial)}.water-splash{display:block;pointer-events:none;user-select:none;will-change:transform}.hero-splash{position:absolute;width:145%;max-width:none;left:-12%;top:18%;transform:translateY(var(--water-y,0px)) rotate(-12deg);opacity:.8}.hero-art-caption{position:absolute;right:0;bottom:0;font:13px/1.6 Arial,sans-serif;z-index:3}.hero-art-caption span{opacity:.65}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;font:12px Arial,sans-serif}
.collection-intro{padding:130px 5% 60px;text-align:center}.collection-intro h2{font:italic clamp(85px,11vw,180px)/.82 Bebas,'Arial Narrow',sans-serif;letter-spacing:-.035em;margin:0 0 35px}.collection-intro p{font:15px Arial,sans-serif;margin:0}.catalog-content{max-width:1720px;margin:0 auto;padding:20px 5% 0}.catalog-chapter{position:relative;padding:40px 0 90px}.chapter-heading{display:none}.editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:30px;row-gap:60px;align-items:start}
.catalog-tile{position:relative;grid-column:span 6;min-width:0;min-height:700px;--pointer-x:0px;--pointer-y:0px;--pointer-roll:0deg;--scroll-y:0px;--tilt:0deg;isolation:isolate}.tile-open{position:relative;width:100%;min-height:inherit;padding:0!important;text-align:left;display:block;overflow:visible;background:none!important;border:0;border-radius:0;box-shadow:none}.tile-open:focus-visible{outline:2px solid #302d29;outline-offset:8px}.tile-type{position:absolute;top:calc(42% - 35px);left:49%;right:0;font:11px/1.4 Arial,sans-serif;z-index:2}.catalog-tile h3{position:absolute;left:49%;right:0;top:42%;z-index:2;font:clamp(44px,4.6vw,77px)/.94 Bebas,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:0;pointer-events:none;text-wrap:balance}.tile-media{position:absolute;display:block;width:auto;height:530px;left:6%;top:0;z-index:1;pointer-events:none}.product-motion{display:block;height:100%;width:auto;transform:translate3d(var(--pointer-x),calc(var(--pointer-y) + var(--scroll-y)),0) rotate(calc(var(--tilt) + var(--pointer-roll)));will-change:transform}.tile-media .catalog-cutout{height:100%;width:auto;filter:drop-shadow(12px 22px 20px #523d3615)}.tile-bottom{position:absolute;top:calc(42% + 195px);left:49%;right:0;display:flex;gap:20px;align-items:center;font:12px Arial,sans-serif;z-index:3}.tile-arrow{font:26px Arial,sans-serif;transition:transform .6s var(--ease-editorial)}.tile-open:hover .tile-arrow{transform:translate(4px,-4px)}
.tile-oil{grid-column:span 7;--tilt:-12deg;min-height:780px}.tile-oil .tile-media{height:650px;left:9%}.tile-oil h3,.tile-oil .tile-type,.tile-oil .tile-bottom{left:47%}.tile-ampoule{grid-column:span 5;margin-top:190px;--tilt:11deg}.tile-ampoule .tile-media{height:455px;left:0}.tile-ampoule .tile-bottom{top:calc(42% + 120px)}.tile-blue{--tilt:-12deg;margin-top:75px}.tile-blue .tile-media{height:520px;left:11%}.tile-first{--tilt:10deg;margin-top:260px}.tile-first .tile-media{height:510px;left:2%}.tile-sun{grid-column:span 7;--tilt:12deg}.tile-sun .tile-media{height:600px;left:5%}.tile-sun h3,.tile-sun .tile-type,.tile-sun .tile-bottom{left:53%}.tile-stick{grid-column:span 5;--tilt:-12deg;margin-top:220px}.tile-stick .tile-media{height:405px;left:0}.tile-gel{grid-column:span 7;--tilt:-13deg;min-height:780px}.tile-gel .tile-media{height:600px;left:0}.tile-gel h3,.tile-gel .tile-type,.tile-gel .tile-bottom{left:54%}.tile-foam{grid-column:span 5;--tilt:12deg;margin-top:240px}.tile-foam .tile-media{height:505px;left:0}.tile-foam h3,.tile-foam .tile-type,.tile-foam .tile-bottom{left:51%}.tile-clay{--tilt:12deg;margin-top:65px}.tile-clay .tile-media{height:445px;left:1%}.tile-clay h3,.tile-clay .tile-type,.tile-clay .tile-bottom{left:54%}.tile-fresh{--tilt:-11deg;margin-top:260px}.tile-fresh .tile-media{height:510px;left:3%}
.catalog-reveal{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease-editorial),transform 1.5s var(--ease-editorial)}.catalog-reveal.is-revealed{opacity:1;transform:none}.catalog-ending{padding:80px 5% 110px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.catalog-ending p{font:clamp(45px,5.7vw,85px)/1 Georgia,serif;letter-spacing:-.06em;margin:0;max-width:700px}.catalog-ending button{font:14px Arial,sans-serif!important;white-space:nowrap;text-decoration:underline;text-underline-offset:7px}.catalog-ending button span{margin-left:25px}.catalog-credits{padding:30px 5% 45px;display:flex;flex-wrap:wrap;gap:20px 40px;font:11px/1.6 Arial,sans-serif}.catalog-credits>span:nth-child(2){margin-left:auto}.catalog-credits details{width:100%;color:#62575a}.catalog-credits summary{cursor:pointer;width:max-content}.catalog-credits p{max-width:750px}.catalog-credits a{text-decoration:underline;text-underline-offset:3px}
.catalog-detail{padding:0;border:0;max-width:1050px;width:90vw;max-height:88svh;background:#f5f0e8;color:#3f3029;box-shadow:0 30px 120px #27170e40;overflow:auto}.catalog-detail[open]{display:grid;grid-template-columns:1fr 1fr}.catalog-detail::backdrop{background:#2d29245c;backdrop-filter:blur(12px)}.detail-close{position:absolute;right:22px;top:12px;font:32px Arial,sans-serif;z-index:3}.detail-art{display:flex;align-items:center;justify-content:center;padding:55px 35px;min-height:620px;background:#e7dcc8}.detail-art .catalog-cutout{width:auto;height:440px;filter:drop-shadow(16px 24px 19px #523d3620)}.detail-poremizing{background:#e9d4db}.detail-hyalu{background:#cfe2e5}.detail-copy{padding:70px 45px 45px;font:15px/1.7 Arial,sans-serif}.detail-copy .detail-brand{font:11px Arial,sans-serif;letter-spacing:1.5px}.detail-copy h2{font:clamp(44px,4.5vw,64px)/.98 Bebas,Arial,sans-serif;letter-spacing:-.02em;margin:30px 0 24px;text-wrap:balance}.detail-copy fieldset{border:0;padding:0;margin:32px 0 0}.detail-copy legend{font-size:12px;margin-bottom:14px}.detail-sizes{display:flex;gap:10px}.detail-sizes button{font:14px Arial,sans-serif;padding:9px 16px;background:#e7dfd4}.detail-sizes button[aria-pressed=true]{background:#3f3029;color:#fff}.reference-size{font-size:11px!important;color:#76685e}.copy-product{font:13px Arial,sans-serif!important;margin-top:35px;text-decoration:underline;text-underline-offset:7px}.copy-product span{margin-left:25px}.copy-status{font:12px/1.6 Arial,sans-serif;min-height:35px}.catalog-entry{margin-left:auto;font:14px Bebas,Arial,sans-serif;text-decoration:underline;text-underline-offset:6px;padding:10px 0}

@media(max-width:1100px) and (min-width:701px){.catalog-content{padding-left:4%;padding-right:4%}.editorial-grid{column-gap:35px}.catalog-tile{min-height:610px}.catalog-tile h3{font-size:46px}.tile-media{height:400px!important;left:0!important}.tile-oil .tile-media{height:490px!important;left:3%!important}.tile-gel .tile-media,.tile-sun .tile-media{height:440px!important}.tile-type{font-size:10px;top:calc(42% - 45px)}.tile-bottom{top:calc(42% + 155px)}.hero-bottle{height:470px}.catalog-hero{padding-left:35px;padding-right:35px}.catalog-hero h1{font-size:70px}.catalog-hero-art{min-height:530px}.tile-sun h3,.tile-sun .tile-type,.tile-sun .tile-bottom,.tile-gel h3,.tile-gel .tile-type,.tile-gel .tile-bottom{left:56%}.tile-clay .tile-media{height:355px!important}.tile-stick .tile-media{height:325px!important}}
@media(max-width:700px){#skin-catalog{scroll-padding-top:64px}.catalog-nav{height:64px;padding:0 18px;font-size:10px}.catalog-back span{margin-right:5px}.catalog-brand{font-size:14px;letter-spacing:.22em}.catalog-nav a:last-child{font-size:10px}.catalog-hero{height:auto;min-height:calc(100svh - 64px);max-height:none;padding:40px 22px 60px;grid-template-columns:1fr;align-content:start;gap:5px}.catalog-hero-copy{z-index:3}.catalog-hero h1{font-size:58px;max-width:350px;margin-bottom:20px}.catalog-hero-copy p{font-size:14px;max-width:280px;margin-bottom:18px}.catalog-main-link{font-size:12px;gap:25px}.catalog-hero-art{height:380px;min-height:380px;margin-top:10px}.hero-bottle{top:0;left:48%;height:340px}.hero-splash{width:125%;left:-15%;top:10%}.hero-art-caption{right:0;bottom:0;font-size:10px;max-width:130px}.hero-bottom{bottom:18px;left:22px;right:22px;font-size:9px}.collection-intro{padding:100px 20px 80px}.collection-intro h2{font-size:86px;margin-bottom:27px}.collection-intro p{font-size:12px}.catalog-content{padding:0 22px}.catalog-chapter{padding:0 0 20px}.editorial-grid{grid-template-columns:1fr;gap:25px}.catalog-tile{grid-column:1!important;min-height:630px;margin-top:0!important}.catalog-tile .tile-media{height:390px!important;top:0;left:5%!important}.catalog-tile .tile-type{top:375px;left:7%;right:7%;font-size:10px}.catalog-tile h3{top:410px;left:7%;right:5%;font-size:58px;text-wrap:balance;max-width:320px}.catalog-tile .tile-bottom{top:auto;bottom:0;left:7%;right:7%;font-size:11px}.tile-oil .tile-media{height:430px!important;left:20%!important}.tile-oil{min-height:700px}.tile-oil .tile-type{top:435px}.tile-oil h3{top:470px}.tile-ampoule .tile-media{left:23%!important}.tile-first .tile-media,.tile-fresh .tile-media{left:20%!important}.tile-blue .tile-media{left:25%!important}.tile-stick .tile-media,.tile-clay .tile-media{height:340px!important;left:23%!important}.tile-gel .tile-media{height:400px!important;left:17%!important}.tile-sun .tile-media{height:400px!important;left:20%!important}.tile-foam .tile-media{left:22%!important}.tile-ampoule h3{max-width:none}.catalog-ending{display:block;padding:85px 22px 65px}.catalog-ending p{font-size:49px;margin-bottom:35px}.catalog-ending button{font-size:12px!important}.catalog-credits{padding:25px 22px 35px;display:block;font-size:10px}.catalog-credits>span{display:block;margin-bottom:15px}.catalog-detail[open]{display:block}.catalog-detail{width:94vw;max-height:91svh}.detail-art{min-height:350px;padding:30px}.detail-art .catalog-cutout{height:285px}.detail-copy{padding:35px 28px}.detail-copy h2{font-size:50px;margin-top:20px}.detail-copy>p{font-size:14px}.detail-close{background:#f5f0e8;width:32px;height:32px;line-height:32px;right:12px;top:12px}.catalog-entry{font-size:12px;max-width:130px;padding:0}.catalog-reveal{transform:translateY(25px)}}
@media(prefers-reduced-motion:reduce){#skin-catalog,#home,.catalog-reveal,.hero-bottle,.tile-arrow{transition:none!important}.catalog-reveal{opacity:1;transform:none}.product-motion,.water-splash{will-change:auto;transform:rotate(var(--tilt,0deg))}.catalog-transfer{display:none}}
/* Editorial revision: off-axis silhouettes, unequal spans, a unique texture per scene. */
.collection-intro{text-align:left;padding:130px 5% 100px;display:flex;justify-content:space-between;align-items:end;gap:50px}.collection-intro h2{font-size:clamp(90px,10.5vw,170px);margin:0}.collection-intro p{max-width:210px;line-height:1.6;margin:0 6% 0 0}.catalog-chapter{position:relative;padding:30px 0 80px}.editorial-grid{position:relative;row-gap:80px;z-index:2}.catalog-tile{z-index:2}.skin-texture{position:absolute;height:auto;max-width:none;pointer-events:none;user-select:none;z-index:0;transform:translateY(var(--water-y,0px)) rotate(var(--texture-angle,0deg));will-change:transform}.skin-oil-ribbon{width:63%;left:-17%;top:170px;--texture-angle:27deg}.skin-leaves{width:37%;right:-7%;top:510px;--texture-angle:-23deg}.skin-gel-crescent{width:100%;left:0;top:750px;--texture-angle:-11deg}.skin-rosette{width:35%;left:-10%;top:1570px;--texture-angle:18deg}.skin-pink-clay{width:65%;left:-15%;top:330px;--texture-angle:-32deg}.skin-cream-stroke{width:85%;right:-29%;top:1230px;--texture-angle:41deg}
.tile-oil{grid-column:1/span 7;min-height:880px;--tilt:-22deg}.tile-oil .tile-media{height:650px;left:6%;top:0}.tile-oil .tile-type{left:54%;top:34%}.tile-oil h3{left:54%;right:0;top:calc(34% + 35px);max-width:none}.tile-oil .tile-bottom{left:54%;top:auto;bottom:140px}.tile-ampoule{grid-column:9/span 4;margin-top:370px;min-height:680px;--tilt:16deg}.tile-ampoule .tile-media{height:330px;left:6%;top:0}.tile-ampoule .tile-type{left:0;top:390px;bottom:auto}.tile-ampoule h3{left:0;right:0;top:425px;bottom:auto;font-size:76px;max-width:none}.tile-ampoule .tile-bottom{left:0;right:0;top:auto;bottom:40px}
.tile-blue{grid-column:2/span 5;margin-top:0;min-height:760px;--tilt:-17deg}.tile-blue .tile-media{height:475px;left:0;top:0}.tile-blue .tile-type{left:48%;top:340px;bottom:auto}.tile-blue h3{left:48%;right:0;top:375px;bottom:auto;font-size:70px;max-width:none}.tile-blue .tile-bottom{left:48%;top:auto;bottom:100px}.tile-first{grid-column:8/span 5;margin-top:280px;min-height:760px;--tilt:15deg}.tile-first .tile-media{height:400px;left:17%;top:0}.tile-first .tile-type{left:0;top:455px}.tile-first h3{left:0;right:0;top:490px;font-size:81px;max-width:none}.tile-first .tile-bottom{left:0;top:auto;bottom:25px}.tile-sun{grid-column:4/span 9;margin-top:-90px;min-height:760px;--tilt:26deg}.tile-sun .tile-media{height:570px;left:64%;top:40px}.tile-sun .tile-type{left:0;top:190px}.tile-sun h3{left:0;right:46%;top:225px;font-size:90px;max-width:none}.tile-sun .tile-bottom{left:0;right:45%;top:auto;bottom:130px}.tile-stick{grid-column:1/span 5;margin-top:-30px;min-height:640px;--tilt:-24deg}.tile-stick .tile-media{height:330px;left:1%;top:0}.tile-stick .tile-type{left:48%;top:200px;bottom:auto}.tile-stick h3{left:48%;right:0;top:235px;bottom:auto;max-width:none;font-size:62px}.tile-stick .tile-bottom{left:48%;top:auto;bottom:45px}
.tile-gel{grid-column:1/span 7;margin-top:40px;min-height:820px;--tilt:-20deg}.tile-gel .tile-media{height:570px;left:5%;top:0}.tile-gel .tile-type{left:54%;top:285px}.tile-gel h3{left:54%;right:0;top:320px;max-width:none;font-size:78px}.tile-gel .tile-bottom{left:54%;top:auto;bottom:130px}.tile-foam{grid-column:9/span 4;margin-top:340px;min-height:800px;--tilt:16deg}.tile-foam .tile-media{height:440px;left:12%;top:0}.tile-foam .tile-type{left:0;top:490px;bottom:auto}.tile-foam h3{left:0;right:0;top:525px;bottom:auto;font-size:70px;max-width:none}.tile-foam .tile-bottom{left:0;top:auto;bottom:0}.tile-clay{grid-column:2/span 6;margin-top:0;min-height:680px;--tilt:-19deg}.tile-clay .tile-media{height:335px;left:0;top:30px}.tile-clay .tile-type{left:47%;top:200px;bottom:auto}.tile-clay h3{left:47%;right:0;top:235px;bottom:auto;font-size:70px;max-width:none}.tile-clay .tile-bottom{left:47%;top:auto;bottom:90px}.tile-fresh{grid-column:9/span 4;margin-top:230px;min-height:770px;--tilt:12deg}.tile-fresh .tile-media{height:350px;left:8%;top:0}.tile-fresh .tile-type{left:0;top:415px}.tile-fresh h3{left:0;right:0;top:450px;font-size:76px;max-width:none}.tile-fresh .tile-bottom{left:0;top:auto;bottom:60px}
@media(max-width:1100px) and (min-width:701px){.catalog-tile h3{font-size:55px}.tile-oil .tile-media{height:510px!important;left:0!important;top:0}.tile-ampoule .tile-media{height:290px!important;left:0!important}.tile-blue .tile-media{height:380px!important;left:0!important}.tile-first .tile-media{height:340px!important;left:0!important;top:0}.tile-sun .tile-media{height:450px!important;left:63%!important;top:20px}.tile-sun h3{font-size:70px}.tile-stick .tile-media{height:260px!important;left:0!important}.tile-gel .tile-media{height:440px!important;left:0!important;top:0}.tile-gel h3,.tile-gel .tile-type,.tile-gel .tile-bottom{left:59%}.tile-foam .tile-media{height:360px!important;left:0!important}.tile-clay .tile-media{height:280px!important;left:0!important}.tile-clay h3,.tile-clay .tile-type,.tile-clay .tile-bottom{left:54%}.tile-fresh .tile-media{height:300px!important;left:0!important;top:0}.collection-intro h2{font-size:110px}}
@media(max-width:700px){.collection-intro{display:block;padding:90px 22px 80px}.collection-intro h2{font-size:85px}.collection-intro p{margin:25px 0 0 30%;font-size:12px;max-width:210px}.catalog-chapter{padding:0 0 50px}.editorial-grid{display:block}.catalog-tile{min-height:720px!important;margin:0!important}.catalog-tile .tile-media{height:380px!important;left:19%!important;top:15px}.catalog-tile .tile-type{top:425px;bottom:auto;left:5%;right:5%;font-size:10px}.catalog-tile h3{top:460px;bottom:auto;left:5%;right:5%;font-size:59px!important;max-width:none}.catalog-tile .tile-bottom{left:5%;right:5%;top:auto;bottom:35px}.tile-oil{min-height:800px!important}.tile-oil .tile-media{height:450px!important;left:20%!important}.tile-oil .tile-type{top:495px}.tile-oil h3{top:530px}.tile-ampoule{min-height:650px!important}.tile-ampoule .tile-media{height:330px!important;left:30%!important}.tile-ampoule .tile-type{top:380px;left:20%}.tile-ampoule h3{top:415px;left:20%}.tile-ampoule .tile-bottom{left:20%}.tile-first .tile-media,.tile-fresh .tile-media{height:345px!important;left:28%!important}.tile-first .tile-type,.tile-fresh .tile-type{left:17%;top:395px}.tile-first h3,.tile-fresh h3{left:17%;top:430px}.tile-first .tile-bottom,.tile-fresh .tile-bottom{left:17%}.tile-sun{min-height:800px!important}.tile-sun .tile-media{height:425px!important;left:34%!important}.tile-sun .tile-type{top:475px}.tile-sun h3{top:510px;font-size:65px!important}.tile-stick .tile-media,.tile-clay .tile-media{height:320px!important;left:15%!important}.tile-stick .tile-type,.tile-clay .tile-type{top:380px;left:18%}.tile-stick h3,.tile-clay h3{top:415px;left:18%}.tile-gel .tile-media{height:390px!important;left:20%!important}.tile-foam{min-height:780px!important}.tile-foam .tile-media{height:420px!important;left:30%!important}.tile-foam .tile-type{top:465px;left:16%}.tile-foam h3{top:500px;left:16%}.skin-oil-ribbon{width:150%;left:-75%;top:220px}.skin-leaves{width:90%;right:-45%;top:1000px}.skin-gel-crescent{width:170%;left:-40%;top:1350px}.skin-rosette{width:90%;left:-50%;top:2370px}.skin-pink-clay{width:160%;left:-60%;top:250px}.skin-cream-stroke{width:170%;right:-90%;top:1660px}}
@media(prefers-reduced-motion:reduce){.skin-texture{transform:rotate(var(--texture-angle,0deg));will-change:auto}}

/* Cover-scale cleansing oil and a slightly larger companion ampoule. */
.catalog-hero{min-height:930px;max-height:1200px}.catalog-hero-art{min-height:780px}.hero-bottle{height:760px;left:32%;top:0}.hero-splash{width:185%;left:-42%;top:8%;opacity:1;transform:translateY(var(--water-y,0px)) rotate(-16deg)}.hero-art-caption{bottom:5%}.tile-ampoule .tile-media{height:400px}.tile-ampoule{min-height:760px}.tile-ampoule .tile-type{top:460px}.tile-ampoule h3{top:495px}
@media(max-width:1100px) and (min-width:701px){.hero-bottle{height:680px;left:24%}.catalog-hero{min-height:850px}.catalog-hero-art{min-height:710px}.tile-ampoule .tile-media{height:345px!important}.tile-ampoule .tile-type{top:410px}.tile-ampoule h3{top:445px}}
@media(max-width:700px){.catalog-hero{min-height:calc(100svh - 64px);max-height:none}.catalog-hero-art{height:565px;min-height:565px}.hero-bottle{height:520px;left:35%;top:0}.hero-splash{width:175%;left:-45%;top:9%}.hero-art-caption{bottom:0}.tile-ampoule{min-height:720px!important}.tile-ampoule .tile-media{height:385px!important;left:27%!important}.tile-ampoule .tile-type{top:440px}.tile-ampoule h3{top:475px}}

/* Annotation revision: accents belong to their product, not to chapter coordinates. */
.catalog-hero h1{font-size:clamp(74.4px,8.16vw,134.4px);max-width:790px}.catalog-hero h1 strong{font-weight:700}.collection-intro h2{font-size:clamp(78px,9vw,148px);line-height:.85;max-width:1100px}.collection-intro p{flex-shrink:0;max-width:180px;margin-right:0}.product-decoration{position:absolute;max-width:none;height:auto;pointer-events:none;user-select:none;z-index:0}.catalog-tile .tile-open{z-index:1}.skin-blue-drops{width:125%;left:-37%;top:80px;transform:rotate(-25deg);opacity:.85}.skin-gel-cream{width:120%;left:-35%;top:240px;transform:rotate(-28deg)}.skin-foam-bubbles{width:95%;right:-42%;top:40px;transform:rotate(13deg);opacity:.85}.skin-clay-smear{width:115%;left:-42%;top:95px;transform:rotate(-24deg)}.skin-fresh-splash{width:220%;left:-73%;top:10px;transform:rotate(35deg)}
.tile-ampoule{min-height:900px}.tile-ampoule .tile-media{height:520px}.tile-ampoule .tile-type{top:580px}.tile-ampoule h3{top:615px}.tile-blue{min-height:850px}.tile-blue .tile-media{height:570px}.tile-blue .tile-type{top:430px;left:57%}.tile-blue h3{top:465px;left:57%}.tile-blue .tile-bottom{left:57%;bottom:55px}.tile-first{min-height:840px}.tile-first .tile-media{height:480px}.tile-first .tile-type{top:535px}.tile-first h3{top:570px}.tile-stick{grid-column:1/span 6;grid-row:2;margin-top:100px;min-height:700px}.tile-stick .tile-type,.tile-stick h3,.tile-stick .tile-bottom{left:47%}.tile-sun{grid-column:8/span 5;grid-row:2;margin-top:255px;min-height:860px;--tilt:16deg}.tile-sun .tile-media{height:520px;left:20%;top:0}.tile-sun .tile-type{left:0;right:0;top:575px}.tile-sun h3{left:0;right:0;top:610px;font-size:76px}.tile-sun .tile-bottom{left:0;right:0;bottom:15px}.tile-foam{min-height:950px}.tile-foam .tile-media{height:572px}.tile-foam .tile-type{top:635px}.tile-foam h3{top:670px}.tile-fresh{min-height:900px}.tile-fresh .tile-media{height:455px}.tile-fresh .tile-type{top:520px}.tile-fresh h3{top:555px}
@media(max-width:1100px) and (min-width:701px){.catalog-hero h1{font-size:84px}.collection-intro h2{font-size:100px}.tile-ampoule .tile-media{height:448.5px!important}.tile-ampoule .tile-type{top:510px}.tile-ampoule h3{top:545px}.tile-blue .tile-media{height:456px!important}.tile-blue .tile-type{left:52%;top:420px}.tile-blue h3{left:52%;top:455px}.tile-blue .tile-bottom{left:52%}.tile-first .tile-media{height:408px!important}.tile-first .tile-type{top:475px}.tile-first h3{top:510px}.tile-sun .tile-media{height:445px!important;left:13%!important;top:0}.tile-sun .tile-type{top:510px}.tile-sun h3{top:545px;font-size:62px}.tile-foam .tile-media{height:468px!important}.tile-foam .tile-type{top:540px}.tile-foam h3{top:575px}.tile-fresh .tile-media{height:390px!important}.tile-fresh .tile-type{top:465px}.tile-fresh h3{top:500px}}
@media(max-width:700px){.catalog-hero h1{font-size:clamp(60px,17.3vw,69.6px);letter-spacing:-.065em}.collection-intro h2{font-size:clamp(58px,15.5vw,80px)}.tile-ampoule{min-height:850px!important}.tile-ampoule .tile-media{height:500.5px!important;left:22%!important}.tile-ampoule .tile-type{top:570px}.tile-ampoule h3{top:605px}.tile-blue{min-height:820px!important}.tile-blue .tile-media{height:456px!important;left:18%!important}.tile-blue .tile-type{top:520px;left:5%}.tile-blue h3{top:555px;left:5%}.tile-blue .tile-bottom{left:5%}.tile-first{min-height:810px!important}.tile-first .tile-media{height:414px!important;left:23%!important}.tile-first .tile-type{top:485px}.tile-first h3{top:520px}.tile-stick{padding-top:70px;min-height:770px!important}.tile-stick .tile-media{top:80px}.tile-stick .tile-type{top:460px;left:18%}.tile-stick h3{top:495px;left:18%}.tile-stick .tile-bottom{left:18%}.tile-sun{min-height:835px!important}.tile-sun .tile-media{height:425px!important;left:27%!important;top:15px}.tile-sun .tile-type{top:490px}.tile-sun h3{top:525px;font-size:65px!important}.tile-sun .tile-bottom{bottom:35px}.tile-foam{min-height:940px!important}.tile-foam .tile-media{height:546px!important;left:25%!important}.tile-foam .tile-type{top:620px}.tile-foam h3{top:655px}.tile-fresh{min-height:840px!important}.tile-fresh .tile-media{height:448.5px!important;left:23%!important}.tile-fresh .tile-type{top:520px}.tile-fresh h3{top:555px}.skin-blue-drops{width:145%;left:-38%;top:60px}.skin-gel-cream{width:150%;left:-46%;top:210px}.skin-foam-bubbles{width:105%;right:-40%;top:75px}.skin-clay-smear{width:155%;left:-56%;top:60px}.skin-fresh-splash{width:230%;left:-65%;top:0}}
