@font-face{font-family:Jost;src:url('fonts/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Jost;src:url('fonts/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2') format('woff2');font-display:swap;font-weight:700}
@font-face{font-family:Arsenal;src:url('fonts/arsenal_n4.51305299cd12b61bc0400367405b80442269043d.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--ink:#102b26;--muted:#576963;--purple:#9c87d8;--purple-dark:#5e3dbc;--line:#e4e7e6;--footer:#ebf0f2;--heading:Arsenal,Arial,sans-serif;--body:Jost,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;color:var(--ink);background:#fff;font:1rem/1.5 var(--body)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5e3dbc;outline-offset:4px}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.15;margin:0 0 1rem}h1{font-size:clamp(2rem,4vw,3.75rem)}h2{font-size:clamp(1.9rem,3vw,2.75rem)}h3{font-size:1.4rem}p{margin:0 0 1rem}.wrap{width:min(1440px,calc(100% - 96px));margin:auto}.narrow{max-width:880px}.skip-link{position:fixed;top:0;left:1rem;z-index:100;background:white;padding:1rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.promo{background:#a88bd1;color:var(--ink);text-align:center;padding:.45rem 1rem;font-size:.875rem;min-height:36px}.header{position:sticky;top:0;background:#fff;z-index:20;border-bottom:1px solid #f0f1f0}.header-inner{display:flex;align-items:center;min-height:103px;gap:2rem;position:relative}.logo{flex:none}.logo img{width:235px;height:auto}.nav{display:flex;align-items:center;gap:1.5rem;margin:auto;font-size:1rem}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.header-tools{display:flex;gap:.5rem;align-items:center}.languages{display:flex;gap:.15rem}.languages a{display:grid;place-items:center;min-width:34px;min-height:38px;font-size:.875rem}.languages a.active{font-weight:700;text-decoration:underline;text-underline-offset:5px}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:42px;height:44px;padding:10px;color:var(--ink)}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.7rem;border:0;border-radius:2px;background:var(--purple-dark);color:white;min-height:46px;font-size:1rem;text-align:center}.button:hover{background:var(--purple-dark);text-decoration:none}.button.white{background:white;color:#102b26}.button.white:hover{background:#f0f0f0}.button.outline{color:var(--ink);border:1px solid var(--ink);background:white}.hero{position:relative;background:#c5d5ed}.hero-slide{height:clamp(480px,46vw,740px);position:relative;overflow:hidden;display:none}.hero-slide.active{display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,0) 70%)}.hero-copy{position:relative;z-index:2;color:var(--ink);width:min(50%,660px);margin-left:3.4%;padding:2rem 0}.hero-copy h1,.hero-copy h2{font-size:clamp(2.4rem,4vw,4.1rem);line-height:1.08;margin-bottom:1.15rem}.hero-copy p{max-width:515px;line-height:1.55;margin-bottom:1.7rem}.hero-kicker{font-size:1rem}.hero-controls{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;padding:4px 6px;border-radius:30px;background:#102b26d9}.hero-controls button{display:grid;place-items:center;border:0;background:transparent;width:44px;height:44px;color:#fff;font-size:1.7rem}.hero-controls .dot{width:36px;height:44px;font-size:0}.dot:before{content:'';width:8px;height:8px;border-radius:100%;background:#fff7}.dot[aria-pressed=true]:before{background:#fff}.hero-controls .pause{font-size:1rem}.hero-controls button:focus-visible{outline-color:white}.intro{text-align:center;padding:44px 0 18px;max-width:1120px}.intro h2{font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1.35}.section{padding:45px 0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 24px}.section-heading h2{margin:0}.text-link{text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.product-card{min-width:0}.product-photo{display:block;position:relative;background:#fff;overflow:hidden;aspect-ratio:5/7}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo .secondary{position:absolute;inset:0;opacity:0;transition:opacity .2s}.product-photo:hover .secondary{opacity:1}.product-card h3{font-family:var(--body);font-size:1rem;line-height:1.4;margin:13px 0 6px}.product-card h3 a:hover{text-decoration:underline}.product-size{font-size:.875rem;color:var(--muted);margin:0}.carousel{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:14px}.carousel .product-card{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}.carousel-controls{display:flex;gap:6px}.carousel-controls button{width:44px;height:44px;border:0;background:white;color:var(--ink);font-size:1.65rem}.feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:50px 0}.feature>img{width:100%;aspect-ratio:1.14;object-fit:cover}.feature h2{font-size:clamp(2rem,3.5vw,3.5rem)}.feature p{max-width:590px}.uses-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.use img{width:100%;aspect-ratio:1.15;object-fit:cover}.use h3{font-size:1.05rem;text-align:center;margin:14px 0 0;font-family:var(--body)}.feature-tint{background:#eef0f6}.footer{margin-top:45px;background:var(--footer);padding:50px 0 24px}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px}.footer-logo{width:235px;margin-bottom:18px}.footer p{max-width:360px;color:var(--muted)}.footer h2{font-size:1.25rem}.footer-links{display:grid;gap:9px;font-size:.95rem}.footer-email{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}.copyright{padding-top:24px;border-top:1px solid #d7dddf;margin-top:36px;display:flex;justify-content:space-between;gap:16px;font-size:.875rem;color:var(--muted)}.page-title{text-align:center;padding:58px 0 34px}.page-title p{max-width:700px;margin:0 auto;color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding:25px 0;font-size:.875rem;color:var(--muted)}.breadcrumbs a{text-decoration:underline}.catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:30px}.category-links{display:flex;flex-wrap:wrap;gap:16px}.category-links a{padding:8px 0;border-bottom:2px solid transparent}.category-links a.active{border-color:var(--ink)}.search-box{display:flex;align-items:center;gap:12px;max-width:480px;width:100%}.search-box input{min-width:0;width:100%;padding:11px 14px;border:1px solid #bdbfbf;border-radius:0;background:#fff;color:var(--ink)}.search-count{font-size:.875rem;color:var(--muted);white-space:nowrap}.empty-results{padding:3rem 0;text-align:center}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;padding-bottom:35px}.gallery-main{width:100%;max-height:820px;aspect-ratio:5/6;object-fit:contain;background:#fff}.gallery-thumbs{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding:6px}.gallery-thumbs button{width:76px;height:92px;flex:none;border:1px solid #e2e2e2;background:white;padding:3px}.gallery-thumbs button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.product-copy{padding:30px 0}.product-copy h1{font-size:clamp(2rem,3.3vw,3.2rem)}.kicker{color:var(--muted);font-size:.875rem;margin:0 0 12px}.variant-label{font-weight:700;margin:25px 0 10px}.variants{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.variant{padding:9px 13px;border:1px solid #bdbfbf;background:white;min-height:44px;color:var(--ink)}.variant[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.product-description{font-size:1.05rem;line-height:1.65}.product-sku{color:var(--muted);font-size:.875rem}.brand-notes{display:grid;gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:25px 0;font-size:.95rem}.brand-notes span{display:flex;gap:10px;align-items:center}.brand-notes span:before{content:'✓';color:#516a5f}.accordion{border-bottom:1px solid var(--line)}.accordion summary{padding:18px 0;font-size:1rem;cursor:pointer;list-style-position:inside}.accordion>div{padding:0 0 18px;line-height:1.7}.ingredients{overflow-wrap:anywhere}.article{padding:25px 0 55px;line-height:1.75}.article h2{margin-top:28px;font-size:1.9rem}.contact-email{font-size:clamp(1.2rem,3vw,1.8rem);text-decoration:underline;overflow-wrap:anywhere}.faq{margin-top:35px}.search-popover{position:absolute;right:0;top:100%;width:440px;background:white;border:1px solid var(--line);box-shadow:0 15px 30px #0001;padding:20px}.search-popover input{width:100%;padding:12px;border:1px solid #bdbfbf;margin:10px 0 12px}.search-popover .button{width:100%}[hidden]{display:none!important}.mobile-panel{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.wrap{width:calc(100% - 56px)}.logo img{width:190px}.header-inner{gap:20px}.nav{gap:16px;font-size:.95rem}.product-detail,.feature{gap:38px}.hero-copy{width:49%}}
@media(max-width:960px){.nav{display:none}.header-inner{min-height:85px}.header-tools{margin-left:auto}.menu-toggle{display:grid;order:-1}.mobile-panel{display:block;border-top:1px solid var(--line);padding:20px 28px;background:white}.mobile-panel nav{display:grid;gap:18px}.mobile-panel a{font-size:1.1rem}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel .product-card{flex-basis:calc((100% - 48px)/3)}.hero-copy{width:55%}.hero-copy h1,.hero-copy h2{font-size:3rem}.uses-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}.promo{font-size:.875rem;padding:7px 14px}.header-inner{min-height:78px;gap:8px}.logo img{width:160px}.header-tools{gap:0}.icon-button{width:36px;padding:8px}.languages a{min-width:28px;font-size:.875rem}.hero-slide{height:650px;min-height:0}.hero-slide.active{align-items:flex-start}.hero-image{object-position:66% center}.hero-slide:after{background:linear-gradient(180deg,#fffffff2,#ffffffc4 48%,#ffffff00 82%)}.hero-copy{width:100%;margin:0;padding:38px 24px;text-align:center}.hero-copy h1,.hero-copy h2{font-size:2.4rem;max-width:460px;margin:0 auto 14px}.hero-copy p{font-size:1rem;max-width:450px;margin:0 auto 18px;line-height:1.5}.hero-controls{bottom:16px}.intro{padding:34px 0 10px}.intro h2{font-size:1.7rem}.section{padding:30px 0}.section-heading{align-items:center;flex-wrap:wrap}.section-heading h2{font-size:1.95rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.carousel{gap:14px}.carousel .product-card{flex-basis:calc((100% - 14px)/2)}.product-card h3{font-size:1rem;margin-top:10px}.product-size{font-size:.875rem}.feature{grid-template-columns:1fr;gap:26px;padding:36px 0}.feature>img{aspect-ratio:1.15}.feature h2{font-size:2.3rem}.uses-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.use{flex:0 0 46%;scroll-snap-align:start}.footer{margin-top:25px;padding:35px 0 20px}.footer-inner{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-inner>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:8px}.page-title{padding:40px 0 25px}.catalog-toolbar{display:block}.category-links{gap:12px;margin-bottom:20px}.search-count{margin-top:10px}.search-box{display:block}.product-detail{grid-template-columns:1fr;gap:18px}.product-copy{padding:12px 0}.gallery-main{max-height:520px;aspect-ratio:5/6}.gallery-thumbs button{width:62px;height:76px}.search-popover{position:absolute;top:100%;right:0;width:min(440px,calc(100vw - 32px))}.breadcrumbs{padding:18px 0}.product-copy h1{font-size:2.2rem}.article{padding-bottom:30px}}
@media(max-width:420px){.logo img{width:clamp(108px,34vw,142px)}.header-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Accessible headings, breadcrumbs and editorial links. */
.site-intro{padding:24px 0;max-width:1080px}
.site-intro h1{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.25;margin:0 0 10px}
.site-intro p{max-width:820px;margin:0 auto;font-size:1rem}
.site-intro a,.context-links a,.guide-summary>a{text-decoration:underline;text-underline-offset:3px}
.product-card h2{font-family:var(--body);font-size:1rem;line-height:1.4;margin:13px 0 6px}
.product-card h2 a:hover{text-decoration:underline}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.breadcrumbs li{display:flex;align-items:baseline;gap:8px}
.breadcrumbs li+li:before{content:"/";color:var(--muted)}
.breadcrumbs li:last-child{min-width:0;overflow-wrap:anywhere}
.accordion summary>.accordion-heading{display:inline;font:inherit;line-height:inherit;margin:0}
.product-context-links{border-top:1px solid var(--line);margin-top:25px;padding-top:8px}
.product-context-links h2{font-family:var(--body);font-size:1.15rem;line-height:1.4;margin:20px 0 10px}
.context-links{padding-left:22px;line-height:1.65;margin:12px 0 0}
.context-links li{margin:8px 0}
.collection-copy p,.reading-links .context-links{max-width:860px}
.guide-summary{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:26px}
.guide-summary h2{font-size:1.7rem;margin-top:0}
.guide-article>section{margin-bottom:32px}
.comparison-table{border-collapse:collapse;width:100%;margin:22px 0}
.comparison-table caption{text-align:left;font-weight:700;margin-bottom:10px}
.comparison-table th,.comparison-table td{padding:12px;text-align:left;border:1px solid var(--line);vertical-align:top}
.comparison-table thead{background:#f3eef8}
@media(max-width:650px){.site-intro{padding:18px 0}.site-intro h1{font-size:1.7rem}.site-intro p{font-size:.95rem}.product-card h2{margin-top:10px}.comparison-table th,.comparison-table td{padding:9px}}
