@font-face{font-family:Peyda;src:url('peyda-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Peyda;src:url('peyda-fanum-medium.woff2') format('woff2');font-weight:500 800;font-display:swap}@font-face{font-family:DM;src:url('dm-sans-regular.ttf') format('truetype');font-weight:400 800;font-display:swap}@font-face{font-family:DM;src:url('dm-sans-extralight.ttf') format('truetype');font-weight:200;font-display:swap}
:root{--paper:#fff;--porcelain:#f5f6f5;--silver:#e8ecea;--tint:#dce6e1;--ink:#181d1b;--muted:#5d6661;--line:#cbd2ce;--gutter:clamp(24px,5.2vw,90px);font:400 16px/1.7 DM,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}html{scroll-padding-block-start:90px}html[dir=rtl]{font-family:Peyda,Tahoma,sans-serif;font-size:17px;line-height:1.85}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.12;text-wrap:balance}h1{font-size:clamp(44px,5.7vw,84px);letter-spacing:-.06em;max-inline-size:12ch}h2{font-size:clamp(32px,3.7vw,54px);letter-spacing:-.045em;max-inline-size:22ch}h3{font-size:24px;letter-spacing:-.025em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;font-weight:500;line-height:1.28}html[dir=rtl] h1{font-size:clamp(48px,6.2vw,90px);max-inline-size:10ch}p{max-inline-size:62ch}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input{font:inherit;color:inherit}button,summary{cursor:pointer}button{background:none}img{display:block;max-inline-size:100%;block-size:auto}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #405d4e;outline-offset:5px}a:hover{text-decoration-thickness:2px}::selection{background:var(--tint)}[hidden]{display:none!important}.js-only{display:none!important}.enhanced .js-only{display:flex!important}.skip{position:absolute;inset-block-start:0;inset-inline-start:20px;transform:translateY(-140%);z-index:100;padding:14px;background:white}.skip:focus{transform:none}.preview-bar{min-block-size:30px;background:var(--ink);color:#fff;padding:4px var(--gutter);display:flex;justify-content:space-between;gap:16px;font-size:11px}.preview-bar a{align-self:center;white-space:nowrap}.header{position:relative;z-index:20;background:white;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;border-block-end:1px solid #e7eae8;min-block-size:96px}.brand{flex:none;display:block}.logo{width:64px;height:55px;object-fit:contain}.nav{display:flex;gap:clamp(14px,2vw,30px);align-items:center}.nav a{font-size:13px;text-decoration:none;padding-block:14px;white-space:nowrap}.nav a:hover{text-decoration:underline}.languages{display:flex;gap:1px;align-items:center;flex-wrap:wrap}.languages a{font-size:11px;text-decoration:none;min-block-size:36px;display:flex;align-items:center;padding:5px 7px}.languages a[aria-current=page]{border-block-end:1px solid var(--ink)}.menu-toggle{display:none;border:0;min-block-size:44px;gap:8px;align-items:center}.eyebrow{font-size:13px;line-height:1.5}.hero{display:grid;grid-template-columns:.88fr 1.12fr;min-block-size:650px;overflow:hidden;background:linear-gradient(115deg,#fff 32%,#f5f7f5)}.hero-copy{padding-block:64px 28px;padding-inline:var(--gutter) 3vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px}.hero-intro{font-size:17px;color:var(--muted);max-inline-size:39ch}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{min-block-size:52px;display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border:1px solid var(--ink);background:var(--ink);color:white;text-decoration:none;border-radius:2px;font-size:14px}.button:hover{background:#35483c;text-decoration:none}.text-link{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;font-size:14px;text-decoration:underline;text-underline-offset:7px;border:0;padding:4px 0}.hero-foot{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;margin-block-start:44px}.hero-foot span:first-child{font-family:DM,sans-serif;font-size:13px}.hero-stage{position:relative;min-block-size:650px;isolation:isolate;background:radial-gradient(ellipse at 52% 90%,#cbd8d0 0,transparent 56%)}.hero-word{position:absolute;font:200 clamp(70px,10vw,160px)/1 DM,sans-serif;letter-spacing:-.07em;inset-block-start:45px;inset-inline:3%;text-align:center;z-index:-1;color:#a7b6ad}.stage-packs{position:absolute;inset:20px 0 80px;direction:ltr}.pack{position:absolute;mix-blend-mode:multiply;max-inline-size:none;object-fit:contain;user-select:none}.pack-foam{width:60%;left:-5%;top:12%;transform:rotate(-9deg)}.pack-serum{width:60%;left:22%;top:23%;z-index:2;transform:rotate(2deg)}.pack-cream{width:60%;left:49%;top:8%;transform:rotate(10deg)}.stage-footer{position:absolute;inset-inline:34px;inset-block-end:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-block-start:1px solid #b5c1ba;padding-block-start:12px;font-size:13px}.source-caption{color:var(--muted);font-size:10px;line-height:1.6}.section{padding:88px var(--gutter)}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-block-end:40px}.section-heading>div{flex:1}.section-heading .eyebrow{margin-block-end:16px}.section-heading>p{max-inline-size:38ch;color:var(--muted);font-size:15px}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:8px 18px;border:1px solid var(--line);border-radius:24px;min-block-size:44px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.search-label{display:flex;align-items:center;gap:8px;border-block-end:1px solid var(--ink);max-inline-size:260px}.search-label>span{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden}.search-label input{border:0;background:none;min-inline-size:0;inline-size:100%;padding:10px 8px;font-size:13px;block-size:44px}.search-label input::placeholder{color:var(--muted);opacity:1}.micro{font-size:12px;color:var(--muted)}.results{min-block-size:24px;margin-block-end:18px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card-media{position:relative;background:var(--porcelain);aspect-ratio:1.05;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-media img{mix-blend-mode:multiply;inline-size:100%;transition:transform .35s ease}.product-card:hover .card-media img{transform:scale(1.05)}.card-format{position:absolute;inset-inline-start:20px;inset-block-start:18px;font-size:12px;color:var(--muted)}.card-copy{padding:22px 3px 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.card-copy h3{font-size:24px}.card-copy .text-link{font-size:12px}.collection-note{margin-block-start:22px;font-size:11px;color:var(--muted)}.empty-state{padding:50px 20px;background:var(--porcelain);text-align:center}.empty-state h3{margin-block-end:20px}.material{display:grid;grid-template-columns:1.15fr .85fr;min-block-size:570px;background:var(--porcelain)}.material-art{position:relative;overflow:hidden;min-block-size:570px;isolation:isolate;background:#696e6b}.material-art>img{inline-size:100%;block-size:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}.material-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111a17a8,transparent 48%);z-index:-1}.material-word{position:absolute;inset-inline:36px;inset-block-end:66px;font:200 clamp(62px,9vw,128px)/1 DM,sans-serif;letter-spacing:-.06em;color:white}.material-art>p{position:absolute;inset-inline:38px;inset-block-end:24px;color:white;font-size:11px}.material-copy{padding:64px 5vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px}.material-copy h2{font-size:clamp(34px,3.5vw,48px)}.material-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.source-detail{inline-size:100%;font-size:12px;border-block-start:1px solid var(--line);padding-block-start:12px}.source-detail summary{padding-block:9px}.source-detail p{margin-block:12px;color:var(--muted)}.professional{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.professional .eyebrow{margin-block-end:18px}.professional h2{margin-block-end:26px}.professional p:not(.eyebrow){color:var(--muted);font-size:15px}.resource-list details{border-block-start:1px solid var(--line)}.resource-list details:last-child{border-block-end:1px solid var(--line)}.resource-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;font-size:19px;list-style:none}.resource-list summary::-webkit-details-marker{display:none}.resource-list summary>span{font:200 26px DM}.resource-list details[open] summary>span{transform:rotate(45deg)}.resource-list details>p{padding-block:0 24px;color:var(--muted);font-size:14px}.about{display:flex;justify-content:space-between;gap:8vw;padding-block:50px;border-block:1px solid var(--line)}.about h2{font-size:clamp(34px,4vw,60px)}.about p{max-inline-size:48ch;color:var(--muted);font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--silver);align-items:start}.contact p{color:var(--muted);font-size:15px;margin-block-end:20px}.pending-inline{display:inline-block;font-size:11px;padding:4px 9px;border:1px solid #aab7af;line-height:1.6}.footer{padding:50px var(--gutter) 20px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-block-end:40px}.footer-brand{font:400 29px/1.1 DM,sans-serif;letter-spacing:-1.6px}.footer-brand span{display:block;font:400 8px/1 DM;letter-spacing:3px;margin-block-start:10px}.footer-top h2{font-size:24px}.footer-top p{font-size:11px;color:var(--muted);margin-block-start:8px}.review-notes{font-size:12px;max-inline-size:90ch;border-block-start:1px solid var(--line);padding-block:14px}.review-notes summary{min-block-size:34px;display:flex;align-items:center;cursor:pointer}.review-notes p{color:var(--muted);padding-block:10px}.footer-bottom{border-block-start:1px solid var(--line);padding-block-start:15px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.breadcrumb{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px var(--gutter);font-size:12px}.breadcrumb .text-link{font-size:12px}.breadcrumb>span{color:var(--muted)}.product-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;padding:0 var(--gutter) 54px}.gallery-stage{position:relative;background:linear-gradient(145deg,#f4f6f4,#e1e8e2);aspect-ratio:1;overflow:hidden;isolation:isolate;display:grid;place-items:center}.gallery-word{position:absolute;inset-inline:0;inset-block-start:9%;text-align:center;font:200 clamp(55px,7vw,105px)/1 DM,sans-serif;color:#aab8af;letter-spacing:-.06em;z-index:-1}.main-pack{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.05);transition:transform .35s ease}.gallery-stage.detail-view .main-pack{transform:scale(1.75)}.zoom-trigger{position:absolute;inset-inline-end:18px;inset-block-end:18px;background:white;border:1px solid var(--line);border-radius:50%;width:48px;height:48px;font:200 28px DM}.gallery-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.gallery-options{display:flex;gap:8px;flex-wrap:wrap}.gallery-options button{font-size:11px;padding:8px 12px;min-block-size:40px;border:1px solid var(--line)}.gallery-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:white}.product-intro{align-self:center;padding-block:24px}.product-intro h1{font-size:clamp(40px,4.5vw,66px);max-inline-size:100%;margin-block:20px 6px}html[dir=rtl] .product-intro h1{font-size:clamp(48px,5vw,74px);max-inline-size:100%}.latin-name{font:200 24px/1.3 DM,sans-serif;color:var(--muted);text-align:start}.product-description{font-size:15px;color:var(--muted);margin-block:26px;max-inline-size:47ch}.product-facts{margin:0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.product-facts>div{padding:18px 0}.product-facts>div+div{border-inline-start:1px solid var(--line);padding-inline-start:24px}dt{font-size:12px;color:var(--muted)}dd{font-size:15px;margin:6px 0 0}.source-note{font-size:11px;color:var(--muted);margin-block:18px}.product-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.product-status{font-size:12px;margin-block-start:22px}.product-status summary{padding-block:8px}.product-status p{color:var(--muted);margin-block:10px}.product-subnav{position:sticky;inset-block-start:0;z-index:12;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,80px);padding:8px 20px;background:#fffffff2;backdrop-filter:blur(10px);border-block:1px solid var(--line)}.product-subnav a{font-size:13px;text-decoration:none}.product-subnav a:hover{text-decoration:underline}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.care-grid article{padding:32px;background:var(--porcelain)}.care-grid article p{color:var(--muted);margin-block:20px;font-size:15px}.technical{padding-block-start:0;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.image-fallback{padding:30px;color:var(--muted);text-align:center}.media-failed>img{display:none}.media-failed .image-fallback{display:block}dialog{border:0;padding:60px 30px 30px;max-inline-size:min(1000px,94vw);inline-size:100%;max-block-size:92vh;background:#fff;color:var(--ink)}dialog::backdrop{background:#15251cc9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;inset-block-start:12px;inset-inline-end:18px;min-block-size:44px;border:0;padding:6px 12px;display:flex;align-items:center;gap:20px;font-size:14px}.dialog-close span{font:200 30px DM}.dialog-content{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.dialog-image{background:var(--porcelain);overflow:auto}.dialog-image img{mix-blend-mode:multiply;width:100%}.dialog-content h2{font-size:36px;margin-block:18px}.dialog-content p{margin-block:14px;color:var(--muted);font-size:14px}.dialog-content .micro{font-size:11px}.chooser{min-block-size:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:24px;text-align:center;background:var(--porcelain)}.chooser h1{font-size:60px;max-inline-size:100%}.chooser .languages{justify-content:center;gap:16px}.chooser .languages a{font-size:18px;padding:16px;border:1px solid var(--line)}
@media(min-width:1600px){body{max-inline-size:1800px;margin-inline:auto;border-inline:1px solid var(--line)}.hero-stage,.hero{min-block-size:740px}}
@media(max-width:1100px){.header{gap:16px;flex-wrap:wrap;padding-block:10px}.nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px}.nav a{font-size:13px;padding-block:5px}.hero,.hero-stage{min-block-size:570px}.hero-copy{padding-block:45px;gap:22px}.hero-copy h1{font-size:60px}.hero-foot{margin-block-start:16px}.hero-intro{font-size:15px}.stage-packs{inset:60px -8% 70px}.hero-word{font-size:10vw}.pack-foam{top:3%}.pack-serum{top:23%}.pack-cream{top:6%}.stage-footer{inset-inline:20px}.stage-footer>span{display:none}.section{padding-block:64px}.material,.material-art{min-block-size:510px}.material-copy{padding:38px 4vw}.product-overview{gap:4vw}.product-intro{padding-block:0}.product-intro h1{font-size:44px}.technical{padding-block-start:0}.professional{gap:5vw}}
@media(max-width:720px){:root{--gutter:22px}.preview-bar{font-size:10px}.header{min-block-size:84px;padding:10px 22px;gap:12px}.logo{width:53px;height:46px}.enhanced .menu-toggle{display:flex}.menu-toggle{font-size:12px}.menu-toggle span:first-child{font-size:20px}.languages{gap:0;margin-inline-start:auto}.languages a{font-size:10px;padding:5px 6px;min-block-size:44px}.nav{flex-direction:column;align-items:stretch;gap:0;padding-block:12px}.nav a{padding-block:12px;min-block-size:46px;font-size:16px}.enhanced .nav:not(.open){display:none}.hero{grid-template-columns:1fr;min-block-size:0;background:linear-gradient(180deg,white,#eef3ef)}.hero-copy{padding:35px var(--gutter) 16px;gap:18px}.hero-copy h1{font-size:54px;max-inline-size:13ch}html[dir=rtl] .hero-copy h1{font-size:60px;max-inline-size:12ch}.hero-intro{font-size:15px;max-inline-size:42ch}.actions{gap:20px}.button{font-size:13px;min-block-size:48px;padding:10px 20px}.text-link{font-size:13px}.hero-foot{display:none}.hero-stage{min-block-size:385px}.hero-word{inset-block-start:14px;font-size:20vw}.stage-packs{inset:12px 2% 24px}.pack-foam{width:62%;left:-8%;top:8%}.pack-serum{width:65%;left:19%;top:22%}.pack-cream{width:62%;left:48%;top:9%}.stage-footer{inset-block-end:10px;inset-inline:22px;border:0;padding:0}.source-caption{font-size:10px}.section{padding:50px var(--gutter)}.section-heading{display:block;margin-block-end:28px}.section-heading>p{margin-block-start:18px;font-size:14px}.section-heading .eyebrow{margin-block-end:12px}h2{font-size:36px;max-inline-size:24ch}html[dir=rtl] h2{font-size:40px}.collection-controls{align-items:stretch;flex-direction:column;gap:18px}.filters{gap:5px}.filters button{font-size:12px;padding:7px 14px}.search-label{max-inline-size:100%}.product-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.product-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:var(--porcelain);align-items:center}.product-card:last-child .card-copy{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.card-copy{padding-block:15px 0;gap:4px}.card-copy h3{font-size:21px}.card-copy .text-link{font-size:12px}.card-format{font-size:10px;inset-inline-start:12px;inset-block-start:10px}.collection-note{font-size:10px}.material{grid-template-columns:1fr}.material-art{min-block-size:380px}.material-word{font-size:90px;inset-inline:24px;inset-block-end:62px}.material-art>p{inset-inline:24px;font-size:10px}.material-copy{padding:40px 24px;gap:20px}.material-copy h2{font-size:40px}.material-copy>p:not(.eyebrow){font-size:15px}.professional{grid-template-columns:1fr;gap:28px}.resource-list summary{font-size:19px;padding-block:20px}.about{display:block;padding-block:36px}.about p{margin-block-start:20px}.contact{grid-template-columns:1fr;gap:24px}.contact h2{font-size:40px}.footer{padding:36px var(--gutter) 20px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:26px;margin-block-end:28px}.footer-brand{font-size:25px}.footer-top h2{font-size:22px}.footer-bottom{flex-direction:column;gap:8px}.breadcrumb{padding-block:8px;font-size:11px;gap:10px}.breadcrumb .text-link{font-size:11px}.product-overview{grid-template-columns:1fr;padding:0 var(--gutter) 34px;gap:22px}.gallery-stage{aspect-ratio:1.1}.gallery-word{font-size:16vw}.gallery-tools{gap:10px}.gallery-options button{font-size:11px}.product-intro h1,html[dir=rtl] .product-intro h1{font-size:50px;margin-block:15px 8px}.latin-name{font-size:23px}.product-description{margin-block:18px}.product-facts>div{padding-block:14px}.product-actions{gap:18px}.product-subnav{justify-content:flex-start;overflow-x:auto;gap:22px;padding-inline:22px;scrollbar-width:thin}.product-subnav a{white-space:nowrap;font-size:12px}.care-grid{grid-template-columns:1fr;gap:18px}.care-grid article{padding:24px}.care-grid h3{font-size:24px}.technical{padding-block-start:0;grid-template-columns:1fr;gap:25px}.technical h2{font-size:36px}.dialog-content{grid-template-columns:1fr;gap:20px}.dialog-image{max-height:45vh;display:grid;place-items:center}.dialog-image img{max-block-size:45vh;object-fit:contain}.dialog-content h2{font-size:30px}.dialog-content>div>p{margin-block:8px}dialog{padding:60px 22px 24px}}
@media(max-width:360px){.header{padding-inline:16px;gap:7px}.languages a{font-size:9px;padding-inline:4px}.menu-toggle{gap:4px}.hero-copy h1{font-size:46px}html[dir=rtl] .hero-copy h1{font-size:52px}.hero-stage{min-block-size:330px}.filters button{padding-inline:10px}.product-card:last-child .card-copy{padding:10px}.card-copy h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.preview-bar,.header,.product-subnav,.js-only{display:none!important}.section{padding-block:30px}.material{break-inside:avoid}.footer{padding-block:20px}}

/* Phone product identity precedes the image; original pack is never cropped. */
.gallery-stage .main-pack{position:absolute;inset:0;inline-size:100%;block-size:100%}html[dir=rtl] .latin-name{text-align:right}
@media(max-width:720px){.product-intro{display:contents}.product-heading{order:0}.product-heading .eyebrow{font-size:11px}.product-intro h1,html[dir=rtl] .product-intro h1{font-size:42px;margin-block:8px 5px}.product-heading .latin-name{font-size:18px}.gallery{order:1}.product-description{order:2;margin:0}.product-facts{order:3}.source-note{order:4;margin:0}.product-actions{order:5}.product-status{order:6;margin:0}.gallery-stage{aspect-ratio:1.25}.gallery-stage .main-pack{transform:none}.gallery-stage.detail-view .main-pack{transform:scale(1.65)}.product-overview{gap:18px}}
.stage-packs{mix-blend-mode:multiply}
.hero{background:#fafbfa}.hero-stage{background:#fff}.stage-packs{mix-blend-mode:normal}
.hero-stage{overflow:hidden}@media(max-width:720px){html[dir=ltr] .hero-copy h1{font-size:48px;max-inline-size:100%}}

/* Concept 004: a silver material world, translated into Folisense's own cues. */
.header{background:#222826;color:#fff;border:0}
.header .logo{filter:invert(1);mix-blend-mode:screen}
.header .languages a[aria-current=page]{border-color:#fff}
.preview-bar{background:#151b19;color:#dce1de}
.header :focus-visible,.cinema :focus-visible{outline-color:white}
.cinema{position:relative;isolation:isolate;overflow:hidden;min-block-size:max(680px,calc(100svh - 126px));display:flex;align-items:center;color:#fff;background:#252d29}
.cinema-image{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:58% center;z-index:-3;transform:scale(1.04)}
.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(15,23,19,.79),rgba(15,23,19,.45) 45%,rgba(15,23,19,.08)),linear-gradient(0deg,rgba(15,23,19,.45),transparent 35%)}
html[dir=rtl] .cinema-shade{background:linear-gradient(270deg,rgba(15,23,19,.8),rgba(15,23,19,.42) 48%,rgba(15,23,19,.07)),linear-gradient(0deg,rgba(15,23,19,.45),transparent 35%)}
.scene-copy{padding:90px var(--gutter) 130px;inline-size:100%;max-inline-size:1000px}
.scene-signature{font:200 15px/1.2 DM,sans-serif;letter-spacing:.22em;margin-block-end:58px;text-align:start;direction:inherit}
.scene-copy h1{font-size:clamp(64px,7.6vw,116px);font-weight:200;line-height:1.05;letter-spacing:-.045em;max-inline-size:14ch;margin-block-end:34px}
html[dir=rtl] .scene-copy h1{font-size:clamp(64px,7.2vw,104px);line-height:1.32;font-weight:400;max-inline-size:13ch;letter-spacing:0}
.scene-intro{font-size:18px;color:#fff;max-inline-size:39ch;margin-block-end:34px}
.scene-link{display:inline-flex;align-items:center;min-block-size:48px;min-inline-size:160px;justify-content:space-between;border-block-end:1px solid #fff;padding-block:9px;font-size:15px;text-decoration:none}
.scene-link::after{content:'+';font:200 26px DM;margin-inline-start:24px}
.scene-link.secondary{border-color:#9fa9a3;min-inline-size:0}
.scene-link.secondary::after{content:none}
.scene-bottom{position:absolute;inset-block-end:24px;inset-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.scene-bottom p{font-size:11px;max-inline-size:55ch;color:#fff}
.motion-toggle{min-block-size:44px;padding:8px 16px;border:1px solid #a6b2aa;border-radius:0;font-size:12px;white-space:nowrap;color:white;background:#19211e80}
.motion-toggle:disabled{cursor:default;color:#e0e8e2}
.motion-running .cinema-image{animation:silver-drift 28s ease-in-out infinite alternate}
.motion-paused .cinema-image{animation-play-state:paused}
@keyframes silver-drift{from{transform:scale(1.04) translateX(-.6%)}to{transform:scale(1.11) translateX(.6%)}}
.scene-introduction{display:grid;grid-template-columns:1.15fr 1fr;gap:12vw;align-items:center;background:#f4f5f3;padding-block:110px}
.scene-introduction h2{font-size:clamp(44px,5.2vw,76px);font-weight:200;max-inline-size:14ch}
.scene-introduction p{font-size:19px;max-inline-size:39ch;color:#56605a;margin-block-end:28px}
.showcase{background:#edf0ed;padding-block:90px}
.showcase .section-heading{align-items:start;margin-block-end:60px}
.showcase .section-heading h2{font-size:clamp(40px,4.3vw,64px);font-weight:200;max-inline-size:18ch}
.showcase .section-heading>p{max-inline-size:25ch}
.showcase-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:4vw;align-items:center}
.showcase-picker{flex-direction:column;align-items:stretch}
.showcase-picker button{display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:start;border:0;border-block-end:1px solid #bac4bd;padding:25px 5px;min-block-size:72px;font-size:16px;color:#657169}
.showcase-picker button>span+span{font:200 25px DM}
.showcase-picker button[aria-pressed=true]{color:#17251c;border-block-end:2px solid #17251c}
.showcase-picker button[aria-pressed=true]>span+span{transform:rotate(45deg)}
.showcase-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;align-items:center;min-inline-size:0}
.showcase-image{position:relative;aspect-ratio:.86;background:#fff;isolation:isolate;overflow:hidden}
.showcase-image img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;mix-blend-mode:multiply;z-index:1}
.showcase-word{position:absolute;inset-inline:0;inset-block-end:30px;text-align:center;font:200 clamp(50px,6vw,90px)/1 DM;color:#b6c0b9;letter-spacing:-.05em;z-index:0}
.showcase-copy h3{font-size:clamp(30px,3vw,48px);font-weight:200;margin-block:20px 24px;max-inline-size:13ch}
.showcase-copy>p:not(.eyebrow):not(.micro){font-size:15px;color:#56605a}
.showcase-copy dl{margin-block:24px}
.showcase-copy .micro{margin-block-start:24px;font-size:10px}
.showcase-announcement{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.page-home .material{margin-block:0;min-block-size:660px}
.page-home .material-art{min-block-size:660px}
.page-home .material-copy{background:#e1e6e1}
.page-home .professional{background:#f4f5f3;padding-block:100px}
.page-home .collection .card-media{background:#edf0ed}
.page-product{background:#f4f5f3}
.page-product .product-overview{padding-block:30px 70px;gap:7vw}
.page-product .gallery-stage{background:#fff}
.page-product .gallery-word{display:none}
.page-product .product-intro h1{font-weight:200}
.page-product .gallery-stage .main-pack{transform:scale(1.02)}
.page-product .gallery-stage.detail-view .main-pack{transform:scale(1.75)}
.page-product .care-grid article{background:#e7ece7}
.page-product .product-subnav{background:#f4f5f3ed}
html[lang=en] .latin-name{display:none}
.footer{background:#222826;color:#e8eee9}
.footer .review-notes p,.footer .footer-top p,.footer .footer-bottom{color:#c4cec7}
.footer :focus-visible{outline-color:#fff}
@media(min-width:1600px){body{max-inline-size:none;border:0}.scene-copy{max-inline-size:1100px}}
@media(max-width:1100px){.showcase-layout{grid-template-columns:170px minmax(0,1fr);gap:25px}.showcase-panel{gap:25px}.scene-introduction{gap:7vw}.cinema{min-block-size:760px}.scene-copy{max-inline-size:780px}.scene-copy h1{font-size:86px}.showcase-copy h3{font-size:32px}.showcase-image{aspect-ratio:.7}.showcase-picker button{font-size:14px}}
@media(max-width:720px){
 .header .nav{border-block-start:1px solid #536057}
 .cinema{min-block-size:690px;align-items:center}
 .cinema-image{object-position:60% center}
 .cinema-shade,html[dir=rtl] .cinema-shade{background:linear-gradient(0deg,#15201be8,rgba(21,32,27,.56) 65%,rgba(21,32,27,.22))}
 .scene-copy{padding:65px 24px 135px;max-inline-size:100%}
 .scene-signature{font-size:12px;margin-block-end:45px}
 .scene-copy h1{font-size:58px;line-height:1.08;max-inline-size:11ch;margin-block-end:25px}
 html[dir=rtl] .scene-copy h1{font-size:62px;max-inline-size:11ch;line-height:1.35}
 .scene-intro{font-size:16px;max-inline-size:30ch;margin-block-end:22px}
 .scene-copy .actions{gap:14px 26px}
 .scene-link{font-size:13px;min-inline-size:135px}
 .scene-bottom{inset-inline:24px;inset-block-end:20px;gap:16px;align-items:flex-end}
 .scene-bottom p{font-size:10px;max-inline-size:20ch}
 .motion-toggle{font-size:11px;padding-inline:10px;white-space:normal;max-inline-size:145px}
 .scene-introduction{grid-template-columns:1fr;gap:28px;padding-block:65px}
 .scene-introduction h2{font-size:46px}.scene-introduction p{font-size:17px}
 .showcase{padding-block:60px}.showcase .section-heading{margin-block-end:26px}
 .showcase .section-heading h2{font-size:40px}
 .showcase-layout{grid-template-columns:1fr;gap:25px}
 .showcase-picker{flex-direction:row;gap:10px;justify-content:space-between}
 .showcase-picker button{flex:1;min-inline-size:0;min-block-size:54px;font-size:13px;padding:10px 2px;gap:8px}
 .showcase-picker button>span+span{font-size:20px}
 .showcase-panel{grid-template-columns:1fr;gap:25px}
 .showcase-image{aspect-ratio:1.08}.showcase-word{font-size:60px;inset-block-end:10px}
 .showcase-copy h3{font-size:38px;margin-block:12px 20px}
 .showcase-copy dl{display:flex;gap:20px;align-items:center;margin-block:20px}
 .showcase-copy dd{margin:0}.showcase-copy .micro{margin-block-start:18px}
 .page-home .material,.page-home .material-art{min-block-size:400px}
 .page-home .professional{padding-block:60px}
 .page-product .product-overview{padding-block:12px 40px}
 .page-product .product-intro h1{font-size:42px}
 .page-product .gallery-stage .main-pack{transform:none}
}
@media(max-width:360px){.scene-copy h1{font-size:50px}html[dir=rtl] .scene-copy h1{font-size:54px}.showcase-picker button{font-size:12px}.cinema{min-block-size:720px}}
@media(prefers-reduced-motion:reduce){.motion-running .cinema-image{animation:none!important}}

/* Collection chapters: original Folisense pack photography, unchanged source files. */
.collection-index{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:10vw;background:#fff;padding-block:85px}
.collection-index h2{font-weight:200;margin-block-start:14px;font-size:clamp(38px,4.4vw,68px);max-inline-size:13ch}
.collection-index>div>p{color:var(--muted)}
.collection-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-self:center}
.collection-index nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-bottom:1px solid #cbd2ce;text-decoration:none;font-size:16px}
.line-chapter{position:relative;min-block-size:790px;padding:70px var(--gutter) 75px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;overflow:hidden;background:#f0f2ef;isolation:isolate}
.chapter-copy{position:relative;z-index:3;max-inline-size:480px}
.chapter-copy h2{font-size:clamp(48px,5.4vw,84px);font-weight:200;line-height:1.08;letter-spacing:-.05em;max-inline-size:14ch}
html[dir=rtl] .chapter-copy h2{font-size:clamp(52px,5.6vw,82px);font-weight:400;line-height:1.35;letter-spacing:0}
.chapter-latin{font:200 18px/1.3 DM,sans-serif;margin-block-end:24px;text-align:start}
html[dir=ltr] .chapter-latin{display:none}
.chapter-description{font-size:17px;max-inline-size:34ch;margin-block:28px 34px;color:#57625d}
.line-action{display:flex;align-items:center;justify-content:space-between;gap:30px;max-inline-size:340px;min-block-size:52px;border-bottom:1px solid currentColor;text-decoration:none;font-size:15px}
.line-action span{font:200 30px DM}
.chapter-count{font-size:12px;margin-block-start:22px;color:#57625d}
.chapter-stage{position:relative;min-inline-size:0;height:620px;direction:ltr}
.chapter-letter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:200 clamp(280px,36vw,540px)/1 DM;color:#c9d0c9;z-index:-1;user-select:none}
.chapter-pack{position:absolute;display:block;text-decoration:none;text-align:center;color:#28332d;mix-blend-mode:multiply}
.chapter-pack img{width:100%;height:100%;object-fit:contain}
.chapter-pack span{position:relative;display:block;font-size:12px;padding:10px 16px;line-height:1.5;max-width:280px;margin-inline:auto}
.chapter-pack.pack-0{width:77%;height:88%;left:-7%;top:10%}
.chapter-pack.pack-1{width:60%;height:67%;right:-7%;top:3%}
.chapter-caption{position:absolute;bottom:20px;inset-inline:var(--gutter);font-size:10px;color:#57625d;max-inline-size:none}
.chapter-niacinamide{background:#252c2a;color:#fff;grid-template-columns:1fr 1fr;gap:8vw;min-block-size:820px}
.chapter-niacinamide .chapter-description,.chapter-niacinamide .chapter-count,.chapter-niacinamide .chapter-caption{color:#d3dcd7}
.chapter-niacinamide .chapter-stage{background:#f6f7f5;border-radius:48% 48% 3px 3px;min-block-size:640px;height:640px}
.chapter-niacinamide .chapter-letter{display:none}
.chapter-niacinamide .pack-0{width:95%;height:90%;left:-16%;top:4%}
.chapter-niacinamide .pack-1{width:72%;height:62%;right:-8%;top:34%}
.chapter-niacinamide .chapter-pack span{background:#f6f7f5;margin-block-start:-30px;width:80%;}
.chapter-hyaluronic{background:#e4eaea;grid-template-columns:1.15fr .85fr;gap:5vw;min-block-size:850px}
.chapter-hyaluronic .chapter-copy{order:2}.chapter-hyaluronic .chapter-stage{order:1}
.chapter-letter{display:none}
.chapter-hyaluronic .chapter-letter{font-size:clamp(210px,25vw,380px);color:#bdcacc;letter-spacing:-.08em}
.chapter-hyaluronic .pack-0{width:82%;height:94%;left:-10%;top:0}
.chapter-hyaluronic .pack-1{width:72%;height:70%;right:-7%;top:29%}
.specialty{position:relative;background:#fff;padding-block:100px 65px}
.specialty-heading{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}
.specialty-heading h2{font-size:clamp(45px,5vw,74px);font-weight:200;max-inline-size:12ch}
.specialty-heading p{max-inline-size:42ch;font-size:17px;color:#57625d;margin-block-end:24px}
.specialty-edit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-block:40px}
.specialty-product{text-align:center;text-decoration:none;min-width:0;display:block}
.specialty-product img{width:100%;height:340px;object-fit:contain}
.specialty-product>span{display:block;font-size:19px}.specialty-product .specialty-link{font-size:12px;text-decoration:underline;margin-block-start:12px}
.catalogue{background:#f2f4f1;padding-block:85px}
.catalogue .section-heading{align-items:start}.catalogue h2{font-size:clamp(42px,4.7vw,68px);font-weight:200;max-inline-size:15ch}
.catalogue-tools{flex-direction:column;gap:25px;margin-block-end:16px}
.line-filters{display:flex;gap:10px;flex-wrap:wrap}
.line-filters button{border:1px solid #b6c0b9;padding:10px 18px;min-height:44px;font-size:14px;border-radius:0}
.line-filters button[aria-pressed=true]{background:#252c2a;color:white;border-color:#252c2a}
.catalogue-search{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #a4b0a8;padding-block:12px}
.catalogue-search>span{font-size:13px}.catalogue-search input{width:min(480px,65%);min-width:0;padding:12px 0;border:0;background:transparent;min-height:48px}
.catalogue-results{margin-block:20px}
.catalogue-group{border-bottom:1px solid #b6c0b9}
.catalogue-group>summary{display:flex;align-items:center;gap:25px;padding-block:24px;list-style:none;min-height:80px}
.catalogue-group>summary::-webkit-details-marker,.catalogue-product>summary::-webkit-details-marker{display:none}
.catalogue-group>summary h3{flex:1;font-size:29px;font-weight:400}.catalogue-group>summary>span:last-child{font:200 28px DM}
.catalogue-group[open]>summary>span:last-child{transform:rotate(45deg)}
.catalogue-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-block-end:25px}
.catalogue-product{border-top:1px solid #d6ded7;align-self:start}
.catalogue-product>summary{display:flex;justify-content:space-between;gap:20px;padding-block:20px;list-style:none;font-size:15px}
.catalogue-product>div{padding:0 0 25px;font-size:13px;color:#57625d;max-width:48ch}
.catalogue-product[open]>summary>span:last-child{transform:rotate(45deg)}
.catalogue-empty{padding-block:25px}.catalogue-empty .button{margin-block-start:18px}
.page-home .professional{padding-block:65px}.page-home .about{background:#fff}
.collection-context{padding:50px var(--gutter);background:#e4eaea;display:flex;justify-content:space-between;gap:30px;align-items:center}
.collection-context h2{font-size:32px}.collection-context p{max-width:50ch;font-size:15px}
@media(min-width:1700px){.line-chapter{padding-inline:12vw}.chapter-stage{height:710px}.chapter-niacinamide .chapter-stage{height:710px}}
@media(max-width:1000px){.line-chapter{min-block-size:680px;gap:20px}.chapter-stage{height:520px}.chapter-niacinamide .chapter-stage{height:520px;min-block-size:520px}.chapter-copy h2{font-size:50px}.chapter-description{font-size:15px}.chapter-pack span{font-size:11px}.specialty-edit{gap:15px}.specialty-product img{height:270px}}
@media(max-width:720px){
 .collection-index{grid-template-columns:1fr;gap:25px;padding-block:50px}.collection-index h2{font-size:42px;max-inline-size:100%}.collection-index nav{gap:0 20px}.collection-index nav a{font-size:14px;padding-block:18px}
 .line-chapter,.chapter-hyaluronic,.chapter-niacinamide{grid-template-columns:1fr;padding:50px 24px 65px;gap:8px;min-block-size:0}
 .chapter-copy{max-inline-size:100%;order:0!important}.chapter-copy h2,html[dir=rtl] .chapter-copy h2{font-size:48px;max-inline-size:100%}.chapter-latin{font-size:15px;margin-block-end:14px}
 .chapter-description{font-size:15px;max-inline-size:38ch;margin-block:18px 22px}.chapter-count{font-size:11px;margin-block-start:14px}.line-action{font-size:14px;max-inline-size:100%}
 .chapter-stage{height:410px;order:1!important;max-inline-size:100%;margin-block-start:16px}.chapter-letter{font-size:330px}
 .chapter-pack.pack-0{width:80%;left:-9%}.chapter-pack.pack-1{width:65%;right:-7%}.chapter-pack span{font-size:10px;padding-inline:4px}
 .chapter-niacinamide .chapter-stage{height:420px;min-block-size:420px;margin-block-start:30px}.chapter-niacinamide .pack-0{width:94%;left:-14%}.chapter-niacinamide .pack-1{width:73%;right:-8%}
 .chapter-niacinamide .chapter-pack span{margin-block-start:-20px}.chapter-hyaluronic .chapter-letter{font-size:230px}.chapter-hyaluronic .pack-0{top:0}.chapter-hyaluronic .pack-1{top:25%}
 .chapter-caption{inset-inline:24px;font-size:9px;bottom:18px}.specialty{padding-block:55px 60px}.specialty-heading{grid-template-columns:1fr;gap:20px}.specialty-heading h2{font-size:44px;max-inline-size:100%}.specialty-heading p{font-size:15px}
 .specialty-edit{grid-template-columns:1fr 1fr;gap:30px 12px;margin-block:20px}.specialty-product:last-child{grid-column:1/-1;width:65%;justify-self:center}.specialty-product img{height:220px}.specialty-product>span{font-size:17px}.specialty-product .specialty-link{font-size:11px}
 .catalogue{padding-block:55px}.catalogue h2{font-size:42px}.line-filters{gap:7px}.line-filters button{font-size:12px;padding:8px 12px}.catalogue-search{display:block}.catalogue-search input{width:100%}.catalogue-search>span{display:block;font-size:12px}
 .catalogue-rows{grid-template-columns:1fr}.catalogue-group>summary h3{font-size:25px}.catalogue-product>summary{font-size:14px}.collection-context{flex-direction:column;align-items:start}
}

/* Product worlds share typography and source structure, with distinct composition. */
.pdp-formula{--pdp-muted:#57625d}
.pdp-stage{overflow:hidden}
.product-detail{--pdp-bg:#f0f2ef;--pdp-ink:#202825;--pdp-muted:#57625d;background:var(--pdp-bg);color:var(--pdp-ink)}
.pdp-breadcrumb{padding:15px var(--gutter);display:flex;gap:18px;align-items:center;font-size:12px}.pdp-breadcrumb a{font-size:12px}
.pdp-opening{display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;padding:35px var(--gutter) 65px;min-height:740px;align-items:center;isolation:isolate}
.pdp-identity{max-width:550px;min-width:0}.pdp-line{font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px;display:inline-block;margin-bottom:30px}
.pdp-identity h1{font:200 clamp(44px,4.6vw,72px)/1.08 DM,sans-serif;letter-spacing:-.045em;max-inline-size:15ch}
html[dir=rtl] .pdp-identity h1{font:400 clamp(48px,4.8vw,76px)/1.3 Peyda,Tahoma,sans-serif;letter-spacing:0;max-inline-size:15ch}
.pdp-type{font-size:18px;color:var(--pdp-muted);margin-block:22px 30px}
.pdp-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:0 0 22px}.pdp-facts div{border-block-start:1px solid #a9b5ad;padding-block-start:15px}.pdp-facts dt{font-size:12px;color:var(--pdp-muted);margin-bottom:5px}.pdp-facts dd{margin:0;font-size:19px}
.pdp-identity .line-action{max-inline-size:none;margin-top:26px}.pdp-small{font-size:12px;line-height:1.8;color:var(--pdp-muted);max-width:65ch}.identity-source{margin-top:20px}
.pdp-gallery{min-width:0}.pdp-stage{position:relative;height:640px;isolation:isolate;background:var(--pdp-bg)}
.pdp-pack{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pdp-gallery figcaption{font-size:10px;color:var(--pdp-muted);text-align:center;margin-top:18px}
.pdp-zoom{position:absolute;inset-inline-end:20px;inset-block-end:20px;border:1px solid #6f8177;border-radius:50%;height:46px;width:46px;align-items:center;justify-content:center;color:#202825;background:#ffffffd9;font:200 28px DM}
.pdp-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 50px;background:#fff;color:#202825;border-block:1px solid #d7dfda;padding:12px var(--gutter);position:sticky;top:0;z-index:10}
.pdp-nav a{font-size:13px}.pdp-formula{background:#fff;color:#202825;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;padding-block:110px}
.formula-heading h2{font-size:clamp(40px,4.8vw,70px);font-weight:200;max-inline-size:12ch}.formula-heading>p{font-size:15px;color:#57625d;max-width:35ch;margin-top:28px}
.ingredient-list{list-style:none;padding:0;margin:0 0 40px}.ingredient-list li{font:200 clamp(23px,2.3vw,35px)/1.4 DM,sans-serif;padding-block:18px;border-bottom:1px solid #c9d3cc;overflow-wrap:anywhere}
.pdp-inci>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:16px;min-height:60px}.pdp-inci>summary::-webkit-details-marker{display:none}.pdp-inci[open]>summary>span{transform:rotate(45deg)}
.pdp-inci>p{max-width:none;font:400 14px/1.9 DM,sans-serif;color:#45524b;padding:24px;background:#f1f4f1;overflow-wrap:anywhere;margin-block:10px 25px}.formula-body>.pdp-small{margin-top:24px}
.pdp-care{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;padding-block:100px;background:var(--pdp-bg);color:var(--pdp-ink)}
.care-title h2{font-size:clamp(40px,4.5vw,64px);font-weight:200;max-inline-size:13ch}.care-title>p{margin-top:25px}.care-details article{padding-block:0 30px}.care-details article+article{padding-top:30px;border-top:1px solid #abb9b0}.care-details h3{font-size:23px;margin-bottom:20px}.care-details p{font-size:16px;line-height:1.9;max-width:52ch}
.pdp-related{background:#fff;color:#202825;padding-block:90px}.pdp-related h2{font-size:clamp(34px,4vw,55px);font-weight:200;max-inline-size:18ch}
.pdp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.pdp-related-item{display:block;text-decoration:none;text-align:center;min-width:0}.pdp-related-item img{height:280px;width:100%;object-fit:contain}.pdp-related-item h3{font-size:20px;line-height:1.4;max-width:24ch;margin:15px auto}.pdp-related-item>span{font-size:12px;text-decoration:underline}
.pdp-source-note{padding-block:28px;background:#eef1ed;display:flex;gap:40px;justify-content:space-between;color:#57625d;font-size:12px}.pdp-source-note>p{max-width:45ch}.pdp-source-note details{max-width:55ch}.pdp-source-note details p{margin-top:14px}
.theme-niacinamide{--pdp-bg:#252c2a;--pdp-ink:#fff;--pdp-muted:#d0dbd5}.theme-niacinamide .pdp-stage{background:#f6f7f5;border-radius:48% 48% 4px 4px}.theme-niacinamide .pdp-pack{padding:20px}.theme-niacinamide .pdp-care{--pdp-bg:#e3e8e2;--pdp-ink:#202825;--pdp-muted:#57625d}.theme-niacinamide .pdp-identity :focus-visible,.theme-niacinamide .pdp-breadcrumb :focus-visible{outline-color:white}
.theme-hyaluronic{--pdp-bg:#e4eaea}.theme-hyaluronic .pdp-opening{grid-template-columns:1.05fr 1fr}.theme-hyaluronic .pdp-identity{order:2}.theme-hyaluronic .pdp-gallery{order:1}.theme-hyaluronic .pdp-stage{border-radius:44% 44% 44% 5%;background:#f7f9f8}.theme-hyaluronic .pdp-pack{padding:30px}.theme-hyaluronic .pdp-formula{background:#f9fbfa}.theme-hyaluronic .pdp-inci>p{background:#e4eaea}
.theme-additional{--pdp-bg:#fff}.theme-additional .pdp-stage{background:#f2f4f1;border:1px solid #e0e5e1}.theme-additional .pdp-formula{background:#252c2a;color:#fff}.theme-additional .formula-heading>p,.theme-additional .formula-body>.pdp-small{color:#d0dbd5}.theme-additional .pdp-inci>summary:focus-visible{outline-color:white}.theme-additional .pdp-care{background:#f2f4f1}
.product-detail .contact{background:#fff;color:#202825}.pack-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:30px;color:#57625d}.pack-placeholder span{font:200 clamp(24px,3vw,45px) DM;letter-spacing:.08em}.pack-placeholder p{font-size:14px;text-align:center;max-width:25ch}.related-placeholder{height:280px;background:#f2f4f1;display:grid;place-content:center;padding:25px;font-size:13px;color:#57625d}
.shade-selector{margin-block:25px}.shade-selector nav{display:flex;gap:12px;margin-block:12px}.shade-selector nav a{border:1px solid currentColor;min-width:90px;text-align:center;padding:10px 16px;text-decoration:none}.shade-selector nav a[aria-current=page]{background:#fff;color:#202825;box-shadow:inset 0 -3px #202825}.theme-hyaluronic .shade-selector nav a[aria-current=page]{background:#252c2a;color:white}
.pdp-media-failure{position:absolute;inset:0;align-content:center;text-align:center;padding:30px;color:#202825;background:#f2f4f1}.pdp-stage.media-failed .pdp-pack{visibility:hidden}.pdp-stage.media-failed .pdp-zoom{display:none!important}
#pack-dialog{max-width:850px;width:90vw;max-height:92vh;padding:65px 25px 25px}#pack-dialog img{width:100%;height:65vh;object-fit:contain}#pack-dialog h2{font-size:25px;max-width:none}#pack-dialog .pdp-small{margin-top:15px}
@media(max-width:1100px){.pdp-opening{gap:5vw;min-height:620px}.pdp-stage{height:530px}.pdp-identity h1{font-size:50px}html[dir=rtl] .pdp-identity h1{font-size:54px}.pdp-formula,.pdp-care{gap:6vw}.pdp-related-item img{height:230px}}
@media(max-width:720px){
 .pdp-breadcrumb{padding-block:8px;font-size:11px;gap:12px}.pdp-breadcrumb a{font-size:11px}.pdp-opening,.theme-hyaluronic .pdp-opening{grid-template-columns:1fr;gap:25px;padding:20px 24px 35px;min-height:0}.pdp-identity{order:0!important;max-width:none}.pdp-gallery{order:1!important}
 .pdp-line{font-size:13px;margin-bottom:20px}.pdp-identity h1{font-size:42px;max-inline-size:none}html[dir=rtl] .pdp-identity h1{font-size:46px;max-inline-size:none}.pdp-type{font-size:15px;margin-block:18px 22px}.pdp-facts{gap:18px;margin-bottom:16px}.pdp-facts dd{font-size:17px}.pdp-facts dt{font-size:11px}.pdp-small{font-size:11px}.identity-source{margin-top:14px}
 .pdp-stage{height:420px}.theme-niacinamide .pdp-pack,.theme-hyaluronic .pdp-pack{padding:0}.pdp-gallery figcaption{font-size:9px}.pdp-nav{gap:5px 22px;padding:8px 20px;justify-content:space-between}.pdp-nav a{font-size:11px;min-height:44px}
 .pdp-formula,.pdp-care{grid-template-columns:1fr;gap:30px;padding:55px 24px}.formula-heading h2,.care-title h2{font-size:40px;max-inline-size:16ch}.formula-heading>p{margin-top:20px;font-size:14px;max-width:38ch}.ingredient-list{margin-bottom:22px}.ingredient-list li{font-size:25px}.pdp-inci>summary{font-size:15px}.pdp-inci>p{padding:18px;font-size:13px}
 .care-details h3{font-size:22px}.care-details p{font-size:15px}.pdp-related{padding:55px 24px}.pdp-related-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.pdp-related-item:last-child{grid-column:1/-1;width:70%;justify-self:center}.pdp-related-item img,.related-placeholder{height:210px}.pdp-related-item h3{font-size:18px}.pdp-related .section-heading{margin-bottom:20px}.pdp-related .section-heading>a{margin-top:18px}.pdp-source-note{flex-direction:column;gap:20px;padding:25px 24px}
}

/* 007: proposed web palette; source pack pixels remain unchanged. */

.chapter-vitamin-c .chapter-pack{outline:1px solid #e4e4e4}
.chapter-hyaluronic .line-action:focus-visible{outline-color:#111!important}
.theme-additional .pdp-zoom:focus-visible{outline-color:#111!important}
.catalogue-product>summary>.catalogue-name{flex:1}
:root{--ink:#111;--muted:#505050;--paper:#fff;--porcelain:#fafafa;--silver:#ececec;--line:#d3d3d3;--tint:#e7e7e7;--vitamin:#d65522;--niacinamide:#ceb7aa;--hyaluronic:#c0cbce;--vitamin-deep:#420a0f;--niacinamide-deep:#633d2a;--hyaluronic-deep:#565859}
.header,.footer{background:#111;color:#fff}.preview-bar{background:#000;color:#fff}.footer .review-notes p,.footer .footer-top p,.footer .footer-bottom{color:#ddd}.header .nav{border-color:#555}
.cinema{background:#111}.cinema-shade{background:linear-gradient(90deg,#000c,#0007 45%,#0001),linear-gradient(0deg,#0006,transparent 35%)}html[dir=rtl] .cinema-shade{background:linear-gradient(270deg,#000c,#0007 45%,#0001),linear-gradient(0deg,#0006,transparent 35%)}
.collection-index h2,.specialty-heading h2,.catalogue h2,.pdp-related h2{font-weight:400}.collection-index nav a{border-color:#aaa}.collection-index nav a::before{content:'';width:10px;height:10px;flex:none;border-radius:50%;background:#111}.collection-index nav a:nth-child(1)::before{background:var(--vitamin)}.collection-index nav a:nth-child(2)::before{background:var(--niacinamide)}.collection-index nav a:nth-child(3)::before{background:var(--hyaluronic)}.collection-index nav a>span:first-child{flex:1}
.line-chapter{--line-color:#fff;--line-ink:#111;background:var(--line-color);color:var(--line-ink);grid-template-columns:.8fr 1.2fr;gap:6vw;padding-block:80px 100px;min-block-size:790px;border-block-start:1px solid #ddd}
.chapter-niacinamide{--line-color:#fff;--line-ink:#111}.chapter-hyaluronic{--line-color:#eef1f0;--line-ink:#111;grid-template-columns:1.2fr .8fr}
.chapter-copy h2{font-weight:400}.chapter-description,.chapter-count,.chapter-caption,.chapter-niacinamide .chapter-description,.chapter-niacinamide .chapter-count,.chapter-niacinamide .chapter-caption{color:inherit}.chapter-description{font-size:18px}.chapter-count{font-size:13px}
.chapter-stage,.chapter-niacinamide .chapter-stage{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px;height:550px;min-block-size:0;background:none;border-radius:0}
.line-chapter .chapter-pack{position:relative;inset:auto!important;display:flex;flex-direction:column;mix-blend-mode:normal;background:white;color:#111;width:100%!important;height:440px!important;min-width:0;overflow:hidden;text-align:start}
.line-chapter .chapter-pack.pack-1{margin-top:80px}.chapter-pack img{height:365px;min-height:0;object-fit:cover;object-position:center 58%}.line-chapter .chapter-pack span,.chapter-niacinamide .chapter-pack span{position:static;display:flex;align-items:center;flex:1;background:white;font-size:14px;padding:14px 18px;max-width:none;width:100%;margin:0;border-top:1px solid #eee}
.chapter-pack:focus-visible{outline:3px solid var(--line-ink);outline-offset:6px}.chapter-pack:hover span{text-decoration:underline}.line-chapter .chapter-caption{opacity:1}.chapter-hyaluronic .line-action:focus-visible,.chapter-niacinamide .line-action:focus-visible{outline-color:#111}
.specialty-product img{background:#fff;object-fit:cover;object-position:center 60%;height:360px}.specialty-product{background:#fff}.specialty-product>span{font-weight:500}.specialty{background:#f7f7f7}
.catalogue{background:white}.catalogue .section-heading>p{color:#505050}.line-filters button{border-color:#111;color:#111;background:white}.line-filters button[aria-pressed=true]{background:#111;border-color:#111;color:white}.line-filters button[data-line-filter=vitamin-c][aria-pressed=true]{background:var(--vitamin);color:#111}.line-filters button[data-line-filter=niacinamide][aria-pressed=true]{background:var(--niacinamide)}.line-filters button[data-line-filter=hyaluronic][aria-pressed=true]{background:var(--hyaluronic)}
.catalogue-group{border-color:#999}.catalogue-group>summary{border-block-start:5px solid #111}.catalogue-group[data-catalogue-group=vitamin-c]>summary{border-color:var(--vitamin)}.catalogue-group[data-catalogue-group=niacinamide]>summary{border-color:var(--niacinamide)}.catalogue-group[data-catalogue-group=hyaluronic]>summary{border-color:var(--hyaluronic)}
.catalogue-product>summary{align-items:center;padding-block:12px;min-height:120px;gap:18px}.catalogue-thumb{width:76px;height:100px;object-fit:cover;flex:none;background:white}.catalogue-product>summary>span:first-of-type{flex:1}.catalogue-product>div{color:#333}.catalogue-thumb-pending{height:100px;width:76px;background:#f4f4f4;display:grid;place-content:center;font-size:9px;color:#505050;text-align:center;padding:6px;flex:none}
.page-home .professional,.page-home .about,.contact{background:#fff}.page-home .professional{border-top:1px solid #ccc}
.product-detail{--pdp-bg:#fff;--pdp-ink:#111;--pdp-muted:#505050;--pdp-accent:var(--vitamin-deep);--pdp-accent-ink:#fff;--pdp-line-color:var(--vitamin);background:#fff;color:#111}
.theme-niacinamide{--pdp-accent:var(--niacinamide-deep);--pdp-accent-ink:#fff;--pdp-line-color:var(--niacinamide)}.theme-hyaluronic{--pdp-accent:var(--hyaluronic-deep);--pdp-accent-ink:#fff;--pdp-line-color:var(--hyaluronic)}.theme-additional{--pdp-accent:#111;--pdp-accent-ink:#fff;--pdp-line-color:#111}
.pdp-breadcrumb{background:white;color:#111}.pdp-opening{padding-block:30px 60px;min-height:720px;gap:6vw}.pdp-identity h1{font-weight:400}.pdp-line{color:var(--pdp-accent-ink);background:var(--pdp-accent);padding:8px 18px;border:0;font-size:14px;font-weight:500;margin-bottom:24px}.pdp-type{color:#505050}.pdp-facts div{border-color:#999}.pdp-identity .line-action{background:#111;color:white;padding:12px 20px;border:0;min-height:58px}
.pdp-stage,.theme-niacinamide .pdp-stage,.theme-hyaluronic .pdp-stage,.theme-additional .pdp-stage{border-radius:0;border:0;background:white;height:600px;outline:1px solid #eee;overflow:hidden}
.pdp-stage::before{content:'';position:absolute;inset:0 auto 0 0;width:9px;background:var(--pdp-accent);z-index:2;pointer-events:none}
.pdp-pack,.theme-niacinamide .pdp-pack,.theme-hyaluronic .pdp-pack{mix-blend-mode:normal;padding:0;object-fit:cover;object-position:center 58%;width:100%;height:100%}
.pdp-gallery figcaption{color:#505050;font-size:11px}.pdp-zoom{background:#111;color:white;border:0;inset-inline-end:18px;inset-block-end:18px}.pdp-gallery-controls{gap:0;margin-top:12px;max-width:100%;border:1px solid #111;display:flex}.pdp-gallery-controls button{border:0;min-height:44px;flex:1;padding:9px 14px;font-size:13px;background:white;color:#111}.pdp-gallery-controls button[aria-pressed=true]{background:#111;color:white}.pdp-stage.pack-detail .pdp-pack{transform:scale(1.9);transform-origin:50% 66%}
.pdp-stage.media-failed~.pdp-gallery-controls{display:none!important}.pdp-gallery-controls button:focus-visible,.pdp-zoom:focus-visible{outline:3px solid var(--pdp-accent);outline-offset:3px}
.pdp-formula,.theme-hyaluronic .pdp-formula,.theme-additional .pdp-formula{background:var(--pdp-accent);color:var(--pdp-accent-ink);--pdp-muted:var(--pdp-accent-ink)}
.formula-heading>p,.theme-additional .formula-heading>p,.theme-additional .formula-body>.pdp-small{color:inherit}.formula-heading h2,.care-title h2{font-weight:400}.ingredient-list li{font-weight:400;border-color:currentColor}.pdp-inci>p,.theme-hyaluronic .pdp-inci>p{background:#fff;color:#111}.pdp-inci>summary:focus-visible{outline-color:currentColor}
.pdp-care,.theme-niacinamide .pdp-care,.theme-additional .pdp-care{--pdp-muted:#505050;background:#fff;color:#111}.pdp-related{background:#f7f7f7}.pdp-related-item img{background:white;object-fit:cover;height:320px;object-position:center 58%}.pdp-related-item h3{font-weight:500}.pdp-source-note{background:white;color:#505050;border-top:1px solid #ddd}
.theme-niacinamide .pdp-identity :focus-visible,.theme-niacinamide .pdp-breadcrumb :focus-visible{outline-color:#111}.pdp-identity .line-action:focus-visible{outline-color:var(--pdp-accent)}.pdp-nav{border-color:#ccc}.pdp-nav a{color:#111}.pack-placeholder,.related-placeholder{background:#f3f3f3;color:#505050}
@media(max-width:1100px){.line-chapter{gap:4vw}.chapter-stage,.chapter-niacinamide .chapter-stage{gap:12px;height:490px}.line-chapter .chapter-pack{height:380px!important}.chapter-pack img{height:305px}.pdp-stage,.theme-niacinamide .pdp-stage,.theme-hyaluronic .pdp-stage,.theme-additional .pdp-stage{height:500px}}
@media(max-width:720px){
 .cinema-shade,html[dir=rtl] .cinema-shade{background:linear-gradient(0deg,#000e,#0008 65%,#0003)}
 .line-chapter,.chapter-hyaluronic,.chapter-niacinamide{grid-template-columns:1fr;padding:45px 24px 65px;gap:25px;min-block-size:0}.chapter-description{font-size:16px}.chapter-copy h2,html[dir=rtl] .chapter-copy h2{font-size:46px}
 .chapter-stage,.chapter-niacinamide .chapter-stage{height:360px;min-height:0;gap:12px;margin-top:0}.line-chapter .chapter-pack{height:300px!important}.line-chapter .chapter-pack.pack-1{margin-top:35px}.chapter-pack img{height:235px}.line-chapter .chapter-pack span,.chapter-niacinamide .chapter-pack span{font-size:11px;padding:9px 10px;line-height:1.7}.chapter-caption{font-size:9px}.specialty-product img{height:240px}
 .pdp-opening{min-height:0;padding:20px 24px 40px}.pdp-stage,.theme-niacinamide .pdp-stage,.theme-hyaluronic .pdp-stage,.theme-additional .pdp-stage{height:450px}.pdp-line{font-size:13px}.pdp-gallery figcaption{font-size:10px}.pdp-related-item img{height:230px}.catalogue-thumb,.catalogue-thumb-pending{width:65px;height:90px}.catalogue-product>summary{min-height:110px}.catalogue-product>summary>span:first-of-type{font-size:15px}
}

/* Source palette: brandbook p.7; restrained web application follows owner correction. */
.chapter-copy{border-inline-start:4px solid var(--vitamin);padding-inline-start:24px}.chapter-niacinamide .chapter-copy{border-color:var(--niacinamide)}.chapter-hyaluronic .chapter-copy{border-color:var(--hyaluronic)}
.chapter-vitamin-c .chapter-latin{color:var(--vitamin-deep)}.chapter-niacinamide .chapter-latin{color:var(--niacinamide-deep)}.chapter-hyaluronic .chapter-latin{color:var(--hyaluronic-deep)}
.line-chapter .chapter-pack{outline:1px solid #e3e3e3}.line-chapter .chapter-pack:focus-visible{outline:3px solid #111}
.line-filters button[data-line-filter=vitamin-c][aria-pressed=true]{background:var(--vitamin-deep);color:white}.line-filters button[data-line-filter=niacinamide][aria-pressed=true]{background:var(--niacinamide-deep);color:white}.line-filters button[data-line-filter=hyaluronic][aria-pressed=true]{background:var(--hyaluronic-deep);color:white}
.pdp-line{background:white;color:var(--pdp-accent);border-inline-start:4px solid var(--pdp-line-color);padding-inline-start:14px}.pdp-stage::before{background:var(--pdp-line-color);width:5px}
.pdp-formula,.theme-hyaluronic .pdp-formula,.theme-additional .pdp-formula{background:white;color:#111;--pdp-muted:#505050;border-block-start:1px solid #ddd}.formula-heading h2{color:var(--pdp-accent)}.ingredient-list li{border-color:#d3d3d3}.pdp-inci>p,.theme-hyaluronic .pdp-inci>p{background:#f6f6f6}.formula-heading>p,.theme-additional .formula-heading>p,.theme-additional .formula-body>.pdp-small{color:#505050}
.product-detail[data-product-id=product-21]{--pdp-accent:#89103c;--pdp-line-color:#dd245d}.product-detail[data-product-id=product-22],.product-detail[data-product-id=product-27]{--pdp-accent:#3a4731;--pdp-line-color:#8bb072}
@media(max-width:720px){.chapter-copy{padding-inline-start:18px}}

a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#111}.header :focus-visible,.footer :focus-visible,.cinema :focus-visible{outline-color:white}

.product-detail .pdp-inci>summary:focus-visible{outline-color:var(--pdp-accent)}.catalogue-product>summary>.catalogue-thumb-pending{flex:0 0 76px}@media(max-width:720px){.catalogue-product>summary>.catalogue-thumb-pending{flex-basis:65px}}

/* 008: one distinctive collection moment; colors remain the checked brandbook palette. */
.collection-index{display:block;padding-block:65px 40px}
.collection-index h2{max-inline-size:none;font-size:clamp(38px,4.3vw,64px)}
.collection-rail{position:sticky;top:0;z-index:20;background:#fff;border-block:1px solid #ddd;display:flex;justify-content:space-between;gap:12px;padding:0 var(--gutter);box-shadow:0 6px 14px #00000005}
.collection-rail a{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 8px;min-height:66px;text-decoration:none;border-bottom:3px solid transparent;font-size:15px;white-space:nowrap}
.collection-rail small{font-size:11px;color:#505050}
.collection-rail a[aria-current=location]{border-color:#111}
.collection-rail a[data-collection-link=vitamin-c][aria-current=location]{border-color:var(--vitamin)}
.collection-rail a[data-collection-link=niacinamide][aria-current=location]{border-color:var(--niacinamide)}
.collection-rail a[data-collection-link=hyaluronic][aria-current=location]{border-color:var(--hyaluronic)}
.collection-rail a:hover{background:#fafafa}
.line-chapter,.sacran-feature,.specialty{scroll-margin-top:0}
.sacran-feature{padding:65px var(--gutter) 30px;background:#fff}
.sacran-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:35px}
.sacran-heading h2{font-size:clamp(72px,9vw,140px);font-weight:200;line-height:1.1;letter-spacing:-.055em}
html[dir=rtl] .sacran-heading h2{font-weight:400;letter-spacing:0;line-height:1.4}
.sacran-heading>div{max-width:36ch}.sacran-heading p{font-size:18px;line-height:1.8;margin-bottom:18px}
.sacran-heading a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:6px}
.sacran-picker{gap:8px;padding-bottom:20px;flex-wrap:wrap}
.sacran-picker button{background:white;color:#111;border:1px solid #bdbdbd;border-radius:30px;min-height:48px;padding:10px 26px;font-size:15px}
.sacran-picker button[aria-pressed=true]{background:#111;border-color:#111;color:white}
.sacran-panel{display:grid;grid-template-columns:1.1fr 1fr;min-height:530px;border:1px solid #eee}
.sacran-panel[hidden]{display:none}
.sacran-photo{position:relative;min-width:0;background:#fff;display:grid;place-items:center}
.sacran-photo img{display:block;width:100%;height:530px;object-fit:cover}
.sacran-photo img[hidden]{display:none}
.sacran-image-failure{padding:35px;color:#505050}
.sacran-story{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;padding:55px;color:white;background:#111;overflow:hidden}
.sacran-story:before{content:'';position:absolute;inset:0;z-index:-2;background:url('lab-sacran.webp') 65% 30%/auto 100% no-repeat;opacity:.82}
.sacran-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000f, #000a 50%,#0000 100%)}
.sacran-story>div{width:100%}.sacran-story h3{font-size:clamp(30px,3.5vw,55px);line-height:1.25;font-weight:400;max-width:14ch;margin-bottom:35px}
html[dir=rtl] .sacran-story h3{line-height:1.55}
.sacran-story .line-action{max-width:none;color:white}
.sacran-story :focus-visible{outline-color:white}
.sacran-caption{font-size:10px;color:#505050;margin-block:16px 0}
.specialty-edit{grid-template-columns:1fr 1fr;max-width:900px;margin-inline:auto}
.theme-sacran{--pdp-accent:#111;--pdp-accent-ink:#fff;--pdp-line-color:#c0cbce}
.theme-sacran .pdp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.collection-rail{gap:5px;padding-inline:24px}.collection-rail a{font-size:13px;gap:7px}.sacran-story{padding:32px}.sacran-photo img{height:460px}.sacran-panel{min-height:460px}}
@media(max-width:720px){
 .catalogue h2{font-size:clamp(30px,8vw,42px);overflow-wrap:anywhere}
 .collection-index{padding-block:40px 25px}.collection-index h2{font-size:36px}
 .collection-rail{overflow-x:auto;justify-content:flex-start;padding-inline:16px;gap:8px;scrollbar-width:thin}
 .collection-rail a{flex:none;min-height:58px;padding:15px 10px;font-size:13px}
 .line-chapter,.sacran-feature,.specialty{scroll-margin-top:0}
 .sacran-feature{padding:35px 24px 28px}.sacran-heading{display:block;margin-bottom:20px}.sacran-heading h2{font-size:70px;margin-bottom:10px}.sacran-heading p{font-size:16px;margin-bottom:4px}
 .sacran-picker{gap:6px}.sacran-picker button{padding:9px 15px;font-size:13px;min-height:44px}
 .sacran-panel{grid-template-columns:1fr;min-height:0}.sacran-photo img{height:330px}.sacran-story{padding:30px 24px;min-height:260px}.sacran-story:before{background-size:cover;background-position:center 45%}
 .sacran-story h3{font-size:32px;max-width:100%;margin-bottom:22px}.sacran-caption{font-size:9px}
 .specialty-product:last-child{grid-column:auto;width:100%}.theme-sacran .pdp-related-grid{grid-template-columns:1fr}
}

/* 009: material, depth and selection. No new brand colors or synthetic pack surfaces. */
.sacran-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sacran-toolbar .motion-toggle,.pdp-gallery .motion-toggle{color:#111;background:white;border:1px solid #aaa;max-inline-size:none}
.sacran-toolbar .motion-toggle:disabled,.pdp-gallery .motion-toggle:disabled{color:#505050}
.sacran-picker button{display:flex;align-items:center;gap:16px;transition:background .2s,color .2s}
.sacran-picker small{font-size:10px;letter-spacing:.05em;opacity:.7}
.sacran-panels{position:relative;isolation:isolate;background:#111;overflow:hidden}
.sacran-material{position:absolute;inset:-5% 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#1119,#1112),url('lab-sacran.webp') center/cover;opacity:.8}
.sacran-panel{position:relative;border:0;min-height:580px;grid-template-columns:1.15fr 1fr;overflow:hidden;background:linear-gradient(270deg,#1110,#111d)}
html[dir=ltr] .sacran-panel{background:linear-gradient(90deg,#1110,#111d)}
.sacran-photo{margin:55px;align-self:center;aspect-ratio:1;height:auto;background:#fff;border-radius:50%;overflow:hidden;box-shadow:0 32px 60px #0008;z-index:1}
.sacran-photo img{height:100%;width:100%;object-fit:cover;transform:scale(1.09)}
.sacran-orbit{position:absolute;inset:35px 24%;border:1px solid #ffffff50;border-radius:50%;pointer-events:none;z-index:-1}
.sacran-orbit:after{content:'';position:absolute;inset:24px -40px;border:1px solid #ffffff24;border-radius:50%;transform:rotate(-28deg)}
.sacran-story{background:transparent;isolation:auto;padding:55px 40px;align-items:center}
.sacran-story:before,.sacran-story:after{display:none}
.sacran-story h3{font-size:clamp(34px,4vw,64px);max-width:16ch}
.sacran-step{display:block;font-size:13px;letter-spacing:.16em;margin-bottom:38px;color:#fff}
.sacran-story .line-action{padding-block:18px;min-height:60px;border-color:#ffffff90}
.sacran-story .line-action span{display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;width:42px;height:42px;font-size:24px;transition:transform .3s,background .3s}
.sacran-story .line-action:hover span,.sacran-story .line-action:focus-visible span{transform:rotate(90deg);background:#ffffff20}
.sacran-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pdp-gallery .motion-toggle{margin-top:10px;font-size:11px}
.pdp-pack{transform-origin:50% 66%;transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.pdp-gallery-controls button{transition:background .2s,color .2s}
.chapter-pack img,.pdp-related-item img,.specialty-product img{transition:transform .55s cubic-bezier(.22,.7,.2,1)}
.chapter-pack,.pdp-related-item,.specialty-product{overflow:hidden}
@media(hover:hover) and (pointer:fine){
 .motion-running .chapter-pack:hover img,.motion-running .pdp-related-item:hover img,.motion-running .specialty-product:hover img{transform:scale(1.045)}
}
.motion-running .chapter-pack:focus-visible img,.motion-running .pdp-related-item:focus-visible img{transform:scale(1.045)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{transition:none!important;animation-play-state:paused!important;scroll-behavior:auto!important}
@media(max-width:1000px){.sacran-photo{margin:30px}.sacran-panel{min-height:470px}.sacran-story{padding:35px 24px}}
@media(max-width:720px){
 .sacran-toolbar{gap:0;margin-bottom:18px}.sacran-picker{width:100%;padding-bottom:12px}.sacran-picker button{gap:8px;padding-inline:12px}.sacran-toolbar .motion-toggle{font-size:11px;min-height:44px}
 .sacran-panel{grid-template-columns:1fr;min-height:0}.sacran-photo{margin:28px 28px 0;max-width:340px;justify-self:center;width:calc(100% - 56px)}
 .sacran-photo img{height:100%}.sacran-story{min-height:0;padding:28px 24px 35px}.sacran-story h3{font-size:32px;margin-bottom:20px}.sacran-step{margin-bottom:14px;font-size:11px}
 .sacran-orbit{inset:16px 10% 80px}.sacran-story .line-action{padding-block:12px}.sacran-story .line-action span{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.sacran-material{transform:none!important}.pdp-pack,.chapter-pack img,.pdp-related-item img{transition:none!important}}

/* 010: visible continuous silver light, controlled composition and stronger interaction. */
.silver-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.7}
.cinema .silver-atmosphere{z-index:0;opacity:.55}
.cinema:not(.scene-in-view) .cinema-image{animation-play-state:paused}
.cinema-shade,.scene-copy,.scene-bottom{z-index:1}
.cinema-shade{pointer-events:none}
.sacran-orbit{border-color:#ffffff65;inset:25px 20%;transform:rotate(-18deg)}
.sacran-orbit:after{inset:35px -60px;border-color:#ffffff55;box-shadow:inset 0 0 24px #ffffff08}
.motion-running .scene-in-view .sacran-orbit:after{animation:silver-orbit 12s ease-in-out infinite alternate}
.motion-running .scene-in-view .sacran-photo img{animation:pack-breathe 7s ease-in-out infinite alternate}
@keyframes silver-orbit{from{transform:rotate(-35deg) scale(.92);opacity:.35}to{transform:rotate(30deg) scale(1.04);opacity:.9}}
@keyframes pack-breathe{from{transform:translateY(4px) scale(1.06)}to{transform:translateY(-4px) scale(1.12)}}
.sacran-picker button{position:relative;overflow:hidden}
.sacran-picker button[aria-pressed=true]:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff30 50%,transparent 70%);transform:translateX(-110%)}
.motion-running .sacran-picker button[aria-pressed=true]:after{animation:selection-shine 850ms ease-out both}
@keyframes selection-shine{to{transform:translateX(110%)}}
.motion-running .pdp-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 35%,#ffffff70 50%,transparent 65%);animation:selection-shine 1.2s ease-out both}
.pdp-stage.pack-detail .pdp-pack{transition-duration:.85s}
@media(max-width:720px){.silver-atmosphere{opacity:.45}.sacran-orbit:after{inset:24px -20px}.motion-running .scene-in-view .sacran-photo img{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.silver-atmosphere{display:none}.sacran-orbit:after,.sacran-photo img{animation:none!important}}

/* 011: motion families use exact source palette tokens; media pixels stay unchanged. */
.product-detail{--scene-accent:var(--pdp-line-color);--scene-paper:#f6f6f6}
.theme-vitamin-c{--scene-paper:#f2e9e7}.theme-niacinamide{--scene-paper:#f2e3d3}.theme-hyaluronic{--scene-paper:#eef1f0}
.product-detail[data-product-id=product-21]{--scene-paper:#f9dce6}.product-detail[data-product-id=product-22],.product-detail[data-product-id=product-27]{--scene-paper:#dcedd1}
.product-detail .pdp-stage{background:var(--scene-paper);display:grid;place-items:center;overflow:hidden;outline:0}
.pdp-stage:before{display:none}.pdp-stage .silver-atmosphere{z-index:-1;opacity:.8}
.pdp-pack-frame{position:relative;z-index:1;width:78%;height:78%;background:white;overflow:hidden;border-radius:50%;box-shadow:0 30px 50px #0000000e;transform-origin:center;transition:border-radius .6s}
.product-detail .pdp-pack{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;padding:0;transform-origin:50% 60%}
.product-detail .pdp-stage.pack-detail .pdp-pack{transform:scale(1.75)}
.pdp-stage.pack-detail .pdp-pack-frame{border-radius:20px}
.theme-niacinamide .pdp-pack-frame{border-radius:24px;width:72%;height:76%}
.theme-hyaluronic .pdp-pack-frame{border-radius:48% 48% 20% 48%;width:80%;height:76%}
.theme-additional .pdp-pack-frame{border-radius:5px;width:73%;height:78%}
.pdp-stage[data-motion-line=alpine-rose] .pdp-pack-frame{border-radius:48% 48% 16% 16%}
.pdp-stage[data-motion-line=retinol] .pdp-pack-frame{border-radius:24px}
.theme-sacran .pdp-stage{background:#111}
.theme-sacran .pdp-stage:before{display:block;content:'';position:absolute;inset:0;width:100%;z-index:-2;background:url('lab-sacran.webp') center/cover;opacity:.75}
.product-orbit{position:absolute;inset:30px 9%;border:1px solid var(--scene-accent);border-radius:50%;pointer-events:none;opacity:.65;transform:rotate(-20deg)}
.theme-niacinamide .product-orbit{border-radius:24px;inset:40px 8%;transform:rotate(8deg)}
.theme-hyaluronic .product-orbit{border-radius:50%;inset:45px 3%;transform:rotate(25deg)}
.theme-additional .product-orbit{border-radius:0;inset:35px 7%;transform:rotate(-7deg)}
.motion-running .pdp-stage.scene-in-view:not(.pack-detail):not(.media-failed) .pdp-pack-frame{animation:product-hover 7s ease-in-out infinite alternate}
.motion-running .theme-niacinamide .pdp-stage.scene-in-view:not(.pack-detail):not(.media-failed) .pdp-pack-frame{animation:product-sway 9s ease-in-out infinite alternate}
.motion-running .theme-hyaluronic .pdp-stage.scene-in-view:not(.pack-detail):not(.media-failed) .pdp-pack-frame{animation-duration:10s}
.motion-running .pdp-stage.scene-in-view:not(.media-failed) .product-orbit{animation:product-orbit 13s ease-in-out infinite alternate}
@keyframes product-hover{from{transform:translateY(7px) rotate(-1deg)}to{transform:translateY(-7px) rotate(1deg)}}
@keyframes product-sway{from{transform:translateX(-7px) rotate(-1deg)}to{transform:translateX(7px) rotate(1deg)}}
@keyframes product-orbit{from{translate:-7px 0;scale:.96}to{translate:7px 0;scale:1.04}}
.pdp-stage.media-failed .pdp-pack-frame,.pdp-stage.media-failed .product-orbit{display:none}
.pdp-stage .pdp-zoom{z-index:4}.pdp-media-failure{z-index:5}
.pdp-nav .motion-toggle{background:white;color:#111;border:1px solid #aaa;font-size:11px;max-inline-size:none}
.pdp-nav .motion-toggle:disabled{color:#505050}
.collection-rail .motion-toggle{flex:none;align-self:center;background:white;color:#111;border:1px solid #aaa;font-size:11px;max-inline-size:none;padding:8px 10px}
.collection-rail .motion-toggle:disabled{color:#505050}
.collection-rail{overflow-x:auto}
.pdp-nav a{position:relative;display:flex;align-items:center;text-decoration:none}
.pdp-nav a[aria-current=location]:after{content:'';position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--pdp-line-color)}
.pdp-formula{position:relative;overflow:hidden}.formula-heading:before{content:'';display:block;width:90px;height:4px;background:var(--pdp-line-color);margin-bottom:30px;transform-origin:0 50%}
.motion-running .section-entered .formula-heading:before{animation:formula-rule .8s ease-out both}
@keyframes formula-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pdp-related-item{border-bottom:1px solid #ccc;padding-bottom:18px;transition:transform .35s}
.pdp-related-item:hover,.pdp-related-item:focus-visible{transform:translateY(-6px)}
.chapter-vitamin-c .chapter-stage{--scene-accent:var(--vitamin)}
.chapter-niacinamide .chapter-stage{--scene-accent:var(--niacinamide)}
.chapter-hyaluronic .chapter-stage{--scene-accent:var(--hyaluronic)}
.chapter-stage,.specialty-edit{isolation:isolate;position:relative}
.chapter-stage .silver-atmosphere{inset:-10% -8%;width:116%;height:120%;z-index:-1;opacity:.8}
.specialty-edit{--scene-accent:#c0cbce;padding:20px}
.specialty-edit .silver-atmosphere{opacity:.7}
.line-chapter .chapter-stage{padding:22px;gap:20px;background:transparent}
.chapter-pack{box-shadow:0 14px 30px #00000008;transition:transform .4s}
.chapter-pack:hover,.chapter-pack:focus-visible{transform:translateY(-10px)}
.chapter-copy .line-action span{transition:transform .3s}.chapter-copy .line-action:hover span{transform:rotate(90deg)}
.motion-paused .pdp-pack-frame{animation:none!important;transition:none!important}
@media(max-width:720px){
 .product-detail .pdp-stage{height:420px}.pdp-pack-frame{width:80%;height:78%}.product-orbit{inset:25px 6%}
 .line-chapter .chapter-stage{padding:10px;gap:12px}.specialty-edit{padding:10px}
 .pdp-nav{gap:18px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.pdp-nav a{flex:none;white-space:nowrap}.pdp-nav .motion-toggle{flex:none;position:sticky;inset-inline-end:0;z-index:1;font-size:10px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.pdp-pack-frame,.product-orbit{animation:none!important;transition:none!important}}

/* 014: matte molecular worlds with bounded interaction. No structural chemistry is asserted. */
.chapter-vitamin-c,.theme-vitamin-c{--molecular-ink:#420a0f;--molecular-paper:#f2e9e7}
.chapter-niacinamide,.theme-niacinamide{--molecular-ink:#633d2a;--molecular-paper:#f2e3d3}
.chapter-hyaluronic,.theme-hyaluronic{--molecular-ink:#565859;--molecular-paper:#eef1f0}
.theme-additional{--molecular-ink:#565859;--molecular-paper:#eef1f0}
[data-product-id=product-21]{--molecular-ink:#89103c;--molecular-paper:#f9dce6}
[data-product-id=product-22],[data-product-id=product-27]{--molecular-ink:#3a4731;--molecular-paper:#dcedd1}
.theme-sacran,.sacran-panels{--molecular-ink:#565859;--molecular-paper:#111}
.molecular-pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--scene-accent,#c0cbce);opacity:1;z-index:-1;overflow:hidden}
.molecular-deep-stop{stop-color:var(--molecular-ink,#565859)}
.molecular-network{fill:none;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%;animation:molecular-sweep 13s ease-in-out infinite alternate;animation-play-state:paused}

.molecular-solid{stroke-width:2.5;opacity:.85}
.molecular-nodes{stroke:var(--molecular-ink);stroke-width:.4}
.molecular-shadow{stroke:var(--molecular-ink);stroke-width:3;fill:none;opacity:.08;transform:translate(1px,2px)}
.molecular-shadow circle{fill:var(--molecular-ink)}
.molecular-far{stroke:currentColor;stroke-width:1.6;opacity:.17;animation-name:molecular-counter;animation-duration:23s;transform:translate(60px,-55px) scale(1.25)}
.chapter-stage>.molecular-pattern{inset:0;width:100%;height:100%}
.line-chapter .chapter-stage{height:650px;min-block-size:650px;padding:72px 26px 38px;gap:clamp(24px,4vw,60px);background:var(--molecular-paper);border-radius:3px}
.line-chapter .chapter-pack{box-shadow:0 22px 36px #00000015;z-index:1}
.sacran-panels>.molecular-pattern{z-index:0;color:#c0cbce;opacity:.9}
.theme-sacran .molecular-pattern{color:#c0cbce}
.molecular-sacran .molecular-shadow{stroke:#000;opacity:.18}.molecular-sacran .molecular-shadow circle{fill:#000}

.molecular-sacran .molecular-solid{stroke-width:2.5}
.pdp-stage:has(.molecular-pattern) .product-orbit,.sacran-panels:has(.molecular-pattern) .sacran-orbit{display:none}
.chapter-stage:has(.molecular-pattern) .chapter-letter{display:none}
.motion-running .scene-in-view:not(.media-failed)>.molecular-pattern .molecular-network{animation-play-state:running}
.molecular-niacinamide .molecular-near{animation-name:molecular-turn;animation-duration:16s}
.molecular-hyaluronic .molecular-near{animation-duration:15s;animation-direction:alternate-reverse}
.molecular-sacran .molecular-near{animation-duration:19s}
.molecular-retinol .molecular-near{animation-duration:14s;animation-direction:alternate-reverse}
.molecular-alpine-rose .molecular-near{animation-name:molecular-turn;animation-duration:18s}
@keyframes molecular-sweep{from{transform:translate(-10px,8px) rotate(-2deg) scale(.99)}to{transform:translate(10px,-8px) rotate(2deg) scale(1.02)}}
@keyframes molecular-turn{from{transform:translate(-12px,12px) rotate(-3deg) scale(.99)}to{transform:translate(12px,-12px) rotate(3deg) scale(1.02)}}
@keyframes molecular-counter{from{transform:translate(60px,-55px) rotate(5deg) scale(1.25)}to{transform:translate(32px,-25px) rotate(-5deg) scale(1.18)}}
.pdp-stage.media-failed>.molecular-pattern{display:none}
@media(max-width:1100px) and (min-width:721px){.line-chapter .chapter-stage{height:570px;min-block-size:570px;padding:62px 20px 30px;gap:24px}}
@media(max-width:720px){.line-chapter .chapter-stage{height:440px;min-block-size:440px;padding:48px 14px 22px;gap:18px}.molecular-solid{stroke-width:2.7}.molecular-near{animation-duration:18s}.molecular-far{opacity:.16}.molecular-shadow{stroke-width:3}}
@media(prefers-reduced-motion:reduce){.molecular-network{animation:none!important}}

/* 015: shared atmosphere, source-preserving pack silhouettes and a continuous floor. */
html.motion-running{scroll-behavior:smooth}
.collection-worlds{position:relative;isolation:isolate;background:white}
.collection-worlds>.line-chapter,.collection-worlds>.specialty,.collection-worlds>.sacran-feature{border:0;scroll-margin-top:0}
.collection-worlds>.line-chapter{background:linear-gradient(180deg,#fff0,var(--molecular-paper) 30%,var(--molecular-paper) 70%,#fff0)}
.collection-worlds.world-enhanced>.line-chapter,.collection-worlds.world-enhanced>.specialty,.collection-worlds.world-enhanced>.sacran-feature{background:transparent}
.collection-worlds>.specialty{background:linear-gradient(#fff0,#fff)}
.line-chapter .chapter-stage{background:transparent;padding:0;gap:0;height:640px;min-block-size:640px;overflow:visible}
.chapter-stage:after{content:'';position:absolute;inset:55% -8% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 75%,#ffffffa0,transparent 68%);mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}
.line-chapter .chapter-pack{display:flex;position:relative;justify-content:center;align-items:center;background:transparent;outline:0;box-shadow:none;overflow:visible;height:540px!important;z-index:1}
.line-chapter .chapter-pack.pack-1{margin-top:65px}
.line-chapter .chapter-pack span:not(.scene-object){background:transparent;border:0;flex:none;display:block;width:100%;text-align:center;font-size:13px;max-width:260px;padding:12px;line-height:1.7}
.line-chapter .chapter-pack:hover,.line-chapter .chapter-pack:focus-visible{transform:none}
.line-chapter .chapter-pack:focus-visible{outline:2px solid var(--line-ink);outline-offset:3px;border-radius:8px}
.scene-object{position:relative;display:block;flex:none;aspect-ratio:1;width:100%;isolation:isolate;pointer-events:none;transform-origin:50% 85%}
.scene-clip-defs{position:absolute;overflow:hidden;pointer-events:none}
.scene-object.media-unavailable:after{display:none}
.scene-object>.scene-image-failure{position:absolute;inset:30% 10%;text-align:center;align-content:center;color:inherit;font-size:13px}
.scene-object>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;mix-blend-mode:normal;background:transparent;transform:none;transition:none}
.scene-object:after{content:'';position:absolute;z-index:-1;left:var(--foot-x,50%);top:var(--foot-y,88%);width:calc(var(--foot-w,20%)*1.3);height:3%;translate:-50% -25%;background:radial-gradient(ellipse,#0004 0%,#0002 35%,transparent 72%);pointer-events:none}
.line-chapter .chapter-pack>.scene-object{width:540px;height:540px;max-width:none;margin:-25px 0 0;padding:0;display:block;flex:none;background:transparent;border:0}
.chapter-pack .scene-object>img{height:100%;width:100%;object-fit:contain}
.motion-running .chapter-pack:hover .scene-object>img,.motion-running .chapter-pack:focus-visible .scene-object>img{transform:none}
.specialty-product{background:transparent;overflow:visible}
.specialty-product .scene-object{max-width:460px;margin-inline:auto}
.specialty-product .scene-object>img{height:100%;width:100%;background:transparent;object-fit:contain}
.sacran-photo:has(.scene-object){background:transparent;border-radius:0;box-shadow:none;margin:15px;overflow:visible}
.sacran-photo .scene-object{width:100%;height:100%}
.sacran-photo .scene-object>img{animation:none!important;transform:none;height:100%;object-fit:contain}
.sacran-photo .scene-object:after{background:radial-gradient(ellipse,#0009,transparent 70%);height:4%}
.sacran-panels{border-radius:0;margin-inline:calc(-1*var(--gutter))}
.sacran-panel{padding-inline:var(--gutter)}
.sacran-panels:after{content:'';position:absolute;inset:auto 0 0;height:45px;background:linear-gradient(transparent,var(--world-color,#fff));pointer-events:none;z-index:4}
.pdp-stage .pdp-pack-frame:has(.scene-object){border-radius:0;background:transparent;box-shadow:none;overflow:visible;width:100%;height:auto;aspect-ratio:1;animation:none!important}
.pdp-stage .scene-object{width:100%;height:auto;aspect-ratio:1}
.product-detail .pdp-stage .scene-object>.pdp-pack{width:100%;height:100%;object-fit:contain;transform:none;transition:transform .6s cubic-bezier(.22,.7,.2,1)}
.product-detail .pdp-stage.pack-detail .scene-object>.pdp-pack{transform:scale(1.55);transform-origin:50% 57%}
.pdp-stage.pack-detail .scene-object:after{opacity:0}
.pdp-stage{background:radial-gradient(ellipse at 50% 80%,white,var(--scene-paper) 75%)!important}
.theme-sacran .pdp-stage{background:#111!important}
.pdp-stage:has(.scene-object):after{display:none}
@media(min-width:1700px){.line-chapter .chapter-pack>.scene-object{width:620px;height:620px}.line-chapter .chapter-pack{height:600px!important}.line-chapter .chapter-stage{height:720px;min-block-size:720px}}
@media(max-width:1100px) and (min-width:721px){.line-chapter .chapter-pack>.scene-object{width:430px;height:430px}.line-chapter .chapter-pack{height:450px!important}.line-chapter .chapter-stage{height:560px;min-block-size:560px}}
@media(max-width:720px){
 .collection-worlds>.line-chapter,.collection-worlds>.specialty,.collection-worlds>.sacran-feature{scroll-margin-top:0}
 .line-chapter .chapter-stage{height:400px;min-block-size:400px;padding:0;gap:0;overflow:hidden}
 .line-chapter .chapter-pack>.scene-object{width:350px;height:350px;margin-top:0}
 .line-chapter .chapter-pack{height:340px!important}.line-chapter .chapter-pack.pack-1{margin-top:30px}
 .line-chapter .chapter-pack span:not(.scene-object){font-size:11px;padding:8px 4px}
 .sacran-photo:has(.scene-object){margin:0 15px;height:340px;aspect-ratio:auto}
 .sacran-photo .scene-object{width:340px;height:340px}
 .pdp-stage .pdp-pack-frame:has(.scene-object){width:420px;height:420px;max-width:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.scene-object{transform:none!important}.scene-object>img{transition:none!important}}

[data-scene-cutout="clip-vitamin-c-serum"]{clip-path:url(#clip-vitamin-c-serum)}
.scene-object[data-pack="vitamin-c-serum"]{--foot-x:49.964%;--foot-y:88.143%;--foot-w:20.786%}
[data-scene-cutout="clip-vitamin-c-micellar"]{clip-path:url(#clip-vitamin-c-micellar)}
.scene-object[data-pack="vitamin-c-micellar"]{--foot-x:49.964%;--foot-y:88.929%;--foot-w:18.643%}
[data-scene-cutout="clip-vitamin-c-toner"]{clip-path:url(#clip-vitamin-c-toner)}
.scene-object[data-pack="vitamin-c-toner"]{--foot-x:49.964%;--foot-y:88.929%;--foot-w:18.643%}
[data-scene-cutout="clip-vitamin-c-sunscreen"]{clip-path:url(#clip-vitamin-c-sunscreen)}
.scene-object[data-pack="vitamin-c-sunscreen"]{--foot-x:49.857%;--foot-y:91.214%;--foot-w:19.714%}
[data-scene-cutout="clip-vitamin-c-foam"]{clip-path:url(#clip-vitamin-c-foam)}
.scene-object[data-pack="vitamin-c-foam"]{--foot-x:49.893%;--foot-y:88.929%;--foot-w:19.357%}
[data-scene-cutout="clip-niacinamide-micellar"]{clip-path:url(#clip-niacinamide-micellar)}
.scene-object[data-pack="niacinamide-micellar"]{--foot-x:49.964%;--foot-y:88.929%;--foot-w:18.643%}
[data-scene-cutout="clip-niacinamide-toner"]{clip-path:url(#clip-niacinamide-toner)}
.scene-object[data-pack="niacinamide-toner"]{--foot-x:49.964%;--foot-y:88.929%;--foot-w:18.643%}
[data-scene-cutout="clip-niacinamide-sunscreen"]{clip-path:url(#clip-niacinamide-sunscreen)}
.scene-object[data-pack="niacinamide-sunscreen"]{--foot-x:49.964%;--foot-y:90.071%;--foot-w:18.071%}
[data-scene-cutout="clip-niacinamide-foam"]{clip-path:url(#clip-niacinamide-foam)}
.scene-object[data-pack="niacinamide-foam"]{--foot-x:49.893%;--foot-y:88.929%;--foot-w:19.357%}
[data-scene-cutout="clip-niacinamide-serum"]{clip-path:url(#clip-niacinamide-serum)}
.scene-object[data-pack="niacinamide-serum"]{--foot-x:49.964%;--foot-y:88.143%;--foot-w:20.786%}
[data-scene-cutout="clip-niacinamide-moisturizer"]{clip-path:url(#clip-niacinamide-moisturizer)}
.scene-object[data-pack="niacinamide-moisturizer"]{--foot-x:49.927%;--foot-y:91.336%;--foot-w:19.677%}
[data-scene-cutout="clip-niacinamide-primer"]{clip-path:url(#clip-niacinamide-primer)}
.scene-object[data-pack="niacinamide-primer"]{--foot-x:49.927%;--foot-y:91.336%;--foot-w:19.677%}
[data-scene-cutout="clip-hyaluronic-acid-micellar"]{clip-path:url(#clip-hyaluronic-acid-micellar)}
.scene-object[data-pack="hyaluronic-acid-micellar"]{--foot-x:49.964%;--foot-y:88.929%;--foot-w:18.643%}
[data-scene-cutout="clip-hyaluronic-acid-toner"]{clip-path:url(#clip-hyaluronic-acid-toner)}
.scene-object[data-pack="hyaluronic-acid-toner"]{--foot-x:49.964%;--foot-y:88.929%;--foot-w:18.643%}
[data-scene-cutout="clip-hyaluronic-acid-sunscreen"]{clip-path:url(#clip-hyaluronic-acid-sunscreen)}
.scene-object[data-pack="hyaluronic-acid-sunscreen"]{--foot-x:49.893%;--foot-y:91.214%;--foot-w:19.786%}
[data-scene-cutout="clip-hyaluronic-acid-foam"]{clip-path:url(#clip-hyaluronic-acid-foam)}
.scene-object[data-pack="hyaluronic-acid-foam"]{--foot-x:49.893%;--foot-y:88.929%;--foot-w:19.357%}
[data-scene-cutout="clip-hyaluronic-acid-serum"]{clip-path:url(#clip-hyaluronic-acid-serum)}
.scene-object[data-pack="hyaluronic-acid-serum"]{--foot-x:40.714%;--foot-y:85.571%;--foot-w:20.714%}
[data-scene-cutout="clip-hyaluronic-acid-moisturizer"]{clip-path:url(#clip-hyaluronic-acid-moisturizer)}
.scene-object[data-pack="hyaluronic-acid-moisturizer"]{--foot-x:49.927%;--foot-y:91.336%;--foot-w:19.677%}
[data-scene-cutout="clip-hyaluronic-acid-primer"]{clip-path:url(#clip-hyaluronic-acid-primer)}
.scene-object[data-pack="hyaluronic-acid-primer"]{--foot-x:49.927%;--foot-y:91.336%;--foot-w:19.677%}
[data-scene-cutout="clip-alpine-rose-serum"]{clip-path:url(#clip-alpine-rose-serum)}
.scene-object[data-pack="alpine-rose-serum"]{--foot-x:49.964%;--foot-y:88.143%;--foot-w:20.500%}
[data-scene-cutout="clip-retinol-serum"]{clip-path:url(#clip-retinol-serum)}
.scene-object[data-pack="retinol-serum"]{--foot-x:49.964%;--foot-y:88.143%;--foot-w:20.500%}
[data-scene-cutout="clip-alpha-arbutin-serum"]{clip-path:url(#clip-alpha-arbutin-serum)}
.scene-object[data-pack="alpha-arbutin-serum"]{--foot-x:50.000%;--foot-y:88.286%;--foot-w:20.714%}
[data-scene-cutout="clip-azelaic-acid-serum"]{clip-path:url(#clip-azelaic-acid-serum)}
.scene-object[data-pack="azelaic-acid-serum"]{--foot-x:50.000%;--foot-y:88.389%;--foot-w:20.755%}
[data-scene-cutout="clip-charcoal-foam"]{clip-path:url(#clip-charcoal-foam)}
.scene-object[data-pack="charcoal-foam"]{--foot-x:49.964%;--foot-y:88.857%;--foot-w:19.500%}
[data-scene-cutout="clip-sacran-foam"]{clip-path:url(#clip-sacran-foam)}
.scene-object[data-pack="sacran-foam"]{--foot-x:49.927%;--foot-y:89.067%;--foot-w:19.388%}
[data-scene-cutout="clip-retinol-eye-cream"]{clip-path:url(#clip-retinol-eye-cream)}
.scene-object[data-pack="retinol-eye-cream"]{--foot-x:50.583%;--foot-y:86.880%;--foot-w:11.953%}
[data-scene-cutout="clip-sacran-serum"]{clip-path:url(#clip-sacran-serum)}
.scene-object[data-pack="sacran-serum"]{--foot-x:50.000%;--foot-y:88.389%;--foot-w:20.755%}
[data-scene-cutout="clip-sacran-cream"]{clip-path:url(#clip-sacran-cream)}
.scene-object[data-pack="sacran-cream"]{--foot-x:49.854%;--foot-y:91.374%;--foot-w:19.591%}
/* 017: distinct, restrained line rhythms inside unchanged stationary label guards. */
.scene-object>.pack-foreground{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden;color:var(--front-color);opacity:.92;--front-step:1px;--front-turn:1deg}
.foreground-links{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.foreground-nodes{stroke:var(--front-deep);stroke-width:.35}
.foreground-shadow{fill:none;stroke:var(--front-deep);stroke-width:3.5;opacity:.16;transform:translate(2px,3px)}
.foreground-drift{transform-origin:50% 50%;animation:foreground-float 17s ease-in-out infinite alternate;animation-play-state:paused}
.motion-running .scene-in-view:not(.media-failed) .foreground-drift{animation-play-state:running}
.scene-object[data-pack$="foam"] .foreground-drift{animation-delay:-6s}
[data-foreground-line="vitamin-c"] .foreground-drift{animation-name:front-c-orbit;animation-duration:18s}
[data-foreground-line="niacinamide"] .foreground-drift{animation-name:front-nia-glide;animation-duration:23s}
[data-foreground-line="hyaluronic-acid"] .foreground-drift{animation-name:front-ha-wave;animation-duration:20s}
[data-foreground-line="sacran"] .foreground-drift{animation-name:front-sacran-tide;animation-duration:27s}
[data-foreground-line="retinol"] .foreground-drift{animation-name:front-retinol-rise;animation-duration:25s}
[data-foreground-line="alpine-rose"] .foreground-drift{animation-name:front-rose-unfold;animation-duration:22s}
@keyframes front-c-orbit{from{transform:translate(calc(-6*var(--front-step)),calc(4*var(--front-step))) rotate(calc(-1.3*var(--front-turn)))}to{transform:translate(calc(6*var(--front-step)),calc(-4*var(--front-step))) rotate(calc(1.3*var(--front-turn)))}}
@keyframes front-nia-glide{from{transform:translateX(calc(-10*var(--front-step)))}to{transform:translateX(calc(10*var(--front-step)))}}
@keyframes front-ha-wave{0%{transform:translate(calc(-6*var(--front-step)),calc(8*var(--front-step)))}50%{transform:translate(calc(4*var(--front-step)),calc(-2*var(--front-step))) rotate(calc(.6*var(--front-turn)))}100%{transform:translate(calc(7*var(--front-step)),calc(-10*var(--front-step))) rotate(calc(-.6*var(--front-turn)))}}
@keyframes front-sacran-tide{from{transform:translate(calc(-5*var(--front-step)),calc(6*var(--front-step))) rotate(calc(-.5*var(--front-turn)))}to{transform:translate(calc(8*var(--front-step)),calc(-6*var(--front-step))) rotate(calc(.5*var(--front-turn)))}}
@keyframes front-retinol-rise{from{transform:translateY(calc(10*var(--front-step)))}to{transform:translateY(calc(-10*var(--front-step)))}}
@keyframes front-rose-unfold{from{transform:rotate(calc(-1*var(--front-turn))) scale(.99)}to{transform:rotate(calc(1*var(--front-turn))) scale(1.01)}}
@keyframes foreground-float{from{transform:translate(-5px,7px)}to{transform:translate(7px,-9px)}}
.pack-detail .pack-foreground,.media-failed .pack-foreground,.media-unavailable .pack-foreground{display:none}
@media(max-width:720px){.scene-object>.pack-foreground{opacity:.84;--front-step:.55px;--front-turn:.55deg}}
@keyframes foreground-float-mobile{from{transform:translate(-3px,4px)}to{transform:translate(4px,-5px)}}
@media(prefers-reduced-motion:reduce){.foreground-drift{animation:none!important}.foreground-react{transform:none!important}}

/* 019: six line signatures; integrated photographic collection and serum worlds. */
.line-emblem{display:block;width:70px;height:70px;flex:none;color:var(--line-accent,var(--scene-accent,#565859));margin-block-end:22px;pointer-events:none}
.chapter-stage>.line-emblem,.sacran-panels>.line-emblem{display:none}
.chapter-copy .line-emblem{color:var(--line-ink)}
.pdp-stage>.line-emblem{position:absolute;top:25px;inset-inline-end:25px;z-index:3;width:54px;height:54px;color:var(--pdp-line-color);margin:0}
.sacran-story .line-emblem{color:#c0cbce}
.specialty-product>.line-emblem{margin:0 auto 16px;color:#565859}
.specialty-product>.emblem-retinol{color:#3a4731}.specialty-product>.emblem-alpine-rose{color:#89103c}
.pack-foreground,.product-orbit,.sacran-orbit,.chapter-letter{display:none!important}
.chapter-stage>.silver-atmosphere,.sacran-panels>.silver-atmosphere,.pdp-stage>.silver-atmosphere{display:none}
.chapter-vitamin-c .chapter-stage{background:#f2e9e7;overflow:hidden;height:640px;min-block-size:640px}
.chapter-vitamin-c .chapter-stage:after{display:none}
.chapter-vitamin-c .chapter-pack{height:620px!important;justify-content:flex-end}
.chapter-vitamin-c .chapter-pack.pack-1{margin-top:0}
.chapter-vitamin-c .chapter-pack>.scene-object{width:500px;height:500px;margin:0}
.chapter-vitamin-c .chapter-pack span:not(.scene-object){min-height:50px;color:#420a0f;font-size:12px}
.chapter-vitamin-c .scene-object:after{height:4%;background:radial-gradient(ellipse,#420a0f65,transparent 70%)}
.theme-vitamin-c .pdp-stage{background:#f2e9e7!important}
.theme-sacran .pdp-stage{background:#111!important}
.theme-sacran .pdp-stage:before{display:none}
.theme-sacran .pdp-stage>.line-emblem{color:#c0cbce}
.sacran-material{display:none}
.sacran-panel{background:#111!important;padding-inline:0;grid-template-columns:1fr 1fr;gap:0}
.sacran-photo:has(.scene-object){background:#111;margin:0;border-radius:0;width:100%;aspect-ratio:1;height:auto;align-self:stretch}
.sacran-photo .scene-object{width:100%;height:100%;aspect-ratio:1}
.sacran-story{padding:60px;align-items:center}
.scene-object{transform:none!important}
.line-chapter .chapter-pack>.scene-object{position:relative}
.chapter-niacinamide .chapter-stage,.chapter-hyaluronic .chapter-stage{background:radial-gradient(ellipse at 50% 80%,#fff8,transparent 70%)}
.pdp-stage.pack-detail{background-size:cover!important}
.integrated-pack:after{display:none!important}
.integrated-pack>img{clip-path:none;object-fit:cover}
.integrated-pack>img[hidden]{display:none!important}
.product-detail .pdp-stage.pack-detail .integrated-pack>.pdp-pack{transform:none;object-fit:contain;background:white}
.pdp-stage:has(.integrated-pack){aspect-ratio:1;height:auto!important}
.pdp-stage .pdp-pack-frame:has(.integrated-pack){width:100%;height:auto;aspect-ratio:1}
.pdp-stage>.line-emblem{background:#ffffffdd;padding:8px;border-radius:0;color:#111!important}
.line-chapter .chapter-stage.integrated-collection{display:block;height:auto;min-block-size:0;background:transparent;overflow:visible;align-self:center}
.integrated-group-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.integrated-group-photo[hidden]{display:none!important}
.integrated-group-failure{min-height:300px;display:grid;place-items:center;font-size:14px;padding:30px;border:1px solid #420a0f40}
.integrated-group-failure[hidden]{display:none!important}
.integrated-product-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:18px}
.integrated-product-links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;font-size:12px;text-decoration:none;border-bottom:1px solid #420a0f40;color:#420a0f}
.integrated-product-links a:hover{text-decoration:underline}
.integrated-product-links a:focus-visible{outline:2px solid #420a0f;outline-offset:4px}
.sacran-photo:has(.integrated-pack){background:#111;overflow:hidden}
.sacran-photo .integrated-pack{width:100%;height:auto;aspect-ratio:1}
@media(max-width:1100px){.chapter-vitamin-c .chapter-stage{height:540px;min-block-size:540px}.chapter-vitamin-c .chapter-pack{height:525px!important}.chapter-vitamin-c .chapter-pack>.scene-object{width:430px;height:430px}.sacran-story{padding:32px}}
@media(max-width:720px){
 .line-emblem{width:54px;height:54px;margin-block-end:18px}
 .chapter-vitamin-c .chapter-stage{height:400px;min-block-size:400px;margin-inline:-24px}
 .chapter-vitamin-c .chapter-pack{height:390px!important}.chapter-vitamin-c .chapter-pack>.scene-object{width:350px;height:350px}
 .chapter-vitamin-c .chapter-pack span:not(.scene-object){font-size:10px;min-height:45px}
 .sacran-panel{grid-template-columns:1fr}
 .sacran-photo:has(.scene-object){max-width:none;width:100%;height:auto;aspect-ratio:1}
 .sacran-photo .scene-object{width:100%;height:100%}
 .sacran-story{padding:30px 24px}
 .sacran-story .line-emblem{width:45px;height:45px}
 .pdp-stage>.line-emblem{width:40px;height:40px;top:20px;inset-inline-end:20px}
 .line-chapter .chapter-stage.integrated-collection{margin-inline:0;height:auto;min-block-size:0}
 .integrated-product-links{gap:15px;padding-top:10px}
 .integrated-product-links a{font-size:11px}
 .pdp-stage .pdp-pack-frame:has(.integrated-pack){width:100%;height:auto;max-width:100%}
}

/* Complete photographs move as one image; packaging is never detached from its set. */
.line-chapter .chapter-stage.integrated-collection{padding:0}
.line-chapter .chapter-stage.integrated-collection:after{display:none}
.integrated-product-links a{color:var(--line-ink,#111);border-color:currentColor}
.integrated-product-links a:focus-visible{outline-color:currentColor}
.specialty-edit{max-width:1200px;padding:0;gap:40px}
.specialty-product .integrated-pack{width:100%;max-width:none;height:auto;aspect-ratio:1;overflow:hidden;margin-block-end:24px}
.specialty-product .integrated-pack>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:720px){.specialty-edit{grid-template-columns:1fr;gap:48px}.specialty-product .integrated-pack{margin-block-end:18px}}

/* Keep whole photographed sets together in catalogue and related-product views. */
.catalogue-thumb.product-scene-photo{object-fit:contain;mix-blend-mode:normal;filter:none}
.pdp-related-item img.product-scene-photo{display:block;height:auto;width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;filter:none}

/* 022: editorial graphics, finite motion and readable resting states. */
/* Retire accumulated ambient keyframes; interaction uses bounded WAAPI/CSS transitions. */
.motion-running *,.motion-running *::before,.motion-running *::after{animation:none!important}
.cinema .cinema-image{transform:scale(1.04)}
.cinema .scene-copy{max-inline-size:850px}
.silver-atmosphere,.product-orbit,.sacran-orbit{display:none!important}
.pdp-stage::after{display:none!important}
.pdp-pack-frame{transition:none}
.collection-worlds{background:#fff}
.editorial-rule{display:block;width:84px;height:2px;margin-block:0 28px;background:currentColor;opacity:.55;transform-origin:center}
.chapter-copy>.line-emblem{width:100px;height:100px;margin-block:0 28px;padding:16px;border:1px solid currentColor;border-radius:50%;opacity:.85}
.chapter-copy{position:relative}
.chapter-copy h2{letter-spacing:-.025em}
html[dir=rtl] .chapter-copy h2{letter-spacing:normal}
.chapter-stage.integrated-collection{position:relative;border:1px solid #1112;padding:10px!important}
.chapter-stage.integrated-collection::before{content:"";position:absolute;inset:20px -12px -12px 20px;border-inline-end:1px solid var(--line-ink,#111);border-block-end:1px solid var(--line-ink,#111);opacity:.22;pointer-events:none;z-index:-1}
.integrated-product-links a{position:relative;gap:18px;padding-block:12px}
.integrated-product-links a::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .28s ease}
.integrated-product-links a:hover::after,.integrated-product-links a:focus-visible::after{transform:scaleX(1)}
.sacran-story .line-emblem{width:72px;height:72px;opacity:.85}
.sacran-story .editorial-rule{background:#c0cbce}
.sacran-picker button[aria-pressed=true]{box-shadow:inset 0 -2px currentColor}
.sacran-photo{box-shadow:none}
.pdp-stage>.line-emblem{border:1px solid #1113;padding:10px;background:#ffffffed;width:64px;height:64px}
.formula-heading::before{display:none}
.pdp-related-item{transition:transform .25s ease}
.catalogue-product>summary{transition:background-color .2s ease}
.catalogue-product[open]>summary{background:#11106}
.collection-rail a{position:relative}
.collection-rail a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transition:transform .3s ease}
.collection-rail a[aria-current=location]::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
 .motion-running .pdp-related-item:hover{transform:translateY(-4px)}
 .motion-running .chapter-copy>.line-emblem{transition:transform .4s ease}
 .motion-running .chapter-copy:hover>.line-emblem{transform:rotate(-8deg)}
}
.motion-running .pdp-related-item:focus-visible{transform:translateY(-4px)}
@media(max-width:720px){
 .chapter-copy>.line-emblem{width:72px;height:72px;padding:12px;margin-block-end:20px}
 .chapter-stage.integrated-collection{padding:6px!important}
 .chapter-stage.integrated-collection::before{inset:14px -6px -6px 14px}
 .pdp-stage>.line-emblem{width:48px;height:48px;padding:8px}
 .editorial-rule{width:56px;margin-block-end:20px}
}
@media(prefers-reduced-motion:reduce){
 .editorial-rule,.line-emblem,.pdp-related-item,.integrated-product-links a::after,.collection-rail a::after{transition:none!important}
}

/* 023: light travels across the complete photograph, never separating pack from set. */
.integrated-collection,.pdp-pack-frame,.specialty-product,.sacran-photo{position:relative;isolation:isolate}
.motion-sweep{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(105deg,transparent 20%,#ffffff65 48%,transparent 76%);transform:translateX(-110%)}
.integrated-collection>.motion-sweep{inset:10px 10px auto;height:auto;aspect-ratio:1}
.specialty-product>.motion-sweep{bottom:auto;aspect-ratio:1}
.sacran-photo,.pdp-pack-frame,.integrated-collection,.specialty-product{overflow:hidden!important}
.chapter-copy>.line-emblem{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.scene-link::after,.line-action span{transition:transform .3s ease}
.scene-link:hover::after,.scene-link:focus-visible::after{transform:rotate(90deg)}
.motion-paused .motion-sweep{display:none}
@media(max-width:720px){.integrated-collection>.motion-sweep{inset:6px 6px auto}}
@media(prefers-reduced-motion:reduce){.motion-sweep{display:none}}

/* 024: each chapter starts at the preceding chapter's resting colour. No colour animation. */
.collection-worlds>.chapter-vitamin-c{background:linear-gradient(#fff 0%,#f2e9e7 24%,#f2e9e7 100%)}
.collection-worlds>.chapter-niacinamide{background:linear-gradient(#f2e9e7 0%,#f2e3d3 28%,#f2e3d3 100%)}
.collection-worlds>.chapter-hyaluronic{background:linear-gradient(#f2e3d3 0%,#eef1f0 28%,#eef1f0 100%)}
.collection-worlds>.specialty{background:linear-gradient(#eef1f0 0%,#fff 45%)}
.line-filters button{position:relative}
.line-filters button::after{content:"";position:absolute;inset-inline:14px;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .28s ease}
.line-filters button[aria-pressed=true]::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.line-filters button::after{transition:none}}

/* A reachable language switch without scrolling away from the reading position. */
.locale-dock{position:fixed;inset-inline-end:16px;inset-block-end:16px;z-index:25;background:var(--paper);color:var(--ink);border:1px solid var(--line);font-size:12px;box-shadow:0 3px 12px #181d1b12}
.locale-dock>summary{padding:10px 16px;min-block-size:44px;list-style:none}
.locale-dock>summary::-webkit-details-marker{display:none}
.locale-dock>summary::after{content:' +';margin-inline-start:8px}
.locale-dock[open]>summary::after{content:' −'}
.locale-dock .languages{position:absolute;inset-inline-end:-1px;inset-block-end:100%;background:var(--paper);border:1px solid var(--line);padding:8px;min-inline-size:170px;display:grid;grid-template-columns:1fr 1fr}
.locale-dock .languages a{justify-content:center;min-block-size:44px}
@media(max-width:720px){.locale-dock{inset-inline-end:10px;inset-block-end:max(10px,env(safe-area-inset-bottom));font-size:11px}}

/* Source-led thumbnails and finite, compositor-only result feedback. */
.catalogue-tools>[data-catalogue-clear]{justify-self:start;min-height:44px}
.catalogue-thumb{object-fit:contain;background:#fff}
.image-review{padding:clamp(20px,5vw,80px);background:var(--porcelain)}
.image-review main{max-width:1280px;margin:auto}
.image-review h1{font-size:clamp(32px,4vw,60px);max-inline-size:24ch;margin-block:24px}
.image-review main>p{max-width:72ch;margin-block:22px}
.image-review section{margin-block:55px}
.image-review h2{font-size:26px;margin-block:20px}
.image-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.image-review-pair img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.image-review-pair figcaption{padding-block:16px;font-size:14px}
@media(max-width:600px){.image-review-pair{grid-template-columns:1fr;gap:15px}}
.image-review-new figure{max-width:740px;margin:0 auto}
.image-review-new img{display:block;width:100%;height:auto}
.image-review-new figcaption{margin-top:16px;line-height:1.8}

/* Photograph and packaging stay together; no crop, effect layer or 3D canvas. */
.ingredient-study>p,.ingredient-study-intro>p{max-width:75ch;line-height:1.8;margin-block:20px}
.ingredient-study-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.ingredient-study-pack{display:block;width:min(100%,440px);height:auto}
.ingredient-study details,.previous-studies{margin-block:24px;border-block-start:1px solid #ccc;padding-block:20px}
.ingredient-study summary,.previous-studies>summary{cursor:pointer;font-size:16px;padding:14px 0}
.ingredient-study summary:focus-visible,.previous-studies>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.study-jump{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:28px 48px;line-height:1.6}
.study-jump a{padding-block:10px;text-decoration:underline;text-underline-offset:5px}
.study-jump a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ingredient-companion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;margin-block-start:32px}
.ingredient-companion{margin:0;min-width:0}
.ingredient-companion img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.ingredient-companion figcaption{padding-block:20px;max-width:70ch}
.ingredient-companion figcaption h3{font-size:clamp(18px,2vw,26px);margin:0 0 12px;line-height:1.5}
.ingredient-companion figcaption p{font-size:14px;line-height:1.85;margin-block:12px 20px}
.ingredient-companion a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ingredient-product-story>.ingredient-companion{max-width:1120px;margin:32px auto 0}
@media(max-width:720px){.ingredient-companion-grid{grid-template-columns:1fr;gap:32px}}
.ingredient-lead-link{display:block}
.ingredient-lead-link:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.ingredient-collection .integrated-group-photo{aspect-ratio:3/2;object-fit:contain}
.integrated-pack:has(>[data-ingredient-scene]){aspect-ratio:3/2!important}
.integrated-pack>[data-ingredient-scene]{width:100%;height:auto!important;aspect-ratio:3/2!important;object-fit:contain!important}
.pdp-stage:has([data-ingredient-scene]),
.pdp-stage .pdp-pack-frame:has([data-ingredient-scene]){aspect-ratio:3/2!important}
.pdp-stage.pack-detail:has([data-ingredient-scene]),
.pdp-stage.pack-detail .pdp-pack-frame:has([data-ingredient-scene]),
.pdp-stage.pack-detail .integrated-pack:has([data-ingredient-scene]){aspect-ratio:1!important}
.pdp-stage.pack-detail [data-original-pack]{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.sacran-panel:has([data-ingredient-scene]){grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr);background:#111}
.sacran-photo:has([data-ingredient-scene]){aspect-ratio:3/2;height:auto!important;align-self:center}
.specialty-product:has([data-ingredient-scene]){align-self:start}
.specialty-product .integrated-pack:has([data-ingredient-scene]){margin-block-end:18px}
/* 069: mixed source ratios share one homepage card frame. Center crop only
   the landscape scenery; the full bottle remains visible. Full-source images
   stay unchanged in product galleries and ingredient stories. */
.specialty-edit .specialty-product .integrated-pack{aspect-ratio:1!important;margin-block-end:24px}
.specialty-edit .specialty-product .integrated-pack>img{width:100%;height:auto!important;aspect-ratio:1!important;object-fit:cover!important;object-position:center}
.pdp-related-item img[data-ingredient-scene]{aspect-ratio:3/2;object-fit:contain}
@media(max-width:720px){
 .sacran-panel:has([data-ingredient-scene]){grid-template-columns:1fr}
 .sacran-photo:has([data-ingredient-scene]){width:100%;max-width:none}
}

/* Neutral, existing-brand surfaces; imagery retains its own colours. */
.product-image-gallery .gallery-viewport{display:block!important;width:100%;height:auto!important;aspect-ratio:auto!important;border-radius:0!important;background:var(--pdp-bg)!important;border:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.gallery-slide{position:relative;width:100%;aspect-ratio:1;background:#fff}
.gallery-slide img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;user-select:none}
.gallery-slide[hidden]{display:none!important}
.gallery-slide .gallery-broken{visibility:hidden}
.gallery-image-error{position:absolute;inset:0;align-content:center;padding:28px;text-align:center;background:#fff;color:#111}
.gallery-image-error[hidden]{display:none}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:14px;border-block-end:1px solid currentColor}
.gallery-toolbar button,.gallery-footer button{min-height:44px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;font-size:12px;padding:8px}
.gallery-toolbar p{margin:0;font-size:12px;text-align:center}
.gallery-thumbnails{display:flex;gap:10px;margin-block:16px}
.gallery-thumbnails button{flex:1;min-width:0;max-width:180px;padding:6px;background:transparent;border:1px solid transparent;border-block-end:2px solid transparent;color:inherit;font:inherit;cursor:pointer}
.gallery-thumbnails button[aria-pressed=true]{border-color:currentColor}
.gallery-thumbnails img{width:100%;height:64px;object-fit:contain;background:#fff;display:block}
.gallery-thumbnails span{display:block;font-size:12px;line-height:1.5;margin-block-start:8px}
.gallery-hint{font-size:11px;opacity:.8;margin-block:10px}
.gallery-footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-block-start:1px solid currentColor}
.product-image-gallery button:focus-visible,.ingredient-companion button:focus-visible,.ingredient-companion summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.story-image{position:relative}
.story-points{position:absolute;inset-inline-start:14px;inset-block-end:14px;display:flex;gap:8px;direction:ltr}
.story-points button{min-width:44px;min-height:44px;border:1px solid #111;background:#fff;color:#111;border-radius:50%;font:400 13px DM,sans-serif;cursor:pointer}
.story-points button[aria-expanded=true]{background:#111;color:#fff}
.story-disclosures{border-block-start:1px solid #1114;color:inherit}
.story-disclosures details{border-block-end:1px solid #1114}
.story-disclosures summary{min-height:52px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:14px;padding-block:10px}
.story-disclosures summary::-webkit-details-marker{display:none}
.story-disclosures summary::after{content:'+';margin-inline-start:auto;font-size:22px;font-weight:300}
.story-disclosures details[open] summary::after{content:'−'}
.story-number{font:400 12px DM,sans-serif;opacity:.65}
.story-copy{padding:0 0 18px;font-size:14px;line-height:1.85}
.story-copy ul{padding-inline-start:20px;overflow-wrap:anywhere}
.ingredient-companion .story-copy p{margin-block:8px}
.ingredient-companion figcaption{text-align:start!important}
@media(max-width:720px){.gallery-toolbar button{font-size:11px}.gallery-thumbnails{gap:6px}.story-points{inset-inline-start:10px;inset-block-end:10px}.gallery-thumbnails img{height:54px}}

html:has(.page-home){scrollbar-gutter:stable}
html:has(.page-compare){scrollbar-gutter:stable}
.compare-table .quick-preview-trigger{display:flex;width:fit-content;margin-block:12px 0;white-space:normal;text-align:start;font-weight:400}
html.quick-preview-open{overflow:hidden}
.quick-preview-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;margin-block:12px;border:1px solid currentColor;color:inherit;background:transparent;font:inherit;font-size:13px;cursor:pointer}
.quick-preview-trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.quick-link-pair,.quick-specialty{min-width:0}.quick-specialty{text-align:center}
.quick-specialty .specialty-product{width:100%;grid-column:auto}
.catalogue-product .quick-preview-trigger,.ingredient-companion .quick-preview-trigger{margin-inline-start:16px}
#quick-preview{inset:0;margin:auto;padding:0;width:min(960px,calc(100% - 40px));max-width:none;max-height:90dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #c0cbce;background:#fff;color:#111;border-radius:0;text-align:start;box-shadow:none}
#quick-preview:not([open]){display:none!important}
#quick-preview::backdrop{background:rgb(0 0 0 / .5)}
.quick-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:#fff;border-block-end:1px solid #c0cbce;font-size:12px}
.quick-toolbar button{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px;border:0;color:#111;font:inherit}.quick-toolbar button span{font-size:25px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:28px}
.quick-image{margin:0;min-width:0;position:relative}.quick-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.quick-image figcaption{font-size:11px;line-height:1.7;padding-top:10px;color:#565859}
.quick-image-stage{position:relative;aspect-ratio:1;overflow:hidden;background:#fff;touch-action:pan-y pinch-zoom}
.quick-image-stage{direction:ltr}
#quick-preview [data-quick-zoom],#quick-preview .quick-zoom-controls button{min-height:44px;padding:8px 12px;border:1px solid #c0cbce;background:#fff;color:#111;font:inherit;font-size:12px}
#quick-preview [data-quick-zoom]{margin-block-end:12px}
.quick-zoom-controls{display:grid;gap:8px;margin-block-end:12px}
.quick-zoom-scale{display:flex;align-items:center;justify-content:space-between;gap:8px}
#quick-preview .quick-zoom-controls p{font-size:12px;line-height:1.6;margin:0}
#quick-preview .quick-zoom-controls button:disabled{opacity:.4}
#quick-preview .quick-zoom-controls[hidden],#quick-preview [data-quick-zoom][hidden],#quick-preview .quick-image-toolbar[hidden],#quick-preview .quick-image-choices[hidden]{display:none!important}
#quick-preview .quick-image-stage.quick-zoomed{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;cursor:grab;scroll-behavior:auto}
#quick-preview .quick-image-stage.quick-zoomed:active{cursor:grabbing}
#quick-preview .quick-image-stage.quick-zoomed img{width:calc(100% * var(--zoom-scale,2));height:calc(100% * var(--zoom-scale,2));max-width:none;max-height:none;inset:auto;top:0;left:0}
#quick-preview .quick-image-stage img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;user-select:none}
#quick-preview .quick-image-stage [data-quick-error]{position:absolute;inset:0;margin:0}
.quick-image-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-block:12px}
#quick-preview .quick-image-toolbar p{font-size:11px;text-align:center;margin:0;line-height:1.6}
#quick-preview .quick-image-toolbar button,#quick-preview .quick-image-choices button{min-height:44px;padding:8px 10px;border:1px solid #c0cbce;background:#fff;color:#111;font:inherit;font-size:12px;cursor:pointer}
.quick-image-choices{display:flex;flex-wrap:wrap;gap:6px}
#quick-preview .quick-image-choices button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
#quick-preview .quick-image-toolbar button:disabled{opacity:.4;cursor:default}
.quick-image [data-quick-error]{min-height:220px;align-content:center;font-size:14px;padding:24px;background:#f5f6f5}
.quick-copy{min-width:0}.quick-copy .quick-eyebrow{font-size:12px;margin-block-end:14px}
.quick-product-title{font-size:clamp(26px,3vw,42px);line-height:1.3;max-inline-size:none}
.quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:20px;margin:20px 0;border-block:1px solid #c0cbce}.quick-facts dt{font-size:12px;color:#565859}.quick-facts dd{margin:5px 0 0;font-size:17px}
.quick-copy h3{font-size:16px}.quick-copy ul{padding-inline-start:20px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#quick-preview .quick-full{display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:48px;background:#111;color:#fff;padding:12px 16px;margin-block-start:24px;font-size:14px;text-decoration:none}
#quick-preview :focus-visible{outline:2px solid #565859;outline-offset:3px}
.quick-languages{display:flex;gap:8px;flex-wrap:wrap;padding:8px 24px;border-block-end:1px solid #c0cbce;background:#fff}
#quick-preview .quick-languages a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:13px;color:#111;text-decoration:none;border:1px solid transparent}
#quick-preview .quick-languages a[aria-current=page]{border-color:#111}
.quick-browse{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 24px;border-block-end:1px solid #c0cbce;background:#fff}
.quick-browse button{min-height:44px;padding:8px 12px;font:inherit;font-size:13px;border:1px solid #c0cbce;color:#111;background:#fff}
.quick-browse button:disabled{opacity:.4;cursor:default}
.quick-browse p{font-size:12px;line-height:1.6;text-align:center;margin:0}
.quick-filter-note{padding:12px 24px;font-size:12px;color:#565859}
@media(max-width:720px){.quick-browse{gap:8px;padding:8px 14px;grid-template-columns:1fr 1fr}.quick-browse p{grid-row:2;grid-column:1/-1}.quick-browse button{font-size:12px}}
@media(max-width:720px){#quick-preview{width:calc(100% - 24px);max-height:92dvh}.quick-grid{grid-template-columns:1fr;padding:20px;gap:22px}.quick-image img{max-height:260px}.quick-toolbar{padding-inline:14px}.quick-specialty:last-child{width:100%}.catalogue-product .quick-preview-trigger,.ingredient-companion .quick-preview-trigger{margin-inline-start:0;display:flex;width:fit-content}}

html:has(.page-ingredients){scrollbar-gutter:stable}.glossary-entry .quick-preview-trigger{margin:4px 12px;vertical-align:middle}#quick-preview .quick-copy ul{display:block;margin:0;padding-inline-start:20px}#quick-preview .quick-product-title{font-size:clamp(26px,3vw,42px);line-height:1.3;margin-block:0}#quick-preview .quick-copy h3{font-size:16px}#quick-preview .quick-image figcaption{font-size:11px}

.compare-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;margin:8px;border:1px solid #c0cbce;background:#fff;color:#111;font:inherit;font-size:12px;cursor:pointer}.compare-toggle[aria-pressed=true]{background:#111;color:#fff}.compare-toggle:focus-visible,.comparison-tray :focus-visible{outline:2px solid #565859;outline-offset:3px}.quick-copy>.compare-toggle{margin-inline:0;width:100%}.comparison-tray{background:#fff;color:#111;border:1px solid #c0cbce;padding:14px 18px;text-align:start}.comparison-tray-global{position:fixed;z-index:40;inset-inline:100px;bottom:14px;max-width:1000px;margin-inline:auto;box-shadow:0 3px 20px rgb(0 0 0 / .08)}.comparison-tray [data-selection-status]{font-size:12px;line-height:1.7;margin:0 0 10px}.comparison-tray [data-selection-items]{display:flex;flex-wrap:wrap;gap:8px}.comparison-tray button,.comparison-tray a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #c0cbce;background:#fff;color:#111;font:inherit;font-size:12px;text-decoration:none;cursor:pointer;line-height:1.7}.comparison-tray [data-selection-items] button{flex:1 1 40%;text-align:start;justify-content:space-between}.selection-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:10px}.comparison-tray a[data-comparison-go]{background:#111;color:#fff;border-color:#111}.comparison-tray-modal{margin-block:10px}.quick-preview-open .comparison-tray-global{visibility:hidden}.has-comparison-selection body{padding-block-end:210px}.comparison-tray-modal .selection-actions a{width:100%}.catalogue-product .compare-toggle{margin-inline-start:16px}.quick-link-pair{flex-wrap:wrap}
@media(max-width:720px){.comparison-tray-global{inset-inline:12px;bottom:68px;padding:10px 12px}.comparison-tray button,.comparison-tray a{font-size:11px;padding:6px 8px}.comparison-tray [data-selection-items] button{flex-basis:40%}.comparison-tray [data-selection-status]{margin-bottom:6px}.selection-actions{margin-top:6px}.catalogue-product .compare-toggle{margin-inline:0}.has-comparison-selection body{padding-block-end:280px}}
#quick-preview .quick-copy>.compare-toggle{margin-inline:0;box-sizing:border-box}#quick-preview .comparison-tray{max-width:100%;box-sizing:border-box}#quick-preview .comparison-tray a{color:#111}#quick-preview .comparison-tray a[data-comparison-go]{color:#fff}
.pdp-identity>.compare-toggle{display:flex;width:100%;box-sizing:border-box;margin:24px 0 12px;min-height:48px}

/* Editorial learning space using the existing Folisense monochrome palette. */
.learn-entry{background:#f5f6f5}.learn-lead{font-size:clamp(17px,2vw,23px);line-height:1.8;max-width:48ch;margin-block:20px 38px}
.learn-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-start:1px solid #c0cbce}
.learn-path{display:flex;flex-direction:column;padding:30px 22px;gap:20px;border-inline-end:1px solid #c0cbce;min-width:0;text-decoration:none;color:#111;transition:background-color .18s}
.learn-path:first-child{padding-inline-start:0}.learn-path:last-child{border:0}.learn-path h3{font-size:clamp(23px,2.5vw,34px);font-weight:400;line-height:1.4}.learn-path p{font-size:15px;line-height:1.9}.learn-link{margin-block-start:auto;display:flex;justify-content:space-between;padding-block-start:20px;font-size:13px}.learn-path:hover{background:#fff}
.learn-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center;padding-block:60px;background:#fff}.learn-hero h1{font-size:clamp(42px,6vw,80px);font-weight:400;line-height:1.2;max-width:15ch;margin-block:26px}.learn-back{display:inline-flex;min-height:44px;align-items:center;font-size:13px;margin-block-end:32px;text-underline-offset:5px}.learn-lens{aspect-ratio:1;position:relative;overflow:hidden;display:grid;place-items:center;background:#111;color:#c0cbce}.learn-lens span{font-size:clamp(100px,19vw,270px);font-weight:200;line-height:1}.learn-lens i{position:absolute;inset:12%;border:1px solid #565859;border-radius:50%;pointer-events:none}.learn-lens i:nth-of-type(2){inset:22%}.learn-lens i:nth-of-type(3){inset:32%}
.learn-audiences{display:flex;flex-wrap:wrap;gap:8px;padding:18px var(--gutter);border-block:1px solid #c0cbce;background:#fff}.learn-audiences a{padding:12px 20px;min-height:48px;display:flex;align-items:center;border:1px solid #c0cbce;font-size:14px;text-decoration:none;color:#111}.learn-audiences a[aria-current=page]{background:#111;color:#fff;border-color:#111}
.learn-topic{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-block:48px;border-block-end:1px solid #c0cbce;scroll-margin-block-start:40px}.learn-topic h2{font-size:clamp(26px,3vw,40px);line-height:1.4;margin-block:16px}.learn-topic p{font-size:16px;line-height:1.95;max-width:60ch}.learn-topic details{align-self:start;background:#f5f6f5}.learn-topic summary,.learn-glossary summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;padding:24px;font-size:18px;line-height:1.7;list-style:none}.learn-topic summary::-webkit-details-marker,.learn-glossary summary::-webkit-details-marker{display:none}.learn-topic summary span,.learn-glossary summary span{flex-shrink:0;font-size:24px}.learn-topic details[open] summary span,.learn-glossary details[open] summary span{transform:rotate(45deg)}.learn-answer{padding:0 24px 28px}.learn-answer .text-link{display:inline-flex;align-items:center;min-height:44px;margin-block-start:18px}.learn-progress{font-size:13px;color:#565859}.learn-pending{background:#f5f6f5}.learn-pending h2{font-size:clamp(26px,3vw,38px);margin-block:20px}.learn-pending>span{display:inline-block;border:1px solid #c0cbce;padding:8px 14px;font-size:12px}.learn-pending>p:last-child{max-width:60ch;line-height:1.9;margin-block-start:20px}.learn-glossary{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.learn-glossary h2{font-size:clamp(26px,3vw,38px)}.learn-glossary details{border-block-end:1px solid #c0cbce}.learn-glossary summary{padding-inline:0}.learn-glossary details p{line-height:1.9;padding-block-end:24px}.learn-draft{margin:0;padding:24px var(--gutter);font-size:12px;line-height:1.8;background:#f5f6f5;color:#565859}.learn-path:focus-visible,.learn-audiences a:focus-visible,.learn-back:focus-visible,.learn-topic summary:focus-visible,.learn-glossary summary:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:1050px){.learn-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-path:nth-child(2){border:0}.learn-path:nth-child(3){padding-inline-start:0}.learn-path{border-block-end:1px solid #c0cbce}}
@media(max-width:720px){.learn-hero{grid-template-columns:1fr;gap:0;padding-block:28px}.learn-hero h1,html[dir=rtl] .learn-hero h1{font-size:44px}.learn-lens{display:none}.learn-back{margin-block-end:20px}.learn-lead{font-size:17px;margin-block-end:24px}.learn-audiences{gap:6px}.learn-audiences a{font-size:13px;padding:10px 12px;flex:1 1 40%;justify-content:center}.learn-paths{grid-template-columns:1fr}.learn-path,.learn-path:first-child,.learn-path:nth-child(3){padding:24px 0;border-inline:0;border-block-end:1px solid #c0cbce}.learn-path h3{font-size:27px}.learn-topic,.learn-glossary{grid-template-columns:1fr;gap:24px}.learn-topic{padding-block:32px}.learn-topic h2,html[dir=rtl] .learn-topic h2{font-size:30px}.learn-topic summary{font-size:17px;padding:20px}.learn-answer{padding-inline:20px}.learn-topic p{font-size:15px}.learn-glossary{gap:24px}}

.tool-heading h1{font-size:clamp(38px,5vw,66px);line-height:1.3;max-inline-size:20ch}.tool-heading{padding-block-end:28px}.tool-links{display:flex;flex-wrap:wrap;gap:12px;margin-block:22px}.tool-links a{display:inline-flex;align-items:center;min-height:46px;border:1px solid #c0cbce;padding:10px 18px;color:#111;font-size:14px;text-decoration:none}.tool-links a:hover{background:#f5f6f5}.page-learn main>.tool-links{margin:24px var(--gutter)}.pdp-identity .tool-links a{font-size:13px}
.compare-controls,.glossary-controls{flex-wrap:wrap;gap:20px;align-items:end;margin-block-end:24px}.compare-controls label,.glossary-controls label{flex:1 1 260px;display:flex;flex-direction:column;gap:10px;font-size:14px;min-width:0}.explore-tool select,.explore-tool input{width:100%;min-height:48px;border:1px solid #565859;border-radius:0;background:#fff;color:#111;padding:10px;font:inherit;font-size:15px;min-width:0}.explore-tool button{min-height:48px;padding:10px 20px;border:1px solid #565859;background:#fff;color:#111;font:inherit;font-size:14px;cursor:pointer}.explore-tool [data-tool-status]{font-size:14px;min-height:1.8em;margin-block:16px}.glossary-controls label span{font-size:12px;line-height:1.7;color:#565859}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:650px}.compare-table caption{text-align:start;font-size:22px;margin-block:20px}.compare-table th,.compare-table td{border:1px solid #c0cbce;text-align:start;vertical-align:top;padding:24px;overflow-wrap:anywhere}.compare-table th:first-child{width:22%;background:#f5f6f5}.compare-table thead th{font-size:16px}.compare-table tbody th{font-size:14px;font-weight:400}.compare-table td{width:39%;font-size:15px;line-height:1.8}.compare-table h2{font-size:clamp(21px,2.2vw,30px);line-height:1.5;max-inline-size:none}.compare-table img{display:block;width:120px;height:120px;object-fit:contain;margin-block-end:18px}.compare-table ul{padding-inline-start:18px;margin:0}.compare-table a{text-underline-offset:4px}.compare-table [data-field=details] a{display:block;min-height:44px;padding-block:8px}.compare-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.compare-scroll-hint{font-size:12px;color:#565859}.compare-fallback{margin-block-start:30px}.compare-fallback summary{min-height:44px;padding-block:12px;cursor:pointer}.compare-fallback li{padding-block:8px}.compare-workspace{padding-block-start:15px}.tool-note{font-size:14px;line-height:1.9;max-width:80ch;margin-block:20px 36px}.glossary-workspace{padding-block-start:20px}.glossary-list{border-block-start:1px solid #c0cbce}.glossary-entry{border-block-end:1px solid #c0cbce;scroll-margin-block-start:20px}.glossary-entry summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none}.glossary-entry summary::-webkit-details-marker{display:none}.glossary-entry summary .term-local{display:block;font-size:clamp(21px,2.4vw,30px);line-height:1.6}.glossary-entry summary bdi{display:block;font-size:13px;color:#565859;overflow-wrap:anywhere}.glossary-entry summary>span:last-child{font-size:25px}.glossary-entry details[open] summary>span:last-child{transform:rotate(45deg)}.term-body{padding:24px;margin-block-end:24px;background:#f5f6f5;line-height:1.9}.term-body h2,.term-body h3{font-size:17px;margin-block:10px}.term-body p{font-size:16px;max-width:75ch}.term-source{font-size:12px;display:inline-block;margin-block:16px}.term-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding-inline-start:20px}.term-body li a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.glossary-empty{padding:28px;background:#f5f6f5;line-height:1.8}.glossary-empty button{margin-block-start:14px}.explore-tool :focus-visible,.tool-links a:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:720px){.tool-heading h1,html[dir=rtl] .tool-heading h1{font-size:38px}.tool-links a{font-size:13px}.compare-controls,.glossary-controls{gap:16px}.compare-controls label,.glossary-controls label{flex-basis:100%}.compare-table th,.compare-table td{padding:16px}.compare-table h2,html[dir=rtl] .compare-table h2{font-size:23px}.compare-table tbody th{position:sticky;inset-inline-start:0;z-index:1}.compare-table img{width:100px;height:100px}.term-body{padding:20px}.term-body ul{grid-template-columns:1fr}.term-body p{font-size:15px}}
.tool-heading{padding-block:28px}.tool-heading h1,html[dir=rtl] .tool-heading h1{font-size:clamp(36px,4vw,56px);line-height:1.3;max-inline-size:none}.tool-heading .learn-back{margin-block-end:16px}.tool-heading .learn-lead{margin-block:18px;font-size:18px}.tool-heading .tool-links{margin-block-end:0}
.compare-differences{flex-direction:column;align-items:start;gap:8px;margin-block:20px}.compare-differences label{display:flex;gap:12px;align-items:center;min-height:48px;cursor:pointer;font-size:15px}.explore-tool .compare-differences input{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:#111;padding:0}.compare-differences p{font-size:13px;line-height:1.8;margin:0;color:#565859;max-width:75ch}.compare-differences input:disabled+span{color:#565859}.compare-differences [role=status]:empty{display:none}

/* 067: closing photographic doorway using complete supplied shampoo mockups. */
.haircare-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:clamp(32px,5vw,80px);padding:clamp(48px,6vw,96px) var(--gutter);margin:0;background:#f7f7f7;color:#111;border-block-start:1px solid #d8d8d8;scroll-margin-block-start:24px}
.haircare-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-inline-size:0;max-inline-size:520px}
.haircare-copy h2{font-size:clamp(36px,4vw,62px);max-inline-size:16ch}
.haircare-copy>p:not(.eyebrow){max-inline-size:40ch}
.haircare-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1vw,18px);align-items:start;min-inline-size:0}
.haircare-pack{margin:0;min-inline-size:0;overflow:hidden;background:#fafafa;border:1px solid #e5e5e5}
.haircare-pack:nth-child(2){margin-block-start:36px}
.haircare-pack img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.haircare-action{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:56px;border-block-end:1px solid #111;padding-block:12px;text-decoration:none;font-size:17px;inline-size:100%;max-inline-size:440px}
.haircare-action span{font-size:26px;transition:transform 180ms ease}
.haircare-action:hover span,.haircare-action:focus-visible span{transform:translate(3px,-3px)}
.haircare-action:hover{text-decoration:underline;text-underline-offset:6px}
.haircare-copy .haircare-tab-note{font-size:12px;line-height:1.65;color:#505050;margin-block-start:-10px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 28px;border-block:1px solid #555;padding-block:22px;margin-block:32px}
.footer-links a{display:inline-flex;align-items:center;gap:12px;min-block-size:44px;text-decoration:none;font-size:14px}
.footer-links a:hover{text-decoration:underline}
.footer a:focus-visible{outline-color:#fff}
.header .languages a{min-block-size:44px}
.header .nav .nav-haircare{border:1px solid currentColor;border-radius:2px;padding:9px 16px;min-block-size:44px;display:inline-flex;align-items:center;justify-content:center}
.header .nav .nav-haircare:hover{background:#eee;color:#111}
@media(max-width:1100px){
 .header{flex-wrap:wrap;gap:12px}
 .enhanced .menu-toggle{display:flex}
 .menu-toggle{font-size:13px;min-inline-size:72px;min-block-size:44px;align-items:center;gap:8px}
 .header .languages{margin-inline-start:auto}
 .header .nav{order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding-block:12px;border-block-start:1px solid #555}
 .header .nav a{padding:12px 0;min-block-size:46px;font-size:16px;white-space:normal}
 .header .nav .nav-haircare{margin-block-start:8px;align-self:flex-start;padding:9px 20px}
 .enhanced .header .nav:not(.open){display:none}
 .haircare-feature{grid-template-columns:1fr;gap:32px}
 .haircare-copy{max-inline-size:660px}
 .haircare-products{max-inline-size:800px;inline-size:100%;justify-self:center}
}
@media(max-width:720px){
 .haircare-feature{padding-block:48px}
 .haircare-copy{gap:20px}
 .haircare-copy h2{font-size:38px}
 .haircare-action{gap:20px;font-size:16px}
 .haircare-pack:nth-child(2){margin-block-start:20px}
 .footer-links{flex-direction:column;gap:2px}
}
@media(prefers-reduced-motion:reduce){.haircare-action span{transition:none}.haircare-action:hover span,.haircare-action:focus-visible span{transform:none}}

/* 068: bold 2D motion study. JavaScript animates transforms/opacity only. */
.kinetic-controls{position:absolute;inset-inline-end:var(--gutter);inset-block-start:26px;z-index:5;align-items:center;gap:4px;padding:5px;background:#111d;border:1px solid #ffffff55;color:#fff}
.kinetic-controls>span{font-size:12px;padding-inline:10px}
.kinetic-controls button{min-block-size:44px;padding:9px 16px;font-size:13px;border:1px solid transparent}
.kinetic-controls button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}
.kinetic-controls button:disabled{opacity:.65;cursor:default}
.kinetic-controls.kinetic-inline{position:static;align-self:center;justify-self:start;background:#111;color:#fff;flex-wrap:wrap;max-inline-size:100%}
.kinetic-ribbon{overflow:hidden;padding-block:26px;background:#111;color:#c2c2c2;border-block:1px solid #ffffff20;user-select:none}
.kinetic-track{display:flex;width:max-content;font:200 clamp(30px,4.5vw,70px)/1.15 DM,sans-serif;letter-spacing:-.035em}
.kinetic-track>span{flex-shrink:0;white-space:nowrap;padding-inline-end:32px}
.kinetic-track i{font-style:normal;font-size:.55em;vertical-align:middle;padding-inline:30px;color:#777}
.kinetic-section{position:relative;isolation:isolate;overflow:hidden}
.kinetic-word{position:absolute;inset-inline:0;inset-block-start:18px;z-index:0;pointer-events:none;white-space:nowrap;font:200 clamp(90px,15vw,240px)/1 DM,sans-serif;letter-spacing:-.06em;text-align:center;opacity:.075;color:currentColor;user-select:none}
.kinetic-section>.chapter-copy,.kinetic-section>.chapter-stage,.kinetic-section>.sacran-heading,.kinetic-section>.sacran-toolbar,.kinetic-section>.sacran-panels,.kinetic-section>.specialty-heading,.kinetic-section>.specialty-edit{position:relative;z-index:1}
.kinetic-rule{position:absolute;inset-inline:var(--gutter);inset-block-end:0;height:3px;pointer-events:none;overflow:hidden;background:#1111;z-index:4}
.kinetic-rule>span{display:block;width:100%;height:100%;background:currentColor;opacity:.6;transform-origin:left;transform:scaleX(0)}
html[dir=rtl] .kinetic-rule>span{transform-origin:right}
.kinetic-title{display:block}
.kinetic-image{transform-origin:center}
.kinetic-on .ingredient-lead-link{overflow:hidden}
.kinetic-on .chapter-stage.integrated-collection{background:transparent}
.kinetic-on .haircare-pack{overflow:visible}
.kinetic-on .haircare-products{padding-block:12px}
.kinetic-calm .kinetic-word{opacity:.045}
.motion-paused .kinetic-rule,.kinetic-calm .kinetic-rule{opacity:0}
.motion-paused .kinetic-word{opacity:.045}
@media(max-width:720px){
 .kinetic-controls{inset-block-start:16px;inset-inline:var(--gutter);justify-content:center}
 .kinetic-controls>span{padding-inline:4px;font-size:11px}
 .kinetic-controls button{padding-inline:14px}
 .page-home .scene-copy{padding-block-start:125px}
 .kinetic-ribbon{padding-block:20px}
 .kinetic-track i{padding-inline:18px}
 .kinetic-word{font-size:clamp(76px,18vw,130px);inset-block-start:12px}
}
@media(prefers-reduced-motion:reduce){.kinetic-rule{display:none}.kinetic-word{opacity:.04}}

/* 070: a clear starting point, using the existing collection imagery and palette. */
.collection-index{gap:36px 6vw}
.discovery-entry{grid-column:1/-1;min-inline-size:0;border-block-start:1px solid #c0cbce;padding-block-start:32px;margin-block-start:32px}
.discovery-entry-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-block-end:24px}
.discovery-entry-heading h3{font-size:clamp(23px,2.4vw,34px);line-height:1.45;margin-block-end:8px}
.discovery-entry-heading p{font-size:14px;color:#565859;max-inline-size:45ch}
.discovery-search{flex-direction:column;gap:6px;flex:0 1 390px;min-inline-size:0}
.discovery-search label{font-size:12px}
.discovery-search>div{display:flex;min-inline-size:0;border:1px solid #b8b8b8;background:#fff}
.discovery-search input{flex:1;min-inline-size:0;inline-size:100%;min-block-size:48px;padding:10px 14px;border:0;background:transparent;font:inherit;color:inherit}
.discovery-search button{flex:none;min-block-size:48px;padding:10px 16px;background:#111;color:#fff;border:0;font:inherit;font-size:13px;cursor:pointer}
.discovery-entry .discovery-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-self:auto}
.discovery-entry .discovery-tile{display:flex;position:relative;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;border:1px solid #d7d7d7;background:#f6f6f6;text-decoration:none;color:#111;min-inline-size:0;overflow:hidden}
.discovery-tile-image{display:block;aspect-ratio:3/2;overflow:hidden;background:#eee}
.discovery-entry .discovery-tile::before{display:none}
.discovery-entry .discovery-tile>span:first-child{flex:none}
.discovery-tile-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 220ms ease}
.discovery-tile-label{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:16px 12px;line-height:1.6;font-size:14px}
.discovery-tile-label small{font-size:11px;min-inline-size:16px;color:#565859}
.discovery-tile-arrow{position:absolute;inset-inline-end:10px;inset-block-start:10px;display:grid;place-items:center;width:26px;height:26px;background:#fffffff0;color:#111;font-size:17px}
.discovery-tile:focus-visible,.discovery-search :focus-visible{outline:2px solid #111;outline-offset:3px}
.scene-bottom{padding-inline-end:100px}
.primary-languages-visible .locale-dock{visibility:hidden;pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.discovery-tile:hover img{transform:scale(1.025)}}
@media(max-width:1000px){.discovery-entry-heading{align-items:stretch;flex-direction:column;gap:20px}.discovery-search{flex-basis:auto;max-inline-size:600px}.discovery-entry .discovery-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.collection-index{gap:24px}.discovery-entry{padding-block-start:24px}.discovery-entry .discovery-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discovery-entry .discovery-tile:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.discovery-tile-label{font-size:13px;padding:12px}.discovery-search button{padding-inline:14px}.scene-bottom{gap:12px;padding-inline-end:76px}.scene-bottom p{min-inline-size:0}}
@media(prefers-reduced-motion:reduce){.discovery-tile-image img{transition:none}}

/* 071: one visible product card, with direct actions and source-recorded facts. */
.catalogue .catalogue-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:8px 36px}
.catalogue-card{display:flex;flex-direction:column;align-self:stretch;min-inline-size:0;border:1px solid #d7d7d7;background:#fff;overflow:hidden}
.catalogue-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f5f6f5;overflow:hidden}
.catalogue-card .catalogue-thumb{width:100%;height:100%;object-fit:contain;background:transparent;transition:transform 250ms ease}
.catalogue-card>.catalogue-card-copy{display:flex;flex:1;flex-direction:column;max-width:none;padding:22px;color:var(--ink)}
.catalogue-card h4{font:inherit;font-size:18px;font-weight:500;line-height:1.65;margin:0 0 18px}
.catalogue-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0 0 24px;padding-block:14px;border-block:1px solid #e5e5e5}
.catalogue-card dt{font-size:11px;line-height:1.65;color:#565859}
.catalogue-card dd{font-size:13px;line-height:1.65;margin:5px 0 0;overflow-wrap:anywhere}
.catalogue-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;margin-block-start:auto}
.catalogue-card-actions .text-link{display:flex;align-items:center;min-height:44px;width:100%;font-size:13px}
.catalogue-card-actions .quick-preview-trigger,.catalogue-card-actions .compare-toggle{margin:0;min-height:44px;flex:1 1 115px;padding:10px;font-size:12px}
.catalogue-card-actions .quick-preview-trigger{background:#111;color:#fff;border:1px solid #111;text-decoration:none}
.catalogue-card a:focus-visible{outline-offset:-4px}
.catalogue-card .catalogue-card-actions a:focus-visible{outline-offset:2px}
.catalogue-group>summary{scroll-margin-block-start:90px}
@media(min-width:721px) and (max-width:1100px){.catalogue .catalogue-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:720px){.catalogue .catalogue-rows{grid-template-columns:1fr;gap:20px}.catalogue-card-image{aspect-ratio:3/2}.catalogue-card>.catalogue-card-copy{padding:18px}.catalogue-card h4{font-size:18px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.motion-running .catalogue-card-image:hover .catalogue-thumb{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.catalogue-card .catalogue-thumb{transition:none}}
/* 072: the three coordinated Sacran photographs fill equal, uncropped square frames. */
#catalogue-sacran .catalogue-card-image{aspect-ratio:1;background:#c0cbce}
#catalogue-sacran .catalogue-thumb{object-fit:contain}

.academy-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;background:#fff;padding-block:70px}
.academy-hero h1{font-size:clamp(44px,6vw,86px);line-height:1.15;max-inline-size:14ch;margin-block:24px;font-weight:400}
.academy-hero .button{gap:28px}.academy-index{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,60px);background:#111;color:#c0cbce;direction:ltr;overflow:hidden}.academy-index strong{font:300 clamp(24px,3.8vw,60px)/1.15 DM,sans-serif;letter-spacing:-.04em}.academy-index>span{font:12px/1.8 DM,sans-serif;letter-spacing:.08em}
.academy-start{background:#f5f6f5}.academy-start h2{font-size:clamp(28px,3vw,44px);line-height:1.5;max-inline-size:none}.academy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.academy-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d8ddde;text-decoration:none;min-inline-size:0;color:#111}.academy-card-image{display:block;aspect-ratio:1;overflow:hidden}.academy-card-image img{width:100%;height:100%;object-fit:cover}.academy-card-text{padding:24px;display:flex;flex:1;flex-direction:column;gap:16px}.academy-card h3{font-size:clamp(24px,2.4vw,36px);line-height:1.4}.academy-card p{font-size:14px;line-height:1.9}.academy-card small{font-size:12px;color:#565859}.academy-open{display:flex;justify-content:space-between;gap:20px;border-block-start:1px solid #c0cbce;padding-block-start:18px;margin-block-start:auto;font-size:13px;min-height:44px}
.academy-boundary{max-width:none;padding:28px var(--gutter);font-size:14px;line-height:1.9;border-block-end:1px solid #c0cbce}.academy-progress{padding:20px var(--gutter);margin:0}.academy-session{scroll-margin-block-start:24px;border-block-end:1px solid #c0cbce;padding-block:70px}.academy-session-heading{margin-block-end:38px}.academy-session h2{font-size:clamp(40px,5vw,68px);line-height:1.4;max-inline-size:none;margin-block:16px}.academy-session-heading>p:last-child{font-size:21px;line-height:1.7;color:#565859}.academy-session-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}.academy-session-photo{aspect-ratio:1;overflow:hidden;background:#f5f6f5}.academy-session-photo img{width:100%;height:100%;object-fit:cover}.academy-session h3{font-size:25px;line-height:1.65;margin-block:0 14px}.academy-session-copy h3:not(:first-child){margin-block-start:32px}.academy-session p{line-height:1.95}.academy-reference{display:inline-block;font-size:12px;line-height:1.9;margin-block-start:14px;min-height:44px}.academy-ingredients{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0}.academy-ingredients li{padding:8px 12px;border:1px solid #c0cbce;font-size:13px;line-height:1.8}.academy-session .text-link{display:inline-flex;align-items:center;min-height:44px;margin-block-start:18px}.academy-practice{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-block-start:48px}.academy-product-list{margin-block-start:20px;border-block-start:1px solid #c0cbce}.academy-product-list a{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding-block:16px;border-block-end:1px solid #c0cbce;text-decoration:none;font-size:14px;line-height:1.8;min-height:48px}.academy-product-list small{grid-column:1;color:#565859}.academy-product-list a>span:last-child{grid-column:2;grid-row:1/3;align-self:center}.academy-check{background:#f5f6f5;padding:32px;align-self:start}.academy-check h3{margin-block:18px}.academy-check summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:52px;cursor:pointer;border-block:1px solid #c0cbce;padding-block:14px;list-style:none}.academy-check summary::-webkit-details-marker{display:none}.academy-check .learn-answer{padding:24px 0 0}.academy-check details[open] summary>span{transform:rotate(45deg)}.academy-next{display:flex;align-items:center;justify-content:flex-end;min-height:52px;margin-block-start:40px;font-size:16px}.academy-start a:focus-visible,.academy-session a:focus-visible,.academy-check summary:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:1000px){.academy-card-text{padding:18px}.academy-cards{gap:16px}.academy-session-grid{gap:30px}.academy-practice{gap:30px}}
@media(max-width:720px){.academy-hero{grid-template-columns:1fr;padding-block:35px;gap:24px}.academy-index{aspect-ratio:auto;min-height:180px;gap:24px}.academy-index strong{font-size:36px}.academy-hero h1,html[dir=rtl] .academy-hero h1{font-size:46px}.academy-cards,.academy-session-grid,.academy-practice{grid-template-columns:1fr}.academy-card-image{aspect-ratio:3/2}.academy-session{padding-block:40px}.academy-check{padding:24px}.academy-session h2{font-size:42px}.academy-session h3{font-size:24px}.academy-session-photo{max-height:none}.academy-session-heading>p:last-child{font-size:18px}.academy-next{justify-content:flex-start;line-height:1.8}}

/* 074: readable guided lessons, native controls and short optional 2D feedback. */
.academy-welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:start;padding-block:48px;background:#fff}.academy-welcome h1{font-size:clamp(42px,5vw,72px);max-inline-size:none;line-height:1.3;margin-block:16px}.academy-welcome>div>p:last-of-type{font-size:19px;line-height:1.85;max-width:50ch}.academy-welcome .text-link{display:inline-flex;min-height:44px;align-items:center;margin-top:12px}.academy-welcome aside{border-inline-start:1px solid #c0cbce;padding-inline-start:30px}.academy-welcome aside h2{font-size:20px}.academy-welcome ol{padding-inline-start:24px;margin-block:18px 0;font-size:14px;line-height:2.1}.academy-welcome li{padding-inline-start:8px;margin-block:7px}
.academy-learning .academy-start{padding-block:32px}.academy-learning .academy-start .section-heading{margin-block-end:22px}.academy-learning .academy-start h2{font-size:26px}.academy-learning .academy-card{display:grid;grid-template-columns:100px 1fr;align-items:stretch}.academy-learning .academy-card-image{aspect-ratio:auto;min-height:160px}.academy-learning .academy-card-image img{height:100%;object-fit:cover}.academy-learning .academy-card-text{padding:18px;gap:10px}.academy-learning .academy-card h3{font-size:23px}.academy-learning .academy-card p{display:none}.academy-learning .academy-open{padding-top:8px;border:0;font-size:12px}.academy-card-current{outline:2px solid #111;outline-offset:3px}
.academy-workspace{padding:28px var(--gutter) 60px;background:#fff}.academy-total{font-size:13px;line-height:1.8;padding:14px 0;border-bottom:1px solid #c0cbce;margin-bottom:24px}.academy-course{padding:0;border:1px solid #c0cbce;scroll-margin-block-start:24px}.academy-lesson-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid #c0cbce}.academy-course .academy-lesson-header h2{font-size:30px;margin:6px 0 0;line-height:1.4}.academy-reset{min-height:44px;padding:8px 12px;border:1px solid #c0cbce;font-size:12px;align-items:center;justify-content:center}.academy-course-layout{display:grid;grid-template-columns:230px 1fr}.academy-step-nav{flex-direction:column;background:#f5f6f5;border-inline-end:1px solid #c0cbce;padding:24px 18px;gap:24px}.academy-step-nav ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.academy-step-nav button{display:flex;width:100%;gap:16px;align-items:center;min-height:56px;text-align:start;padding:12px;border:1px solid transparent;font-size:14px}.academy-step-nav button[aria-current]{background:#111;color:#fff}.academy-step-nav bdi{opacity:.7;font-size:12px}.academy-step-nav>p{font-size:11px;line-height:1.9;color:#565859;max-width:none;margin-top:auto}.academy-stage{min-width:0;padding:32px}.academy-step-panel{scroll-margin-block-start:24px;min-width:0}.academy-course .academy-step-panel>h3{font-size:32px;margin:14px 0 28px}.academy-step-panel>h3:focus{outline:none}.academy-teach-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}.academy-kicker{font-size:20px;margin-bottom:18px}.academy-explanation{font-size:18px;line-height:1.9;margin-bottom:20px}.academy-teach-grid p{line-height:1.95}.academy-concept{background:#f5f6f5;padding:24px;text-align:center;border:1px solid #d7ddde}.academy-concept-symbol{font:200 80px/1.2 DM,sans-serif;direction:ltr;color:#565859;letter-spacing:-.05em}.academy-concept>p{font-size:12px;margin:15px auto}.academy-concept>div:last-child{display:flex;flex-direction:column;gap:18px;line-height:1.8;font-size:14px}.academy-concept bdi{font-size:15px;overflow-wrap:anywhere}
.academy-label-grid{display:grid;grid-template-columns:minmax(140px,.65fr) 1.5fr;gap:28px;align-items:start}.academy-label-grid figure img{width:100%;aspect-ratio:1;object-fit:cover}.academy-label-grid figcaption{font-size:12px;line-height:1.9;padding-block:12px}.academy-activity h4{font-size:clamp(19px,2vw,26px);font-weight:400;line-height:1.8;margin:16px 0 24px}.academy-answer-options{flex-direction:column;gap:12px}.academy-answer-options button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:16px 20px;border:1px solid #aab6bb;background:#fff;text-align:start;font-size:15px;line-height:1.8}.academy-answer-options button:hover{background:#f5f6f5}.academy-answer-options button[aria-pressed=true]{border:2px solid #111;padding:15px 19px;background:#e8ecea}.academy-feedback{padding:20px;border-inline-start:3px solid #111;background:#e8ecea;line-height:1.9;margin-block:18px}.academy-activity[data-result=retry] .academy-feedback{background:#f5f6f5;border-inline-start-style:dashed}.academy-hint,.academy-answer-guide{font-size:13px;margin-block:18px}.academy-hint summary,.academy-answer-guide summary{min-height:44px;display:list-item;cursor:pointer;padding-block:10px}.academy-hint p,.academy-answer-guide p{padding-block:12px;line-height:1.9}.academy-interactive .academy-answer-guide{display:none}.academy-stage .micro{margin-block:20px;line-height:1.9}.academy-step-controls{justify-content:space-between;align-items:center;gap:18px;margin-block-start:32px;padding-block-start:24px;border-block-start:1px solid #c0cbce}.academy-step-controls button{min-height:48px;padding:12px 24px;border:1px solid #111}.academy-step-controls [data-academy-next]{background:#111;color:#fff}.academy-step-controls button:disabled{opacity:.35;cursor:default}.academy-step-controls span{font-size:12px}.academy-course button:focus-visible,.academy-course summary:focus-visible{outline:3px solid #565859;outline-offset:3px}
@media(max-width:1100px){.academy-course-layout{grid-template-columns:180px 1fr}.academy-stage{padding:24px}.academy-teach-grid{grid-template-columns:1fr}.academy-concept{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}.academy-concept>p{grid-column:2;margin:0}.academy-concept-symbol{grid-row:1/3}.academy-concept>div:last-child{grid-column:2;gap:6px}.academy-learning .academy-card{grid-template-columns:75px 1fr}.academy-learning .academy-card h3{font-size:19px}.academy-card-text{min-width:0}}
@media(max-width:720px){.academy-welcome{grid-template-columns:1fr;padding-block:30px;gap:22px}.academy-welcome h1,html[dir=rtl] .academy-welcome h1{font-size:42px}.academy-welcome aside{padding:20px 0 0;border-inline:0;border-block-start:1px solid #c0cbce}.academy-welcome>div>p:last-of-type{font-size:17px}.academy-learning .academy-cards{gap:12px}.academy-learning .academy-card{grid-template-columns:90px 1fr}.academy-learning .academy-card-image{min-height:120px}.academy-learning .academy-card h3{font-size:23px}.academy-learning .academy-card-text{padding:12px 18px}.academy-workspace{padding:18px 16px 36px}.academy-lesson-header{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}.academy-course-layout{grid-template-columns:1fr}.academy-step-nav{border-inline:0;border-block-end:1px solid #c0cbce;padding:12px;gap:10px}.academy-step-nav ol{display:grid;grid-template-columns:1fr 1fr;gap:6px}.academy-step-nav button{min-height:48px;padding:10px;font-size:13px;gap:10px}.academy-step-nav>p{font-size:10px;margin:0}.academy-stage{padding:20px}.academy-label-grid{grid-template-columns:1fr}.academy-label-grid figure{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center}.academy-label-grid figure img{width:90px}.academy-course .academy-step-panel>h3{font-size:28px;margin-bottom:20px}.academy-concept{padding:18px}.academy-answer-options button{padding:14px;font-size:14px;gap:12px}.academy-answer-options button[aria-pressed=true]{padding:13px}.academy-step-controls button{padding:10px 18px}.academy-reset{max-width:100%}}

.academy-workspace:not(.academy-interactive) .js-only{display:none!important}.academy-workspace:not(.academy-interactive) .academy-course-layout{display:block}.academy-workspace:not(.academy-interactive) .academy-step-panel{padding-block:24px;border-block-end:1px solid #c0cbce}.academy-workspace:not(.academy-interactive) .academy-course{margin-block:30px}

/* 076: distinct public/professional paths in the existing Folisense palette. */
.academy-path-switch{gap:12px;margin-bottom:26px;flex-wrap:wrap}
.academy-path-switch button{min-height:48px;border:1px solid #aab6bb;padding:12px 24px;background:#fff;color:#111}
.academy-path-switch button[aria-pressed=true]{background:#111;color:#fff}
.academy-path-switch button:focus-visible{outline:3px solid #565859;outline-offset:3px}
.academy-path-intro{line-height:1.9;margin-block:14px 24px;max-width:68ch}
.academy-reading summary,.academy-label-grid summary{min-height:44px;cursor:pointer;padding-block:10px}
.academy-reading li{margin-block:12px}
.academy-reading a{text-decoration:underline;overflow-wrap:anywhere}
.academy-step-panel>.academy-explanation{max-width:75ch}
.academy-pro-entry{border-block:1px solid #c0cbce;background:#f5f6f5}
.academy-course [hidden],[data-academy-path][hidden]{display:none!important}
.academy-learning:not(:has(.academy-interactive)) .academy-path-switch{display:none!important}
@media(max-width:720px){.academy-path-switch button{flex:1;padding:12px}.academy-step-nav button{overflow-wrap:anywhere}}

/*096: native, explicitly confirmed mobile section navigation; existing controls own progress. */
.academy-mobile-nav{display:none}
@media(max-width:720px){
 .academy-interactive .academy-course-layout{display:block}
 .academy-interactive .academy-step-nav{position:sticky;top:0;z-index:12;align-self:start;gap:0;background:#f5f6f5;padding:10px 12px;box-shadow:0 3px 8px #181d1b0a}
 .academy-interactive .academy-step-nav>ol,.academy-interactive .academy-step-nav>p{display:none}
 .academy-interactive .academy-mobile-nav{display:block;width:100%;min-width:0}
 .academy-mobile-nav label{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.7;margin-bottom:6px}
 .academy-mobile-nav bdi{font-size:12px;opacity:1;color:#565859}
 .academy-jump-row{display:flex;gap:8px;min-width:0}
 .academy-jump-row select{font:inherit;font-size:16px;min-width:0;flex:1;width:0;min-height:44px;padding:8px;border:1px solid #aab6bb;border-radius:8px;background:#fff;color:#263b2d}
 .academy-step-nav .academy-jump-row button{width:auto;flex:0 0 auto;padding:8px 10px;border:1px solid #7f9385;border-radius:8px;font-size:12px;min-height:44px;justify-content:center}
 .academy-compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
 .academy-step-nav .academy-compact-actions button{min-height:44px;padding:8px 10px;border:1px solid #aab6bb;justify-content:center;font-size:13px;background:#fff;color:#263b2d}
 .academy-step-nav .academy-compact-actions [data-academy-compact-next]{background:#263b2d;color:#fff;border-color:#263b2d}
 .academy-compact-actions button:disabled{opacity:.4;cursor:default}
 .academy-jump-row select:focus-visible{outline:3px solid #63796b;outline-offset:3px}
 .academy-interactive :is(.academy-step-panel,.case-lab,[data-case-round],[data-case-debrief]){scroll-margin-block-start:calc(var(--academy-mobile-nav-height,150px) + 16px)}
}
@media(max-width:720px) and (max-height:600px){.academy-interactive .academy-step-nav{position:static;box-shadow:none}}

/* Professional mechanism figures: neutral Folisense palette, native controls, fail-static. */
.mechanism{margin:32px 0;padding:24px;border:1px solid #aab6bb;background:#f5f6f5;min-width:0}
.mechanism h4{font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.6;margin:8px 0 24px}
.mechanism-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.mechanism-graphic{min-width:0;background:#fff;border:1px solid #c0cbce;padding:16px}
.mechanism-svg{display:block;width:100%;height:auto;direction:ltr}
.cell-atlas .keratinocyte{stroke:#919e97;stroke-width:1.35;stroke-linejoin:round}
.cell-atlas .cell-nucleus>ellipse:first-child{stroke:#7b8981;stroke-width:1.3}
.cell-atlas .nuclear-rim{fill:none;stroke:#bec8c1;stroke-width:.8}
.cell-atlas .chromatin{fill:#87968b;opacity:.62}
.cell-atlas .nucleolus{fill:#7c8a80;opacity:.8}
.cell-atlas .melanosomes{fill:#565859;stroke:#303c34;stroke-width:.35}
.cell-atlas .melanocyte{fill:#c0cec5;stroke:#63796b;stroke-width:1.8;stroke-linejoin:round}
.cell-atlas .recipient-outline{fill:none;stroke:transparent;stroke-width:2.4}
.cell-atlas .basal-guide{fill:none;stroke:#aab6bb;stroke-width:2;stroke-dasharray:2 4}
.cell-atlas .transfer-focus{fill:none;stroke:#aab6bb;stroke-width:1.3;stroke-dasharray:3 4}
.cell-atlas .mechanism-arrow{stroke-width:2;stroke:#63796b}
.cell-atlas .corneocyte{stroke:#89988e;stroke-width:1.3}
.cell-atlas .keratin-fibres{fill:none;stroke:#a4b2a8;stroke-width:.8;opacity:.75}
.cell-atlas .lamellar-lines{fill:none;stroke:#899e8e;stroke-width:1.1}
.cell-atlas .lipid-field{fill:#e4ebe6;stroke:none}
.cell-atlas .flux-trace{fill:none;stroke:#63796b;stroke-width:2.3;stroke-dasharray:5 4}
.cell-atlas .callout-line{fill:none;stroke:#565859;stroke-width:1}
.cell-atlas .mechanism-highlight .melanocyte{fill:#adc3b5;stroke:#263b2d;stroke-width:2.5}
.cell-atlas .mechanism-highlight .recipient-outline{stroke:#263b2d}
.cell-atlas .mechanism-highlight .transfer-focus{stroke:#263b2d;stroke-width:2;stroke-dasharray:4 3}
.cell-atlas .mechanism-highlight .mechanism-arrow,.cell-atlas .mechanism-highlight .flux-trace{stroke:#111;stroke-width:3}
.cell-atlas .mechanism-highlight .corneocyte{stroke:#3d5546;stroke-width:1.7}
.cell-atlas .mechanism-highlight .lamellar-lines{stroke:#3d5546;stroke-width:1.6}
.mechanism[data-mechanism-kind="pigment"] .mechanism-layout,.mechanism[data-mechanism-kind="barrier"] .mechanism-layout{grid-template-columns:1.2fr 1fr}
.mechanism .cell{fill:#eef0ef;stroke:#808b8e;stroke-width:2}
.mechanism .nucleus{fill:#d8dcda;stroke:#808b8e;stroke-width:1.5}
.mechanism .granules{fill:#565859}
.mechanism-arrow{fill:none;stroke:#808b8e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mechanism-badge circle{fill:#fff;stroke:#565859;stroke-width:1.5}
.mechanism-badge text{fill:#111;font:17px DM,sans-serif}
.lipid-field{fill:#e0e5e2;stroke:#aab6bb;stroke-width:1.5}
.lipid-lines{fill:none;stroke:#aab6bb;stroke-width:3}
.water-dots{fill:#818e88}
.mechanism-highlight .cell{fill:#d7e0db;stroke:#111;stroke-width:3}
.mechanism-highlight .nucleus{fill:#b9c6be;stroke:#111}
.mechanism-highlight .mechanism-arrow{stroke:#111;stroke-width:5}
.mechanism-highlight .lipid-field{fill:#bac8be;stroke:#111;stroke-width:3}
.mechanism-highlight .lipid-lines{stroke:#565859}
.mechanism-highlight .water-dots{fill:#111}
.mechanism-highlight .mechanism-badge circle{fill:#111;stroke:#111}
.mechanism-highlight .mechanism-badge text{fill:#fff}
.mechanism-note{font-size:12px;line-height:1.9;margin:16px 0 0;color:#565859}
.mechanism-controls,.mechanism-instruction{display:none}
.mechanism-interactive .mechanism-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.mechanism-interactive .mechanism-instruction{display:block;font-size:13px;line-height:1.9;margin-bottom:16px}
.mechanism-controls button{min-height:44px;padding:10px 14px;background:#fff;border:1px solid #aab6bb;text-align:start;font-size:13px;line-height:1.7;flex:1 1 100px;overflow-wrap:anywhere}
.mechanism-controls button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.mechanism-controls button:focus-visible{outline:3px solid #565859;outline-offset:3px}
.mechanism-explanation{padding-block:8px 16px}
.mechanism-explanation[hidden]{display:none!important}
.mechanism-explanation h5{font-size:20px;line-height:1.7;margin:8px 0 14px;font-weight:500}
.mechanism-explanation>p:last-child{font-size:16px;line-height:2}
.mechanism-part-label{font-size:12px;line-height:1.7;border-block-end:1px solid #c0cbce;padding-bottom:8px}
.mechanism-path{padding:12px;border:1px solid #c0cbce;margin-bottom:14px}
.mechanism-path h5{font-size:14px;line-height:1.8;margin:0 0 12px}
.mechanism-path ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.mechanism-path li{position:relative;background:#eef0ef;padding:10px;font-size:13px;line-height:1.7;text-align:center;border:1px solid #c0cbce}
.mechanism-path li+li:before{content:'';position:absolute;inset-block-start:-17px;inset-inline-start:calc(50% - 4px);width:8px;height:8px;border-right:1.5px solid #565859;border-bottom:1.5px solid #565859;transform:rotate(45deg)}
.mechanism-path.mechanism-highlight{border:2px solid #111;padding:11px}
.mechanism-path.mechanism-highlight li{background:#d7e0db;border-color:#565859}
.mechanism .academy-reading{border-block-start:1px solid #c0cbce;padding-top:10px;margin-top:18px}
@media(max-width:1100px){.mechanism-layout{grid-template-columns:1fr}.mechanism-pathways{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mechanism-path{margin:0}.mechanism-svg{max-height:330px}.mechanism-reader{min-width:0}}
@media(max-width:480px){.mechanism{padding:14px;margin-block:24px}.mechanism-graphic{padding:10px}.mechanism-pathways{grid-template-columns:1fr}.mechanism-controls button{flex-basis:100%}.mechanism-explanation h5{font-size:19px}}
@media(max-width:1100px){.mechanism[data-mechanism-kind="pigment"] .mechanism-layout,.mechanism[data-mechanism-kind="barrier"] .mechanism-layout{grid-template-columns:1fr}.cell-atlas{max-height:none;max-width:580px;margin-inline:auto}}
/* 080: give cellular anatomy room to read; focus follows the learner's selection. */
.mechanism[data-mechanism-kind="pigment"] .mechanism-layout,.mechanism[data-mechanism-kind="barrier"] .mechanism-layout{grid-template-columns:1fr;gap:20px}
.cell-atlas{max-width:600px;max-height:none;margin-inline:auto}
.mechanism[data-mechanism-kind="pigment"] .mechanism-graphic,.mechanism[data-mechanism-kind="barrier"] .mechanism-graphic{border:0;padding:12px 20px;background:#fafbf9}
.cell-atlas .tissue-context{opacity:.75}
.cell-atlas .keratinocyte{stroke:#a7b3ab;stroke-width:1.1}
.cell-atlas .melanosomes{fill:#4f5a52;stroke:none}
.cell-atlas .chromatin{opacity:.45}
.cell-atlas .nuclear-rim{opacity:.55}
.cell-atlas .mechanism-highlight .melanocyte{fill:#b3c7b9;stroke:#425e4a;stroke-width:1.8}
.cell-atlas .mechanism-highlight .recipient-outline{stroke:#425e4a;stroke-width:2}
.cell-atlas .mechanism-highlight .lipid-field{fill:#d4dfd5;stroke:none}
.cell-atlas .mechanism-highlight .lamellar-lines{stroke:#637c69;stroke-width:1.5}
.mechanism[data-mechanism-kind="pigment"] .mechanism-controls button,.mechanism[data-mechanism-kind="barrier"] .mechanism-controls button{flex-basis:120px}
@media(max-width:480px){.mechanism[data-mechanism-kind="pigment"] .mechanism-graphic,.mechanism[data-mechanism-kind="barrier"] .mechanism-graphic{padding:0;background:transparent}}
/* 081: keep selection beside its visual result and protect anatomical boundaries. */
.mechanism>.mechanism-instruction{margin:0 0 12px}
.mechanism>.mechanism-controls{margin-bottom:20px}
.cell-atlas .callout-line{stroke:#718277;stroke-width:1.2}
.cell-atlas .mechanism-highlight .callout-line{stroke:#263b2d;stroke-width:2}
.mechanism[data-mechanism-active="transfer"] .transfer-focus{fill:#d4dfd5;fill-opacity:.16}
.mechanism[data-mechanism-active="recipient"] .recipient-outline{fill:#b3c7b9;fill-opacity:.2}
.mechanism[data-mechanism-kind="pigment"] .mechanism-graphic,.mechanism[data-mechanism-kind="barrier"] .mechanism-graphic{padding-block:0}
.cell-atlas{max-width:560px}
/* 082: focused medical illustration; quieter context and a single recipient. */
.mechanism[data-mechanism-kind="pigment"] .cell-atlas{max-width:660px}
.mechanism[data-mechanism-kind="pigment"] .tissue-context{opacity:1}
.mechanism[data-mechanism-kind="pigment"] .epidermal-cell{opacity:.58}
.mechanism[data-mechanism-kind="pigment"] .epidermal-cell.focal-cell{opacity:1}
.mechanism[data-mechanism-kind="pigment"] .keratinocyte{stroke:#7f9385;stroke-width:1.1}
.cell-atlas .cyto-filaments{fill:none;stroke:#9cafa1;stroke-width:.65;opacity:.35}
.mechanism[data-mechanism-kind="pigment"] .melanocyte{fill:#b2c6b7;stroke:#4b6955;stroke-width:1.2}
.mechanism[data-mechanism-kind="pigment"] .mechanism-highlight .melanocyte{fill:#a3bea9;stroke:#344f3d;stroke-width:1.7}
.mechanism[data-mechanism-kind="pigment"] .basal-guide{stroke-dasharray:none;stroke:#b0c0b4;stroke-width:1}
.mechanism[data-mechanism-kind="pigment"] .callout-line{stroke:#8c9c91;stroke-width:.85}
.mechanism[data-mechanism-kind="pigment"] .mechanism-highlight .callout-line{stroke:#425e4a;stroke-width:1.2}
.mechanism[data-mechanism-kind="pigment"] .mechanism-badge circle{stroke-width:1;fill:#f5f7f4}
.mechanism[data-mechanism-kind="pigment"] .mechanism-highlight .mechanism-badge circle{fill:#263b2d}
/* 084: two scales, a connected tissue locator and a large cell interface. */
.mechanism[data-mechanism-kind="pigment"] .mechanism-graphic{padding:0;background:#fff}
.pigment-atlas{border:1px solid #c0cbce;color:#263b2d;max-width:800px;margin-inline:auto}
.atlas-orientation{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);align-items:center;gap:28px;padding:24px;border-bottom:1px solid #c0cbce;background:#f5f6f5}
.atlas-view-title{font-size:16px!important;font-weight:500;line-height:1.7!important;margin:0 0 10px!important}
.atlas-context-note{font-size:13px!important;line-height:1.9!important;color:#565859;margin:0!important;max-width:34em}
.atlas-overview{display:block;width:100%;height:auto;max-width:300px;direction:ltr;justify-self:center}
.atlas-closeup{padding:24px 24px 16px}
.atlas-cell-key{display:flex;justify-content:space-between;gap:24px;direction:ltr;margin:18px 0 0;border-bottom:1px solid #c0cbce;padding-bottom:12px;font-size:14px;line-height:1.6}
.atlas-cell-key span{display:flex;align-items:center;gap:8px;unicode-bidi:plaintext}
.atlas-cell-key span:before{content:'';width:10px;height:10px;border:1px solid #63796b;flex-shrink:0}
.atlas-key-source:before{background:#b2c6b7}.atlas-key-target:before{background:#eef0ef}
.atlas-drawing{position:relative;direction:ltr;isolation:isolate}
.atlas-interface{display:block;width:100%;height:auto;direction:ltr}
.atlas-source-cell{fill:#b2c6b7;stroke:#4b6955;stroke-width:2}
.atlas-target-cell{fill:#eef0ef;stroke:#7f9385;stroke-width:2}
.atlas-source-nucleus{fill:#dce3df;stroke:#63796b;stroke-width:1.7}
.atlas-target-nucleus{fill:#dce3df;stroke:#7f9385;stroke-width:1.7}
.atlas-nuclear-inner{fill:none;stroke:#aab6bb;stroke-width:1}
.atlas-pigment{fill:#39483e}
.atlas-emphasis{fill:none;stroke:#263b2d;stroke-width:1.5;stroke-dasharray:4 4}
.atlas-detail-label{position:absolute;inset-block-start:7%;inset-inline-start:3%;max-width:53%;font-size:14px;line-height:1.8;padding:5px 10px;background:#fff;border-inline-start:2px solid #63796b;unicode-bidi:plaintext}
.atlas-detail-label[data-atlas-detail="recipient"]{inset-block-start:auto;inset-block-end:2%;inset-inline-start:auto;inset-inline-end:2%;max-width:53%}
.atlas-detail-label[data-atlas-detail="transfer"]{inset-inline-start:39%;max-width:56%}
.pigment-atlas [data-atlas-detail]{display:none}
.mechanism:not([data-mechanism-active]) .pigment-atlas [data-atlas-detail="production"],
.mechanism[data-mechanism-active="production"] .pigment-atlas [data-atlas-detail="production"],
.mechanism[data-mechanism-active="transfer"] .pigment-atlas [data-atlas-detail="transfer"],
.mechanism[data-mechanism-active="recipient"] .pigment-atlas [data-atlas-detail="recipient"]{display:block}
.mechanism[data-mechanism-active="production"] .atlas-target-cell{fill:#f5f6f5}
.mechanism[data-mechanism-active="transfer"] .atlas-source-cell{stroke:#263b2d;stroke-width:2.5}
.mechanism[data-mechanism-active="recipient"] .atlas-target-cell{fill:#e4ebe6}
.mechanism[data-mechanism-active="recipient"] .atlas-source-cell{fill:#dce3df}
.atlas-limit{font-size:12px!important;line-height:1.9!important;color:#565859;border-top:1px solid #c0cbce;margin:0!important;padding-top:12px}
@media(max-width:600px){.atlas-orientation{grid-template-columns:1fr;gap:16px;padding:16px}.atlas-overview{max-width:260px}.atlas-closeup{padding:16px 10px 12px}.atlas-view-title{font-size:15px!important}.atlas-detail-label{font-size:12px;padding:3px 6px}.atlas-cell-key{font-size:12px;gap:12px}.atlas-cell-key span{gap:5px}}
/*085: the approved atlas grammar shared across all six sessions. */
.mechanism:has(.lesson-atlas) .mechanism-layout{grid-template-columns:1fr;gap:20px}
.mechanism:has(.lesson-atlas) .mechanism-graphic{padding:0;border:0;background:#fff}
.learning-atlas-svg{width:100%;height:auto;display:block;direction:ltr}
.learning-atlas-overview{max-width:300px;justify-self:center}
.atlas-study[hidden]{display:none!important}
.atlas-study+.atlas-study{border-top:1px solid #c0cbce}
.atlas-study .atlas-cell-key span{flex:1;align-items:flex-start}
.atlas-study .atlas-cell-key span:last-child{justify-content:flex-end;text-align:end}
.atlas-study .atlas-cell-key span:before{display:none}
.la-context{fill:#eef0ef;stroke:#aab6bb;stroke-width:1.3}
.la-cell,.la-corneocyte{fill:#b2c6b7;stroke:#4b6955;stroke-width:1.7;stroke-linejoin:round}
.la-corneocyte{fill:#eef0ef;stroke:#7f9385}
.la-nucleus{fill:#dce3df;stroke:#63796b;stroke-width:1.5}
.la-muted{fill:#aab6bb}.la-dark{fill:#39483e}
.la-line{fill:none;stroke:#aab6bb;stroke-width:1.3}
.la-locator{fill:none;stroke:#263b2d;stroke-width:1.7;stroke-dasharray:4 4}
.la-lipid-field{fill:#dce3df}
.la-lamella{fill:none;stroke:#7f9385;stroke-width:1.1}
.la-water{fill:#63796b;stroke:#fff;stroke-width:1}
.la-oil{fill:#b2c6b7;stroke:#4b6955;stroke-width:1.5}
.la-arrow{fill:none;stroke:#263b2d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.la-occlusive{fill:none;stroke:#63796b;stroke-width:9;stroke-linecap:round}
.la-chain{fill:none;stroke:#63796b;stroke-width:3}
.la-association{fill:none;stroke:#63796b;stroke-width:1.5;stroke-dasharray:3 5}
.la-reaction{fill:#eef0ef;stroke:#63796b;stroke-width:1.5}
.la-helix{fill:none;stroke:#4b6955;stroke-width:2}
.la-helix:nth-last-child(2){stroke:#aab6bb}.la-helix:last-child{stroke:#263b2d}
.la-mode-holding .la-corneocyte,.la-mode-water .la-corneocyte{fill:#e4ebe6}
.la-mode-lipids .la-lamella{stroke:#263b2d;stroke-width:1.6}
.atlas-functional-chain{list-style:none;padding:0;margin:12px 0;display:flex;gap:20px;align-items:center;font-size:14px;line-height:1.8}
.atlas-functional-chain li{flex:1;position:relative;text-align:center}
.atlas-functional-chain li+li:before{content:'←';position:absolute;inset-inline-start:-16px;color:#63796b}
[dir=ltr] .atlas-functional-chain li+li:before{content:'→'}
@media(max-width:600px){.atlas-functional-chain{font-size:12px;gap:15px}.atlas-study .atlas-cell-key{font-size:12px;line-height:1.8}.learning-atlas-overview{max-width:260px}}
/*086: observation symbols carry no numeric results or implied treatment response. */
/*087: bounded original SVG; no loops, 3D, external media or additional runtime. */
.concept-symbol{font-size:28px;fill:#263b2d;font-family:inherit;letter-spacing:.04em}
.concept-formula-overview{max-width:210px;max-height:170px;justify-self:center}
.professional-concept .atlas-cell-key bdi{overflow-wrap:anywhere}
.reading-symbol{fill:#f5f6f5;stroke:#63796b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reading-symbol .reading-sensor{stroke:#263b2d;stroke-width:3}
.reading-conditions{font-size:13px!important;line-height:1.9!important;padding:18px 24px;margin:0!important;border-top:1px solid #c0cbce;background:#f5f6f5;color:#565859;max-width:none!important;inline-size:100%;box-sizing:border-box}
@media(max-width:600px){.reading-conditions{padding:14px}}

/* Original atlas palette; native controls, no continuous motion or layout animation. */
.case-entry{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-block:0 24px;padding:16px;border:1px solid #c0cbce;background:#f5f6f5}
.case-entry button,.case-lab button{font:inherit;min-height:44px;cursor:pointer;border:1px solid #7f9385;padding:12px 18px;background:#fff;color:#263b2d}
.case-entry button{background:#263b2d;color:#fff}
.case-entry span{font-size:14px}.case-lab{margin-block:32px;max-width:850px;scroll-margin-top:120px;border:1px solid #c0cbce;background:#fff;color:#263b2d}
.case-lab>header{background:#f5f6f5;padding:24px;border-bottom:1px solid #c0cbce}
.case-lab h4{font-size:26px;margin:8px 0 12px}.case-lab h5{font-size:20px;line-height:1.8;margin:22px 0 16px}.case-lab p{max-width:none;line-height:2}
.case-save,.case-progress{padding-inline:24px;font-size:13px}.case-save{color:#565859}.case-round,.case-debrief{padding:12px 24px 24px}.case-round[hidden],.case-debrief[hidden]{display:none!important}
.case-context{border-inline-start:3px solid #7f9385;padding:12px 18px;background:#f5f6f5}
.enhanced .case-lab .case-options.js-only{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px}.case-options button{display:flex;gap:16px;text-align:start;align-items:flex-start;line-height:1.9;min-width:0;width:100%}.case-options bdi{flex-shrink:0;font-size:13px;opacity:.7}
.case-options button[aria-pressed=true]{border-color:#263b2d;background:#e4ebe6;box-shadow:inset 0 0 0 1px #263b2d}
.case-feedback{padding:18px;background:#eef0ef;border-inline-start:3px solid #63796b}.case-retry{font-size:14px!important}.case-guide{margin-top:20px}.case-guide summary{cursor:pointer;min-height:44px;padding:10px 0}.case-guide li{margin-bottom:16px}.case-guide p{font-size:14px}
.case-navigation{display:flex;justify-content:space-between;gap:14px;padding:16px 24px;border-top:1px solid #c0cbce}.case-navigation button:last-child{background:#263b2d;color:#fff}.case-lab button:disabled{opacity:.5;cursor:default}.case-lab button[hidden]{display:none!important}
.case-reset{margin:0 24px 20px;font-size:13px!important}.case-lab>.academy-reading{margin:0 24px 24px}.case-lab :focus-visible,.case-entry :focus-visible{outline:3px solid #63796b;outline-offset:4px}
@media(max-width:600px){.case-lab>header,.case-round,.case-debrief{padding:16px}.case-lab h4{font-size:22px}.case-lab h5{font-size:18px}.case-save,.case-progress{padding-inline:16px}.case-navigation{padding:16px;flex-wrap:wrap}.case-navigation button{flex:1}.case-context{padding:10px 12px}.case-options button{padding:12px;gap:10px}}

.case-review-link{display:inline-flex;align-items:center;min-height:44px;margin-block:12px;text-underline-offset:6px;font-size:15px}
.case-review{margin-block:36px 16px;padding:28px;border:1px solid #c0cbce;background:#fff;scroll-margin-top:110px;color:#263b2d}
.case-review>header{max-width:780px}.academy-start .case-review h2{font-size:30px}.case-review p{line-height:1.9;max-width:75ch}.case-review-note{font-size:13px;color:#565859;margin-block:12px}
.case-review-filters{flex-wrap:wrap;gap:8px;margin-block:24px 12px}.case-review button{font:inherit;min-height:44px;border:1px solid #7f9385;padding:10px 16px;background:#fff;color:#263b2d;cursor:pointer}
.case-review button[aria-pressed=true]{background:#263b2d;color:#fff}.case-review-count{font-size:14px;margin-bottom:18px}
.case-review-group{margin-top:24px;border:1px solid #c0cbce}.case-review-group>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:#f5f6f5}.case-review-group h3{font-size:23px;line-height:1.6;max-width:40ch}
.case-review-item{border-top:1px solid #c0cbce}.case-review-item>summary{cursor:pointer;padding:18px 20px;min-height:60px;line-height:1.9}.case-review-item>summary small{margin-top:5px;font-size:12px;color:#565859}.case-review-item[open]>summary{background:#eef0ef}
.case-review-body{padding:12px 24px 24px}.case-review-body summary{cursor:pointer;min-height:44px;padding:10px 0}.case-review-context p{padding:14px 18px;border-inline-start:2px solid #7f9385;background:#f5f6f5}
.enhanced .case-review-response.js-only{display:block!important;margin-block:20px;padding:18px;background:#f5f6f5;border-inline-start:3px solid #63796b}.case-review-response h5{font-size:14px;margin:0 0 8px}.case-review-response p+p{margin-top:12px}.case-review-reason{margin-top:12px}.case-review-reason p+p{margin-top:10px}
.case-review :focus-visible{outline:3px solid #63796b;outline-offset:4px}
.case-review summary,.case-review [data-review-choice],.case-review [data-review-filter]{scroll-margin-block:12px}
.enhanced .case-review [data-review-retry][hidden],.enhanced .case-review [data-review-retry-panel][hidden]{display:none!important}
.review-retry-start{margin-block:16px}.enhanced .case-review .review-retry-panel.js-only{display:block!important;margin-block:20px;padding:20px;border:1px solid #7f9385;background:#f5f6f5}
.enhanced .case-review-item[data-review-editing=true] .case-review-response{display:none!important}
.review-retry-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-block:18px}
.review-retry-options button{display:flex;gap:14px;text-align:start;line-height:1.9;min-width:0;width:100%;background:#fff}.review-retry-options bdi{flex-shrink:0;font-size:13px}
.review-retry-options button[aria-pressed=true]{background:#e4ebe6;color:#263b2d;border:2px solid #263b2d;padding:9px 15px}
.review-retry-feedback{border-inline-start:3px solid #63796b;padding:14px;background:#eef0ef;margin-bottom:16px}
.enhanced .case-review .review-retry-panel[hidden]{display:none!important}
@media(max-width:600px){.enhanced .case-review .review-retry-panel.js-only{padding:12px}.review-retry-options button{padding:10px;gap:10px}.review-retry-options button[aria-pressed=true]{padding:9px}}
@media(max-width:600px){.case-review{padding:16px 10px}.case-review-group>header{padding:16px}.case-review-group h3{font-size:21px}.case-review-item>summary{padding:14px}.case-review-body{padding:10px 14px 18px}.case-review-filters button{flex:1;min-width:110px}.case-review-response{padding:12px!important}}
/*094: gently softened Academy corners; preserve rectangular proportions and focus outlines. */
.academy-learning{--academy-panel-radius:12px;--academy-control-radius:8px}
.academy-learning .academy-card-image,.academy-learning .academy-card-image img{border-start-start-radius:11px;border-end-start-radius:11px}
.academy-learning :is(.case-review,.case-review-group,.case-lab,.case-entry,.academy-course,.academy-card,.pigment-atlas){border-radius:var(--academy-panel-radius)}
.academy-learning :is(.case-review-group>header,.case-lab>header,.academy-lesson-header,.atlas-orientation){border-start-start-radius:11px;border-start-end-radius:11px}
.academy-learning :is(.case-review button,.case-lab button,.case-entry button,.academy-answer-options button,.academy-step-nav button,.academy-step-controls button,.academy-path-switch button,.academy-reset,.mechanism-controls button){border-radius:var(--academy-control-radius)}
.academy-learning :is(.case-context,.case-feedback,.case-review-response,.case-review-context p,.review-retry-panel,.review-retry-feedback){border-radius:var(--academy-control-radius)}
.case-review-item:last-child:not([open])>summary{border-end-start-radius:11px;border-end-end-radius:11px}

/*095: a compact reading hierarchy and an audience-specific return to saved learning. */
.enhanced .academy-learning .academy-resume.js-only{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:12px 32px;padding:24px;margin-block:22px 28px;border:1px solid #aab6bb;border-inline-start:3px solid #63796b;border-radius:12px;background:#fff;color:#263b2d}
.academy-resume h3{font-size:clamp(22px,2vw,28px);line-height:1.6;margin-block:6px}.academy-resume-position{font-size:15px;line-height:1.85;margin-block:4px}
.academy-resume-actions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-width:0}
.academy-resume a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border-radius:8px;text-align:center;font-size:15px;line-height:1.7;text-decoration:none}
.academy-resume-open{background:#263b2d;color:#fff;border:1px solid #263b2d}.academy-resume-review{border:1px solid #aab6bb;color:#263b2d;background:#f5f6f5}
.academy-resume a:focus-visible{outline:3px solid #63796b;outline-offset:4px}.academy-resume-note{grid-column:1/-1;border-top:1px solid #e1e5e3;padding-top:12px;color:#565859;font-size:12px;line-height:1.8}
.case-review{padding:24px;margin-top:28px}.case-review>header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px 32px;max-width:none;align-items:start}
.case-review>header h2{line-height:1.5;margin-top:6px}.case-review>header .case-review-note{margin-bottom:0}.case-review-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;border-block:1px solid #e1e5e3;padding-block:14px;margin-top:18px}
.case-review-toolbar .case-review-filters{margin:0;gap:6px}.case-review-toolbar .case-review-count{margin:0;font-size:13px}.case-review-filters button{padding:8px 12px;font-size:14px}
.case-review-group{margin-top:16px}.case-review-group>header{padding:14px 18px;gap:10px}.case-review-group h3{font-size:21px}.case-review-group>header button{font-size:13px;padding:8px 12px}
.case-review-item>summary{padding:14px 18px;font-weight:500}.enhanced .case-review-item>summary small.js-only{display:inline-block!important;font-weight:400;padding:2px 9px;margin-inline-start:12px;border:1px solid #c0cbce;border-radius:6px;background:#fff;line-height:1.8}
.case-review-item[data-review-result=revisit]>summary small{border-style:dashed;color:#263b2d}.case-review-body{padding:8px 18px 18px}
.enhanced .case-review .case-review-response.js-only{margin-block:8px 12px;padding:16px}.case-review-response [data-review-answer]{font-weight:500}.case-review-explanation{border-block-start:1px solid #d7ddde;padding-top:12px;margin-top:12px}.case-review-response h5{font-size:12px;letter-spacing:0;color:#565859}.case-review-response p{font-size:15px}.review-retry-start{margin-block:8px}.case-review-reason{margin-top:8px}.enhanced .case-review .review-retry-panel.js-only{margin-block:8px 12px;padding:16px}
.academy-learning:not(:has(.academy-interactive)) .academy-resume{display:none!important}
@media(hover:hover){.academy-resume-open:hover{background:#344c3c}.academy-resume-review:hover{background:#e8ecea}}
@media(max-width:720px){.enhanced .academy-learning .academy-resume.js-only{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px}.academy-resume-actions{align-items:stretch}.case-review{padding:18px 12px}.case-review>header{grid-template-columns:minmax(0,1fr);gap:10px}.case-review-toolbar{align-items:stretch;flex-direction:column}.case-review-toolbar .case-review-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.case-review-filters button{min-width:0}.case-review-group>header{padding:14px}.case-review-body{padding:8px 12px 16px}.case-review-item>summary{padding:12px 14px}.enhanced .case-review-item>summary small.js-only{display:table!important;margin:6px 0 0}.case-review-group h3{font-size:20px}}