/* Dr. Althea: an open, irregular composition of formulas and tactile textures. */
#althea-catalog{--ac-paper:#ebebdd;--ac-ink:#343c37;--ac-ease:cubic-bezier(.22,.7,.15,1);position:fixed;inset:0;z-index:40;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--ac-paper);color:var(--ac-ink);font:16px/1.55 Arial,sans-serif;opacity:0;transition:opacity .8s;isolation:isolate;scrollbar-color:#71827670 transparent;scroll-padding-top:85px}#althea-catalog.is-open{opacity:1}#althea-catalog button{font:inherit}.ac-nav{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font:13px Arial,sans-serif;backdrop-filter:blur(12px)}.ac-nav button{padding:12px 0}.ac-nav button span{margin-left:12px}.ac-wordmark{position:absolute;left:50%;transform:translateX(-50%);font:italic 30px Georgia,'Times New Roman',serif;letter-spacing:-1.5px}.ac-nav>a:last-child{text-decoration:underline;text-underline-offset:6px}.ac-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;height:calc(100svh - 78px);min-height:760px;max-height:1050px;padding:50px 6% 100px;overflow:hidden}.ac-hero-copy{z-index:3;position:relative}.ac-eyebrow{display:block;font:11px Arial,sans-serif;margin-bottom:30px}.ac-hero h1{font:clamp(68px,7.1vw,120px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.075em;margin:0 0 35px}.ac-hero-copy p{font:16px/1.7 Arial,sans-serif;margin:0 0 40px}.ac-hero-copy>a{font:13px Arial,sans-serif;text-decoration:underline;text-underline-offset:7px;display:inline-flex;gap:45px;align-items:center}.ac-hero-copy>a span{font-size:28px}.ac-hero-art{height:100%;min-height:600px;position:relative}.ac-hero-product{position:absolute;height:570px;width:auto;left:41%;top:0;padding:0;transform:rotate(-16deg);z-index:3}.ac-hero-product .catalog-cutout{height:100%;width:auto;filter:drop-shadow(18px 26px 23px #4c594919)}.ac-hero-product:hover{transform:rotate(-12deg) translateY(-5px);transition:transform 1s var(--ac-ease)}.ac-hero-caption{position:absolute;right:0;bottom:0;font:12px/1.6 Arial,sans-serif;z-index:4}.ac-hero-caption>span{opacity:.65}.ac-hero-bottom{position:absolute;left:6%;bottom:30px;font:11px Arial,sans-serif}
.ac-texture{position:absolute;pointer-events:none;user-select:none;height:auto;max-width:none;transform:translateY(var(--texture-y,0px)) rotate(var(--texture-angle,0deg));will-change:transform;z-index:0}.ac-hero-cream{width:145%;left:-18%;bottom:6%;--texture-angle:-21deg}.ac-hero-gel{width:65%;right:-26%;top:-5%;--texture-angle:-22deg;opacity:.8}.ac-collection{max-width:1700px;margin:auto;padding:0 5%;position:relative}.ac-intro{position:relative;padding:110px 0 140px;display:flex;justify-content:space-between;gap:40px;align-items:end}.ac-intro h2{font:italic clamp(85px,10vw,160px)/.83 Bebas,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:0}.ac-intro p{font:15px/1.7 Arial,sans-serif;margin:0 5% 0 0;max-width:220px}.ac-composition{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:90px;align-items:start;padding-bottom:160px}.ac-product{position:relative;min-width:0;--cursor-x:0px;--cursor-y:0px;--cursor-roll:0deg;--scroll-y:0px;--ac-angle:0deg;z-index:2}.ac-product-link{position:relative;display:block;min-height:inherit;width:100%;padding:0!important;text-align:left;overflow:visible;background:none;border:0;box-shadow:none}.ac-product-link:focus-visible{outline:2px solid #343c37;outline-offset:8px}.ac-number{position:absolute;left:0;top:0;font:10px Arial,sans-serif;opacity:.45}.ac-packshot{position:absolute;display:block;width:auto;height:520px;left:0;top:0;pointer-events:none;z-index:1}.ac-motion{display:block;height:100%;width:auto;transform:translate3d(var(--cursor-x),calc(var(--cursor-y) + var(--scroll-y)),0) rotate(calc(var(--ac-angle) + var(--cursor-roll)));will-change:transform}.ac-packshot .catalog-cutout{height:100%;width:auto;filter:drop-shadow(14px 24px 20px #445c5019)}.ac-type{position:absolute;left:52%;top:32%;font:11px/1.5 Arial,sans-serif;z-index:3}.ac-product h3{position:absolute;left:52%;right:0;top:calc(32% + 35px);margin:0;font:clamp(50px,5.2vw,86px)/.94 Bebas,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-wrap:balance;z-index:3;pointer-events:none}.ac-product-foot{position:absolute;left:52%;right:0;bottom:50px;display:flex;align-items:center;gap:30px;font:12px Arial,sans-serif;z-index:3}.ac-product-foot>span:last-child{font-size:29px;transition:transform .6s var(--ac-ease)}.ac-product-link:hover .ac-product-foot>span:last-child{transform:translate(4px,-4px)}
.ac-relief{grid-column:1/span 7;grid-row:1;min-height:810px;margin-top:0;--ac-angle:-21deg}.ac-relief .ac-packshot{height:670px;left:9%;top:20px}.ac-relief .ac-type{top:36%}.ac-relief h3{top:calc(36% + 35px)}.ac-relief .ac-product-foot{bottom:120px}.ac-infusion{grid-column:9/span 4;grid-row:1;margin-top:330px;min-height:740px;--ac-angle:13deg}.ac-infusion .ac-packshot{height:335px;left:9%}.ac-infusion .ac-type{left:4%;top:390px}.ac-infusion h3{left:4%;top:425px;font-size:66px}.ac-infusion .ac-product-foot{left:4%;bottom:25px}.ac-marine{grid-column:4/span 9;grid-row:2;margin-top:-150px;min-height:760px;--ac-angle:25deg}.ac-marine .ac-packshot{height:570px;left:54%;top:50px}.ac-marine .ac-type{left:3%;top:160px}.ac-marine h3{left:3%;right:51%;top:195px;font-size:90px}.ac-marine .ac-product-foot{left:3%;bottom:160px}.ac-barrier{grid-column:1/span 6;grid-row:3;margin-top:-60px;min-height:800px;--ac-angle:15deg}.ac-barrier .ac-packshot{height:550px;left:7%;top:20px}.ac-barrier .ac-type{left:49%;top:330px}.ac-barrier h3{left:49%;top:365px}.ac-barrier .ac-product-foot{left:49%;bottom:120px}.ac-vitamin{grid-column:8/span 5;grid-row:3;margin-top:180px;min-height:750px;--ac-angle:-15deg}.ac-vitamin .ac-packshot{height:380px;left:20%;top:0}.ac-vitamin .ac-type{left:2%;top:430px}.ac-vitamin h3{left:2%;top:465px;font-size:79px}.ac-vitamin .ac-product-foot{left:2%;bottom:0}.ac-eye{grid-column:2/span 6;grid-row:4;margin-top:-50px;min-height:820px;--ac-angle:-28deg}.ac-eye .ac-packshot{height:490px;left:13%;top:30px}.ac-eye .ac-type{left:50%;top:290px}.ac-eye h3{left:50%;top:325px;font-size:78px}.ac-eye .ac-product-foot{left:50%;bottom:90px}.ac-retinol{grid-column:9/span 4;grid-row:4;margin-top:300px;min-height:710px;--ac-angle:10deg}.ac-retinol .ac-packshot{height:335px;left:4%}.ac-retinol .ac-type{left:0;top:385px}.ac-retinol h3{left:0;top:420px;font-size:69px}.ac-retinol .ac-product-foot{left:0;bottom:0}
.ac-decor-relief{width:58%;top:240px;left:-20%;--texture-angle:40deg}.ac-decor-infusion{width:29%;top:325px;right:-12%;--texture-angle:-27deg;opacity:.85}.ac-decor-marine{width:95%;top:1300px;left:10%;--texture-angle:12deg;opacity:.8}.ac-decor-barrier{width:65%;top:2090px;left:-18%;--texture-angle:-32deg}.ac-decor-retinol{width:43%;bottom:220px;right:-16%;--texture-angle:50deg;opacity:.75}.ac-editorial-note{grid-column:1/span 7;grid-row:5;font:clamp(45px,5vw,76px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.055em;padding:15px 0 20px;margin-top:-170px;z-index:1}.ac-reveal{opacity:0;transform:translateY(38px);transition:opacity 1s var(--ac-ease),transform 1.45s var(--ac-ease)}.ac-reveal.is-revealed{opacity:1;transform:none}.ac-ending{padding:70px 5% 100px;display:flex;justify-content:space-between;gap:40px;align-items:end}.ac-ending p{font:clamp(50px,6vw,90px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0}.ac-ending button{font:13px Arial,sans-serif!important;text-decoration:underline;text-underline-offset:7px}.ac-credits{padding:30px 5% 45px;display:flex;flex-wrap:wrap;gap:25px;font:11px/1.6 Arial,sans-serif}.ac-credits>span:nth-child(2){margin-left:auto}.ac-credits details{width:100%;max-width:780px;opacity:.8}.ac-credits summary{cursor:pointer;width:max-content}.ac-credits a{text-decoration:underline;text-underline-offset:3px}.ac-specs{margin:28px 0 0}.ac-specs>div{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:0 0 12px}.ac-specs dt{font:11px/1.8 Arial,sans-serif;color:#756d63}.ac-specs dd{font:13px/1.6 Arial,sans-serif;margin:0}.althea-detail .detail-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:45px;letter-spacing:-.045em;line-height:1.04}.althea-detail .detail-art{background:#dce5d9}.althea-detail .ac-detail-retinol{background:#dcd6e9}.althea-detail .ac-detail-marine{background:#d6e5ed}.althea-detail .ac-detail-vitamin{background:#ebdfbf}.althea-detail .detail-art .catalog-cutout{height:430px}
@media(min-width:1700px){.ac-hero{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:1100px) and (min-width:701px){.ac-hero h1{font-size:75px}.ac-hero-product{height:500px;left:38%}.ac-hero-art{min-height:550px}.ac-hero{padding-left:4%;padding-right:4%;min-height:710px}.ac-composition{column-gap:22px}.ac-product h3{font-size:55px}.ac-relief .ac-packshot{height:540px;left:2%}.ac-relief .ac-type,.ac-relief h3,.ac-relief .ac-product-foot{left:55%}.ac-infusion .ac-packshot{height:290px}.ac-infusion h3{font-size:53px}.ac-marine .ac-packshot{height:470px;left:60%}.ac-marine h3{font-size:73px}.ac-marine{margin-top:-190px}.ac-barrier .ac-packshot{height:420px;left:0}.ac-barrier h3,.ac-barrier .ac-type,.ac-barrier .ac-product-foot{left:54%}.ac-vitamin .ac-packshot{height:310px;left:9%}.ac-vitamin h3{font-size:65px}.ac-eye .ac-packshot{height:390px;left:0}.ac-eye h3,.ac-eye .ac-type,.ac-eye .ac-product-foot{left:54%}.ac-retinol .ac-packshot{height:280px}.ac-retinol h3{font-size:54px}.ac-intro{padding-bottom:110px}.ac-intro h2{font-size:105px}}
@media(max-width:700px){#althea-catalog{scroll-padding-top:64px}.ac-nav{height:64px;padding:0 18px;font-size:10px}.ac-nav>button:first-child{display:block}.ac-nav button span{margin-left:4px}.ac-wordmark{font-size:24px}.ac-hero{height:auto;min-height:calc(100svh - 64px);max-height:none;grid-template-columns:1fr;padding:35px 22px 65px;gap:10px}.ac-eyebrow{font-size:10px;margin-bottom:22px}.ac-hero h1{font-size:61px;max-width:340px;margin-bottom:25px}.ac-hero-copy p{font-size:14px;margin-bottom:25px}.ac-hero-copy>a{font-size:12px;gap:25px}.ac-hero-art{height:400px;min-height:400px;margin-top:5px}.ac-hero-product{height:360px;left:49%;top:0}.ac-hero-cream{width:160%;left:-35%;bottom:0;--texture-angle:-25deg}.ac-hero-gel{width:60%;right:-30%;top:0}.ac-hero-caption{font-size:10px;bottom:0}.ac-hero-bottom{left:22px;bottom:20px;font-size:10px}.ac-collection{padding:0 22px}.ac-intro{display:block;padding:90px 0 100px}.ac-intro h2{font-size:80px;max-width:340px}.ac-intro p{font-size:12px;margin:30px 0 0 35%}.ac-composition{display:block;padding-bottom:70px}.ac-product{margin:0!important;min-height:700px}.ac-product .ac-packshot{height:390px;left:15%;top:10px}.ac-product .ac-type{left:4%;right:4%;top:440px;font-size:10px}.ac-product h3{left:4%;right:4%;top:475px;font-size:61px;max-width:330px}.ac-product .ac-product-foot{left:4%;right:4%;bottom:25px;font-size:11px}.ac-relief{min-height:760px;margin-left:0!important}.ac-relief .ac-packshot{height:440px;left:16%}.ac-relief .ac-type{top:485px}.ac-relief h3{top:520px}.ac-infusion{min-height:640px}.ac-infusion .ac-packshot{height:315px;left:30%;top:0}.ac-infusion .ac-type{top:360px;left:19%}.ac-infusion h3{top:395px;left:19%;font-size:54px}.ac-infusion .ac-product-foot{left:19%}.ac-marine{min-height:780px}.ac-marine .ac-packshot{height:430px;left:29%}.ac-marine .ac-type{top:475px}.ac-marine h3{top:510px;font-size:65px}.ac-barrier{min-height:730px}.ac-barrier .ac-packshot{height:415px;left:11%;top:10px}.ac-barrier .ac-type{left:26%;top:455px}.ac-barrier h3{left:26%;top:490px}.ac-barrier .ac-product-foot{left:26%}.ac-vitamin{min-height:730px}.ac-vitamin .ac-packshot{height:345px;left:23%;top:10px}.ac-vitamin .ac-type{top:410px}.ac-vitamin h3{top:445px;font-size:66px}.ac-eye{min-height:740px}.ac-eye .ac-packshot{height:390px;left:25%;top:10px}.ac-eye .ac-type{top:445px;left:20%}.ac-eye h3{top:480px;left:20%;font-size:58px}.ac-eye .ac-product-foot{left:20%}.ac-retinol{min-height:730px}.ac-retinol .ac-packshot{height:340px;left:19%;top:10px}.ac-retinol .ac-type{top:400px}.ac-retinol h3{top:435px;font-size:63px}.ac-decor-relief{width:140%;top:250px;left:-65%}.ac-decor-infusion{width:88%;top:820px;right:-45%}.ac-decor-marine{width:190%;top:1600px;left:-40%;--texture-angle:18deg}.ac-decor-barrier{width:135%;top:2380px;left:-55%;--texture-angle:-32deg}.ac-decor-retinol{width:120%;bottom:320px;right:-65%}.ac-editorial-note{display:block;margin:80px 0 0;font-size:47px}.ac-ending{display:block;padding:50px 22px 65px}.ac-ending p{font-size:51px;margin-bottom:35px}.ac-ending button{font-size:12px!important}.ac-credits{padding:25px 22px 35px;display:block;font-size:10px}.ac-credits>span{display:block;margin-bottom:15px}.althea-detail .detail-art .catalog-cutout{height:285px}.althea-detail .detail-copy h2{font-size:41px}.ac-specs{margin-top:25px}.ac-specs>div{grid-template-columns:80px 1fr}}
@media(prefers-reduced-motion:reduce){#althea-catalog,.ac-reveal,.ac-hero-product,.ac-product-foot>span{transition:none!important}.ac-reveal{opacity:1;transform:none}.ac-motion{transform:rotate(var(--ac-angle));will-change:auto}.ac-texture{will-change:auto;transform:rotate(var(--texture-angle,0deg))}}

/* Each supporting texture appears once in this catalogue. */
.ac-hero-cream{width:205%;left:-47%;bottom:-3%;--texture-angle:-25deg}.ac-decor-infusion{width:34%;top:450px;right:-10%;--texture-angle:-16deg;opacity:.9}.ac-decor-barrier{width:43%;top:2130px;left:-12%;--texture-angle:20deg}.ac-decor-retinol{width:42%;bottom:250px;right:-14%;--texture-angle:-25deg;opacity:1}
@media(max-width:700px){.ac-hero-cream{width:220%;left:-70%;bottom:-8%;--texture-angle:-28deg}.ac-decor-infusion{width:95%;top:900px;right:-46%}.ac-decor-barrier{width:95%;top:2450px;left:-53%}.ac-decor-retinol{width:110%;bottom:350px;right:-56%}}

/* Beauty cover: portrait, white cream and formulas retain their own material language. */
.ac-cover-photo{position:absolute;right:-12%;top:-4%;width:93%;height:88%;margin:0;transform:rotate(6deg);z-index:0}.ac-cover-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.ac-hero-art{isolation:isolate}.ac-hero-cream{z-index:1;width:200%;left:-60%;bottom:-5%}.ac-hero-product{z-index:3;left:30%;top:3%;height:595px}.ac-hero-copy{z-index:4}.ac-hero h1{font-size:clamp(74px,7.9vw,132px);line-height:.94}.ac-hero h1 br+*{font-style:italic}.ac-hero-caption{right:-3%;bottom:0;background:var(--ac-paper);padding:8px 12px}.ac-decor-infusion{width:30%;right:-12%;top:410px;--texture-angle:-15deg}.ac-editorial-note{font-style:italic}
@media(max-width:1100px) and (min-width:701px){.ac-hero h1{font-size:78px}.ac-hero-product{height:530px;left:25%}.ac-cover-photo{width:110%;right:-15%;height:86%}.ac-hero-caption{right:-1%}}
@media(max-width:700px){.ac-hero h1{font-size:64px}.ac-hero-art{height:505px;min-height:505px;margin-top:30px}.ac-cover-photo{width:82%;height:91%;right:-10%;top:-1%}.ac-hero-product{height:400px;left:24%;top:12%}.ac-hero-cream{width:220%;left:-78%;bottom:-8%}.ac-hero-caption{right:0;bottom:0;font-size:10px;padding:5px 8px}.ac-decor-infusion{width:83%;right:-44%;top:900px}}

/* Material-specific accents anchored to each formula. */
.ac-intro{display:block}.ac-intro h2{font-size:clamp(82px,9.3vw,154px);max-width:1350px;line-height:.88}.ac-product{isolation:isolate}.ac-product-link{z-index:1}.ac-product-accent{z-index:0}.ac-barrier{margin-top:100px}.ac-vitamin{margin-top:350px}.ac-barrier-cream{width:90%;left:-27%;top:290px;--texture-angle:12deg}.ac-vitamin-berries{width:100%;left:5%;top:200px;--texture-angle:-20deg}.ac-eye-cream{width:95%;left:-30%;top:70px;--texture-angle:-22deg}.ac-retinol-splash{width:210%;right:-125%;top:-70px;--texture-angle:-25deg}
@media(max-width:1100px) and (min-width:701px){.ac-intro h2{font-size:105px}.ac-barrier-cream{width:100%;left:-30%;top:220px}.ac-vitamin-berries{width:110%;left:0;top:170px}.ac-eye-cream{width:110%;left:-40%;top:45px}}
@media(max-width:700px){.ac-intro h2{font-size:clamp(66px,17vw,80px);max-width:none}.ac-barrier{padding-top:70px;min-height:800px}.ac-barrier .ac-packshot{top:80px}.ac-barrier .ac-type{top:525px}.ac-barrier h3{top:560px}.ac-barrier-cream{width:125%;left:-53%;top:310px}.ac-vitamin{padding-top:65px;min-height:795px}.ac-vitamin .ac-packshot{top:75px}.ac-vitamin .ac-type{top:475px}.ac-vitamin h3{top:510px}.ac-vitamin-berries{width:110%;left:10%;top:230px}.ac-eye-cream{width:115%;left:-34%;top:30px}.ac-retinol-splash{width:210%;right:-120%;top:-50px}}
.ac-vitamin-berries{width:80%;left:35%;top:90px}
@media(max-width:1100px) and (min-width:701px){.ac-vitamin-berries{width:85%;left:25%;top:70px}}
@media(max-width:700px){.ac-vitamin-berries{width:90%;left:24%;top:130px}}

/* Feather-light relief and round mint serum lenses. */
.ac-relief-feathers{width:145%;left:-66%;top:-50px;--texture-angle:-12deg}.ac-infusion-drops{width:145%;left:-24%;top:-40px;--texture-angle:12deg}.ac-infusion .ac-packshot{height:402px}.ac-infusion .ac-type{top:465px}.ac-infusion h3{top:500px}.ac-infusion{min-height:820px}.ac-marine .ac-packshot{height:627px}.ac-retinol .ac-packshot{height:368.5px}.ac-retinol .ac-type{top:435px;left:-30%;right:25%}.ac-retinol h3{top:470px;left:-30%;right:18%;font-size:66px}.ac-retinol .ac-product-foot{left:-30%}.ac-retinol{min-height:780px}.ac-retinol-splash{right:-145%}.ac-ending{justify-content:flex-end;padding-top:25px}
@media(max-width:1100px) and (min-width:701px){.ac-infusion .ac-packshot{height:348px}.ac-infusion .ac-type{top:420px}.ac-infusion h3{top:455px}.ac-marine .ac-packshot{height:517px}.ac-retinol .ac-packshot{height:308px}.ac-retinol h3{font-size:54px}}
@media(max-width:700px){.ac-relief-feathers{width:190%;left:-90%;top:-30px}.ac-infusion .ac-packshot{height:378px;left:25%}.ac-infusion .ac-type{top:430px}.ac-infusion h3{top:465px}.ac-infusion{min-height:740px}.ac-infusion-drops{width:160%;left:-26%;top:-10px}.ac-marine .ac-packshot{height:473px}.ac-marine .ac-type{top:530px}.ac-marine h3{top:565px}.ac-marine{min-height:835px}.ac-retinol .ac-packshot{height:374px}.ac-retinol .ac-type{top:440px;left:0;right:25%}.ac-retinol h3{top:475px;left:0;right:23%;font-size:58px}.ac-retinol .ac-product-foot{left:0}.ac-retinol{min-height:810px}.ac-retinol-splash{right:-152%}}
