:root{--paper:#faf8f1;--green:#203d2b;--ink:#263b2b;--muted:#657060;--line:#d8ddcc;--yellow:#e6e8bb;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a76a1b;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(3rem,5.6vw,5.4rem);margin-bottom:26px}h2{font-size:clamp(2.2rem,3.4vw,3.35rem);margin-bottom:22px}h3{font-size:1.2rem;line-height:1.35;font-weight:500}p{color:var(--muted)}.announcement{background:var(--green);color:var(--paper);text-align:center;font-size:.875rem;letter-spacing:.07em;padding:9px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 4.8%;background:var(--paper);border-bottom:1px solid var(--line)}.logo img{width:172px;height:auto;mix-blend-mode:multiply}.logo{flex-shrink:0}nav{display:flex;align-items:center;gap:26px}nav a{font-size:.875rem;white-space:nowrap;padding:8px 0}nav a[aria-current]{border-bottom:1px solid var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--green);color:var(--paper);border:1px solid var(--green);padding:14px 24px;font-size:.9375rem;min-height:50px;cursor:pointer;text-decoration:none}.button:hover{background:#38553c;text-decoration:none}.button.light{background:var(--paper);color:var(--green);border-color:var(--paper)}.header-shop{padding:11px 20px;white-space:nowrap}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:.9375rem}.menu{display:none}.skip{position:fixed;z-index:100;left:20px;top:-70px;background:#fff;padding:14px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px}.hero-copy{padding:84px 7% 56px 9.6%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.17em;color:var(--green);margin-bottom:22px}.hero h1 em{font-weight:400;color:#697346}.intro{font-size:1.0625rem;line-height:1.85;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:30px}.hero-footnote{font-size:.8125rem;margin:37px 0 0}.hero-art{background:var(--yellow);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art>img{width:94%;height:auto;max-height:550px;object-fit:contain;filter:drop-shadow(0 23px 20px #59603d24)}.hero-art-note{position:absolute;top:36px;right:36px;text-align:right;font-size:.6875rem;line-height:1.65;letter-spacing:.15em;z-index:1}.hero-caption{position:absolute;bottom:22px;left:35px;right:35px;border-top:1px solid #9da780;display:flex;justify-content:space-between;padding-top:14px;font-size:.75rem;letter-spacing:.08em}.values-strip{display:flex;justify-content:space-around;gap:20px;padding:23px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem}.section{padding:78px 6%;max-width:1550px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{margin:0}.section-heading p:not(.eyebrow){margin:0;line-height:1.7}.section-heading .eyebrow{margin-bottom:16px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.collection-image{background:#fff;aspect-ratio:1.23;display:flex;align-items:center;justify-content:center;border:1px solid #eceee5}.collection-image img{height:88%;width:88%;object-fit:contain}.collection-title{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:12px}.collection-title h3{font-family:var(--serif);font-size:1.8rem;margin:0}.collection-title span{font-size:1.5rem}.collection p{font-size:.9375rem;margin-top:8px}.story-band{background:var(--green);color:var(--paper);text-align:center;padding:76px 24px}.story-band .eyebrow{color:#c3cba6}.story-band p:not(.eyebrow){max-width:580px;color:#d9decf;margin:0 auto 30px;font-size:1.0625rem}.story-band h2{font-size:clamp(2.5rem,4vw,4rem)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}.product-image{background:#fff;border:1px solid #eceee5;display:flex;justify-content:center;align-items:center;aspect-ratio:1.12}.product-image img{height:90%;width:90%;object-fit:contain}.product-top{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:20px}.product-top h3{margin-bottom:8px;font-size:1.1rem}.price{white-space:nowrap}.product-card p{font-size:.875rem;line-height:1.5;min-height:22px;margin-bottom:14px}.buy-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 4px;font-size:.9375rem}.price-note{font-size:.8125rem;line-height:1.7;margin:35px 0 0;max-width:690px}.page-intro{padding:64px 6% 52px;border-bottom:1px solid var(--line);background:#eef0e2}.page-intro h1{font-size:clamp(2.8rem,5.1vw,4.8rem)}.page-intro>p:last-of-type{max-width:670px;font-size:1.0625rem;margin-bottom:0}.catalog{padding-top:30px}.catalog-label{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:32px}.breadcrumbs{padding:25px 6%;display:flex;flex-wrap:wrap;gap:12px;font-size:.8125rem}.detail{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:30px 6% 90px;align-items:start}.detail h1{font-size:clamp(2.3rem,4vw,3.8rem)}.detail-image{padding:8%;background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-price{font-size:1.75rem;color:var(--green);margin:25px 0}.detail .price-note{margin:18px 0 25px}.detail details{border-top:1px solid var(--line);padding:17px 0}.detail details p{font-size:.9375rem;padding-top:14px}.detail summary{cursor:pointer}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.about-story p{font-size:1.0625rem}.about-story figure{margin:0}.about-story figcaption{font-size:.8125rem;color:var(--muted);margin-top:10px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.contact-grid h2{font-size:2.5rem}form{margin-top:28px}label{display:block;margin:18px 0 8px;font-size:.9375rem}input:not([type=checkbox]),textarea{width:100%;padding:13px;background:#fff;border:1px solid #a9b2a1;border-radius:0;color:var(--ink)}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:9px;margin-bottom:23px;font-size:.875rem}.consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--green)}form .button{margin-top:20px}.newsletter{background:#e9ecda;padding:35px}.newsletter .notice,.notice{font-size:.875rem;border-left:2px solid #8b966d;padding-left:15px}.form-status{margin-top:20px;font-size:.9375rem}hr{border:0;border-top:1px solid #bcc5a8;margin:35px 0}footer{background:#e9ecdf;padding:58px 6% 20px;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:40px;border-top:1px solid var(--line)}.footer-brand{font-family:var(--serif);font-size:1.7rem}.footer-brand+p{margin-top:18px}footer h3{font-size:1rem}footer p{font-size:.9375rem}footer>div:nth-child(2) a{display:block;font-size:.875rem;margin-bottom:9px}.amazon-footer{display:block;font-size:.875rem;margin-top:25px}.footer-base{grid-column:1/-1;display:flex;justify-content:space-between;font-size:.75rem;border-top:1px solid #cad0bd;padding-top:21px;margin-top:20px;color:var(--muted)}@media(min-width:1500px){.hero-copy{padding-left:max(9.6%,calc((100vw - 1350px)/2))}}@media(max-width:1100px){header{gap:18px}.header-shop{display:none}nav{gap:20px}.hero-copy{padding-top:60px;padding-bottom:50px}.hero-actions{gap:20px;flex-wrap:wrap}.hero{min-height:520px}.hero-art>img{max-height:480px}.hero-art-note{right:25px;top:25px}.section{padding:60px 5%}.product-grid{gap:35px 22px}}@media(max-width:760px){header{position:relative;padding:12px 6%}.logo img{width:140px}.menu{display:flex;align-items:center;gap:15px;border:1px solid var(--green);padding:9px 15px;background:transparent;color:var(--green);font-size:.875rem}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);z-index:5;padding:15px 6% 24px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}nav a{padding:9px}.announcement{font-size:.75rem;letter-spacing:.03em}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 7% 40px}.hero h1{font-size:3.5rem}.hero .eyebrow{margin-bottom:20px}.intro{font-size:1rem}.hero-footnote{margin-top:23px}.hero-art{min-height:370px}.hero-art>img{height:350px;width:100%;max-height:none}.hero-art-note{font-size:.625rem}.hero-caption{bottom:16px;left:24px;right:24px;font-size:.6875rem}.values-strip{font-size:.75rem;flex-wrap:wrap;gap:9px 24px;padding:19px 6%}.section{padding:45px 6%}.section-heading{display:block}.section-heading>p,.section-heading>.text-link{margin-top:20px}.collection-grid{grid-template-columns:1fr;gap:30px}.collection-image{aspect-ratio:1.4}.collection-title{padding-top:14px}.collection-title h3{font-size:1.6rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.product-top{display:block;padding-top:14px}.product-top h3{font-size:1rem}.product-card p{font-size:.8125rem}.price{font-size:.9375rem}.buy-link{font-size:.875rem}.story-band{padding:52px 7%}.story-band h2{font-size:2.7rem}.page-intro{padding:40px 6%}.page-intro h1{font-size:3rem}.catalog-label{font-size:.75rem;gap:15px}.detail{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.detail-image{max-height:450px}.detail h1{font-size:2.75rem}.about-story{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:35px}.newsletter{padding:25px}.contact-grid h2{font-size:2.25rem}footer{grid-template-columns:1fr 1fr;padding-top:40px;gap:30px}footer>div:nth-child(3){grid-column:1/-1}.footer-base{display:block}.footer-base span{display:block;margin-top:8px}.desktop-break{display:none}}@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .18s,color .18s}}@media(max-width:360px){.hero h1{font-size:3rem}.product-grid{grid-template-columns:1fr}}
.about-story figure video{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#e9ecda;border:1px solid var(--line)}
.brand-banner{background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}.brand-banner img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center}

/* Product-led layouts, with quiet botanical colours from the supplied banner. */
:root{--forest:#153322;--soft-cream:#f6f5e9}
header{position:sticky;top:0;z-index:30;padding-top:10px;padding-bottom:10px;box-shadow:0 2px 12px #173b2010}
.logo img{width:138px}nav{gap:22px}
.ritual-hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:1580px;margin:auto;align-items:center;min-height:620px}
.ritual-copy{padding:58px 5% 60px 11%}.ritual-copy .eyebrow{max-width:420px;font-size:.71rem;line-height:1.8}
.ritual-copy h1{font-size:clamp(3.2rem,5.5vw,5.6rem);font-weight:800;line-height:1.04;letter-spacing:-.055em}.ritual-copy h1 em{font-style:normal;color:#426722}
.ritual-copy .intro{max-width:470px}.ritual-copy .hero-actions{gap:20px;flex-wrap:wrap}.ritual-copy .hero-footnote{margin-top:24px}
.ritual-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:26px 8% 25px 3%}
.product-kicker{font-size:.69rem;letter-spacing:.09em;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 2px 12px;border-bottom:1px solid var(--line);font-weight:700}.product-kicker a{font-size:.75rem;letter-spacing:0}
.motion-scene{margin:0;min-width:0;position:relative}.motion-picture{position:relative;width:100%;aspect-ratio:1;overflow:hidden;isolation:isolate;background:#fffef7;border-radius:10px}
.motion-frame{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}.motion-frame:first-child{opacity:1}.motion-frame img{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill}.frame-0 img{left:0;top:0}.frame-1 img{left:-100%;top:0}.frame-2 img{left:0;top:-100%}.frame-3 img{left:-100%;top:-100%}
.motion-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0 10px;font-size:.77rem;color:#36571c}.motion-caption>span{font-weight:700}.motion-controls{display:flex;align-items:center;gap:12px}.motion-controls[hidden]{display:none}.scroll-hint{font-size:.7rem;opacity:.85;white-space:nowrap}.motion-toggle{appearance:none;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:inherit;padding:7px 0;cursor:pointer;white-space:nowrap;min-height:34px}
.motion-progress{height:2px;background:#d9e0c8;overflow:hidden}.motion-progress span{display:block;height:100%;background:#426722;transform:scaleX(0);transform-origin:left}
.motion-oil .motion-picture{background:#122c1d}.motion-oil .motion-caption{color:#edf2db}.motion-oil .motion-progress{background:#365343}.motion-oil .motion-progress span{background:#d8e8bb}
.values-strip{letter-spacing:.025em;padding:19px 5%;font-size:.8rem}
.collections{padding-bottom:60px}.section-heading{align-items:center}.section-heading h2{font-size:clamp(2.2rem,3.9vw,3.6rem);letter-spacing:-.045em}
.collection{display:block;border:1px solid #d8dfc8;border-radius:12px;overflow:hidden;background:#f9faee;padding:14px 14px 22px;transition:border-color .2s,box-shadow .2s}.collection:hover{text-decoration:none;border-color:#426722;box-shadow:0 10px 24px #2d47220c}.collection-image{position:relative;aspect-ratio:1.5;border:0}.collection-image img{width:90%;height:90%}.collection-price{position:absolute;left:12px;top:12px;color:#29421c;background:#fffef5;border:1px solid #e0e6d5;border-radius:30px;padding:5px 12px;font-size:.75rem;font-weight:700}.collection-title h3{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700}.collection-title,.collection>p,.collection-shop{margin-left:8px;margin-right:8px}.collection>p{font-size:.88rem;margin-bottom:17px}.collection-shop{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:#426722}
.featured-section{padding-top:20px;padding-bottom:72px}.product-card{display:flex;flex-direction:column;border:0;padding-bottom:0}.product-top{align-items:start}.product-card>p{flex:1}.buy-link{background:#426722;color:#fffef5;border:1px solid #426722;border-radius:5px;padding:12px 15px;min-height:48px;gap:10px;font-weight:700}.buy-link:hover{background:#2f4c1a;text-decoration:none}.product-image{overflow:hidden}.product-image img{transition:transform .25s}.product-image:hover img{transform:scale(1.035)}
.oil-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:#fffef5;align-items:center;padding:54px max(6%,calc((100vw - 1380px)/2));gap:8%;overflow:hidden}.oil-feature h2{color:#fffef5;font-size:clamp(2.6rem,4.6vw,4.5rem);letter-spacing:-.045em}.oil-feature .eyebrow{color:#c5d6a7}.oil-feature p{color:#d6e2cd;max-width:440px}.oil-feature .text-link{color:#f3f5dc}.oil-copy{padding:25px 0}.oil-product{display:flex;align-items:center;gap:25px;margin:25px 0 30px;padding:22px 0;border-top:1px solid #55734b;border-bottom:1px solid #55734b}.oil-product img{width:100px;height:155px;object-fit:contain}.oil-product h3{color:#fffef5;margin:8px 0;font-size:1.15rem}.oil-product .eyebrow{font-size:.65rem;letter-spacing:.1em}.oil-product p{margin:0 0 14px;font-size:.875rem}.oil-product .button{padding:10px 17px;min-height:45px}
.soap-feature{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-top:1px solid var(--line)}.soap-feature h2{font-size:clamp(2.8rem,4.7vw,4.5rem)}.feature-note{font-size:.8rem;margin:15px 0}
.story-split{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding-top:85px;padding-bottom:85px}.story-split h2{font-size:clamp(2.4rem,3.5vw,3.5rem);margin:0}.story-split>div:last-child>p{font-size:1.05rem}.supporting-banner{max-width:1550px;margin:auto;border:0}.shop-finale{text-align:center;padding-top:60px;padding-bottom:75px}.shop-finale .hero-actions{justify-content:center;flex-wrap:wrap;gap:22px}.shop-finale h2{font-size:clamp(2.4rem,4vw,3.7rem)}
.purchase-bar{position:fixed;bottom:0;left:0;right:0;z-index:25;display:none;align-items:center;justify-content:space-between;gap:15px;background:#fffef5f5;padding:12px 6%;border-top:1px solid #c9d5b6;box-shadow:0 -4px 20px #233c2010}.purchase-bar strong,.purchase-bar span{display:block}.purchase-bar strong{font-size:.85rem}.purchase-bar>div>span{font-size:.75rem;color:#515c45}.purchase-bar .button{font-size:.85rem;padding:12px 17px;white-space:nowrap}.detail .button{min-width:230px}
@media(min-width:1600px){.ritual-copy{padding-left:6%}.ritual-art{padding-right:6%}}
@media(max-width:1100px){.ritual-hero{min-height:540px}.ritual-copy{padding-left:9%;padding-right:4%}.ritual-copy h1{font-size:3.8rem}.ritual-art{padding-right:7%}.scroll-hint{display:none}.motion-caption{font-size:.71rem}.oil-feature{gap:6%;padding:45px 5%}.collection-title h3{font-size:1.25rem}.collection-grid{gap:20px}.product-top{display:block}.oil-product{gap:18px}.oil-product img{width:85px}}
@media(max-width:760px){header{position:sticky;padding:8px 6%}.logo img{width:113px}.announcement{padding:7px 15px}.ritual-hero{display:block;min-height:0}.ritual-copy{padding:36px 7% 18px}.ritual-copy .eyebrow{font-size:.65rem;margin-bottom:17px}.ritual-copy h1{font-size:clamp(2.7rem,9.4vw,4rem);margin-bottom:18px}.ritual-copy .intro{font-size:.95rem;line-height:1.7;margin-bottom:24px}.ritual-copy .hero-actions{gap:17px}.ritual-copy .hero-footnote{font-size:.73rem;margin-top:18px}.ritual-art{padding:12px 7% 25px;max-width:570px;margin:auto}.product-kicker{font-size:.62rem}.product-kicker a{font-size:.7rem}.motion-caption{font-size:.7rem}.motion-toggle{font-size:.68rem}.values-strip{font-size:.67rem;gap:8px 17px}.collection-grid{grid-template-columns:1fr;gap:20px}.collection{padding:12px 12px 19px}.collection-image{aspect-ratio:1.7}.collection-title h3{font-size:1.4rem}.collections{padding-bottom:42px}.featured-section{padding-top:10px;padding-bottom:45px}.featured{grid-template-columns:1fr 1fr}.featured .product-card:last-child{display:none}.featured .product-card .buy-link{font-size:.76rem;padding:11px 9px;gap:5px}.product-grid{gap:30px 16px}.buy-link{padding:11px 9px;font-size:.78rem}.oil-feature{grid-template-columns:1fr;padding:40px 7%;gap:20px}.oil-copy{grid-row:1;padding:0}.oil-feature h2{font-size:3.1rem}.oil-feature .oil-copy>p{font-size:.95rem}.oil-visual{max-width:460px;width:100%;margin:auto}.oil-product{padding:18px 0;margin:23px 0}.oil-product img{width:86px;height:130px}.oil-product h3{font-size:1.05rem}.oil-product .button{font-size:.8rem}.story-split{grid-template-columns:1fr;gap:26px;padding-top:50px;padding-bottom:50px}.story-split h2{font-size:2.5rem}.story-split>div:last-child>p{font-size:.95rem}.supporting-banner img{min-height:0}.shop-finale{padding-top:42px;padding-bottom:50px}.shop-finale .hero-actions{gap:18px}.soap-feature{grid-template-columns:1fr;gap:25px}.soap-feature h2{font-size:2.9rem}.purchase-bar{display:flex;padding-bottom:max(12px,env(safe-area-inset-bottom))}body:has(.purchase-bar) footer{padding-bottom:110px}.detail .button{width:100%}.page-intro h1{font-size:2.65rem}.breadcrumbs{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.product-image:hover img{transform:none}.motion-progress,.scroll-hint{display:none}.motion-toggle{display:none}}
/* Keep secondary captions and purchase controls readable on small screens. */
.product-kicker,.ritual-copy .eyebrow,.oil-product .eyebrow{font-size:.75rem}.motion-caption{font-size:.8125rem}.motion-toggle{font-size:.8125rem}.scroll-hint{font-size:.75rem}
/* Squeeze only the rubber-bulb pixels; the glass pipette retains its proportions. */
.motion-oil .motion-frame{clip-path:inset(25% 0 0)}.motion-bulb{position:absolute;inset:0;transform-origin:53% 25%;clip-path:inset(0 0 75%);pointer-events:none}.bulb-frame{position:absolute;inset:0;overflow:hidden;opacity:0}.bulb-frame:first-child{opacity:1}.bulb-frame img{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill}
@media(max-width:760px){.ritual-copy .eyebrow,.product-kicker,.product-kicker a,.values-strip,.motion-caption,.motion-toggle{font-size:.75rem}.buy-link,.featured .product-card .buy-link{font-size:.875rem}.motion-caption{gap:8px}.purchase-bar>div{min-width:0}.purchase-bar strong{overflow-wrap:anywhere}}

/* Bristol Soap Company identity v1.0 — Product Range2 artwork, September 2026. */
@font-face{font-family:'Archivo Black';src:url('/assets/fonts/ArchivoBlack-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#fff;--white:#fff;--ink:#101313;--muted:#4d5754;--green:#287a35;--forest:#063e2d;--line:#dbe1dd;--yellow:#f2df30;--soft-cream:#f1f5ef;--serif:'Archivo Black','Arial Black',Arial,sans-serif;--range-red:#d70a2d;--range-pink:#dc2477}
body{font-family:Barlow,Arial,sans-serif;font-size:18px;background:#fff;color:var(--ink)}
h1,h2{font-family:var(--serif);font-weight:400!important;letter-spacing:-.045em;line-height:1.04;text-transform:uppercase;color:var(--ink)}
h3{font-family:Barlow,Arial,sans-serif;font-weight:700;color:var(--ink)}
p{color:var(--muted)}.eyebrow{font-family:Barlow,Arial,sans-serif;font-weight:700;color:var(--green);letter-spacing:.12em;font-size:.82rem}
.announcement{background:var(--forest);color:white;padding:7px 20px;font-size:.82rem;letter-spacing:.06em}
header{background:#fff;box-shadow:none;border-bottom:1px solid var(--line);padding:12px 5%;gap:22px}.logo img{width:150px;mix-blend-mode:normal}
nav{gap:24px}nav a{font-size:1rem;font-weight:600;color:var(--ink)}nav a[aria-current]{border-bottom:3px solid var(--green)}
.button,.buy-link{font-family:Barlow,Arial,sans-serif;font-size:1rem;font-weight:700;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:0;box-shadow:none;min-height:48px}
.button:hover,.buy-link:hover{background:var(--forest);border-color:var(--forest)}.button.light{background:#fff;color:var(--forest);border-color:#fff}
.text-link{font-weight:700;color:var(--forest)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--range-pink);outline-offset:4px}
.range-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1500px;margin:auto;padding:34px 6% 42px;gap:2%}
.range-hero h1{font-size:clamp(3.3rem,5.4vw,5.5rem);margin:22px 0}.range-hero h1 em{font-style:normal;color:var(--green)}
.range-hero .intro{font-size:1.15rem;max-width:480px;margin:22px 0 26px}.range-hero .hero-actions{flex-wrap:wrap;gap:24px}.hero-footnote{font-size:.875rem;margin-top:20px;color:var(--muted)}
.range-hero-art{margin:0;position:relative}.range-hero-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.range-hero-art figcaption{display:flex;justify-content:space-between;border-top:3px solid var(--green);padding-top:12px;font-size:1rem;font-weight:700;gap:16px}.range-hero-art figcaption a{color:var(--green)}
.values-strip{background:#f1f5ef;color:var(--forest);font-size:.9rem;font-weight:600;border-color:var(--line);padding:18px 5%}
.section{padding-top:70px;padding-bottom:70px}.section-heading{border-top:3px solid var(--green);padding-top:24px;margin-bottom:34px}.section-heading h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.04em;max-width:820px}.section-heading p{font-size:1rem}
.collection{border:0;border-top:5px solid var(--green);padding:0 0 24px;border-radius:0;background:#fff;box-shadow:none}.collection:hover{box-shadow:none;border-color:var(--forest)}.collection-1{border-color:var(--range-red)}.collection-2{border-color:var(--forest)}
.collection-image{border:0;border-radius:0;background:#fff;aspect-ratio:1.25}.collection-image img{width:88%;height:88%}.collection-price{color:var(--forest);background:#f1f5ef;border:0;border-radius:0;top:12px;left:0;font-size:.85rem}.collection-title{border-top:1px solid var(--line);padding-top:20px}.collection-title h3{font-family:Barlow,Arial,sans-serif;color:var(--ink);font-size:1.65rem}.collection-shop{color:var(--green);font-size:1rem}.collection>p{font-size:1rem}
.featured-section{background:#f5f7f4;max-width:none}.product-grid{gap:42px 28px}.product-image,.detail-image{background:#fff;border:1px solid var(--line);border-radius:0}.product-image{border-top:4px solid var(--product-accent,var(--green))}.product-image img{object-fit:contain}.product-top h3{font-size:1.25rem}.product-top{gap:14px}.price,.detail-price{font-weight:700;color:var(--ink)}.product-card>p{font-size:1rem}.buy-link{background:var(--green);color:white;padding:12px 17px}.price-note{font-size:.9rem}
.range-man{--product-accent:var(--range-red)}.range-pink{--product-accent:var(--range-pink)}.range-beard{--product-accent:var(--forest)}
.page-intro{background:#fff;border-bottom:3px solid var(--green);padding:56px 6% 44px}.page-intro:before,.page-intro:after{display:none}.page-intro h1{font-size:clamp(2.4rem,5.2vw,5rem);max-width:1150px}.page-intro>p:last-of-type{font-size:1.15rem;max-width:760px}.catalog{padding-top:30px}.catalog-label{font-size:.95rem;color:var(--muted)}
.detail h1{font-size:clamp(2rem,3.5vw,3.5rem);overflow-wrap:anywhere}.detail p{font-size:1.1rem}.detail .price-note{font-size:.9rem}.detail .detail-price{font-size:2rem}.breadcrumbs{font-size:.95rem}.purchase-bar{background:#fffffff5;border-color:var(--line)}.purchase-bar strong{font-size:.95rem}.purchase-bar>div>span{font-size:.85rem}
.soap-feature{gap:8%;border-top:0}.soap-feature h2{font-size:clamp(2.2rem,4vw,4rem)}.motion-picture{border-radius:0}.motion-caption{color:var(--forest)}.motion-progress{background:var(--line)}.motion-progress span{background:var(--green)}.motion-toggle{min-height:44px}
.oil-feature{background:var(--forest)}.oil-feature h2{color:#fff;font-size:clamp(2.2rem,4vw,4rem)}.oil-feature p{color:#e0ebe4}.oil-feature .eyebrow{color:#bbdb9d}.oil-product{border-color:#568c65}.oil-feature .text-link{color:#fff}
.story-split h2{font-size:clamp(2rem,3.5vw,3.4rem)}.story-band{background:var(--forest);border:0}.story-band h2{color:#fff}.story-band p{color:#e0ebe4}.story-band .eyebrow{color:#bbdb9d}.shop-finale h2{font-size:clamp(2rem,3.8vw,3.7rem)}
.about-story figure{border:1px solid var(--line);border-radius:0}.about-story video{background:#fff}.about-story figcaption{padding:12px 16px;font-size:.95rem}.about-story p{font-size:1.1rem}.about-story h2{font-size:clamp(2rem,3vw,3rem)}
.newsletter{background:#f1f5ef;border:1px solid var(--line);border-radius:0}.contact-grid h2{font-size:2rem}.notice,.newsletter .notice{font-size:1rem;border-color:var(--green)}label{font-size:1rem}input:not([type=checkbox]),textarea{border-color:#748579;border-radius:0;background:#fff}.consent{font-size:1rem}.consent input{accent-color:var(--green)}
footer{background:#f1f5ef;border-top:5px solid var(--green);padding-top:50px}.footer-brand{font-family:Barlow,Arial,sans-serif;font-weight:700;font-size:1.8rem}.footer-base{border-color:var(--line)}footer h3{font-size:1.1rem}footer p,footer>div:nth-child(2) a,.amazon-footer{font-size:1rem}
@media(max-width:1100px){header{gap:18px}nav{gap:18px}.range-hero{padding-left:5%;padding-right:5%}.range-hero h1{font-size:4.4vw}.range-hero .hero-actions{gap:16px}.product-top{display:block}.collection-title h3{font-size:1.4rem}}
@media(max-width:760px){body{font-size:17px}header{padding:8px 6%}.logo img{width:122px}nav{background:#fff;border-color:var(--line)}.menu{color:var(--ink);border-color:var(--ink);min-height:44px}.range-hero{display:block;padding:30px 6% 28px}.range-hero h1{font-size:clamp(2.6rem,10.8vw,4.5rem);margin:18px 0}.range-hero .eyebrow{font-size:.75rem;margin-bottom:16px}.range-hero .intro{font-size:1.05rem;line-height:1.5;margin:18px 0 22px}.range-hero-art{max-width:470px;margin:22px auto 0}.range-hero-art figcaption{font-size:.95rem}.hero-footnote{margin:17px 0 0}.values-strip{font-size:.8rem;padding:16px 6%;gap:6px 20px}.section{padding:44px 6%}.section-heading{padding-top:20px}.section-heading h2{font-size:2.2rem}.collection-image{aspect-ratio:1.45}.collection-title h3{font-size:1.5rem}.featured .product-card:last-child{display:flex}.featured{grid-template-columns:1fr 1fr}.featured .product-card:last-child{display:none}.product-grid{gap:32px 16px}.product-top h3{font-size:1.08rem}.product-card>p{font-size:.9rem}.buy-link,.featured .product-card .buy-link{font-size:.9rem;padding:12px 10px}.page-intro{padding:36px 6%}.page-intro h1{font-size:clamp(2.1rem,8.8vw,3.5rem)}.page-intro>p:last-of-type{font-size:1.05rem}.detail h1{font-size:2.25rem}.catalog-label{font-size:.85rem}.oil-feature h2,.soap-feature h2{font-size:2.35rem}.story-split h2,.shop-finale h2,.story-band h2{font-size:2.25rem}.contact-grid h2{font-size:1.8rem}.contact-grid a[href^='mailto:']{overflow-wrap:anywhere}.purchase-bar .button{font-size:.9rem;padding:12px 15px}.purchase-bar strong{font-size:.82rem}.purchase-bar>div>span{font-size:.78rem}}
@media(max-width:370px){.product-grid,.featured{grid-template-columns:1fr}.featured .product-card:last-child{display:flex}.range-hero .hero-actions{align-items:flex-start;flex-direction:column}.range-hero h1{font-size:2.5rem}}

/* Hair oils extend the existing collection and responsive navigation. */
.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.collection-title h3{font-size:1.4rem}.collection-3{border-color:var(--green)}
.range-hair{--product-accent:var(--green)}
.hair-choices{margin:24px 0 28px}.hair-choices .eyebrow{font-size:.875rem;margin-bottom:10px}
.blend-links{display:flex;flex-wrap:wrap;gap:8px}.blend-links a{border:1px solid #748579;padding:8px 14px;font-size:1rem;min-height:44px;color:var(--forest)}
.blend-links a:hover{border-color:var(--green);background:var(--soft-cream);text-decoration:none}.blend-links a[aria-current]{background:var(--forest);border-color:var(--forest);color:#fff}
@media(min-width:1101px) and (max-width:1280px){header{gap:15px}nav{gap:16px}.logo img{width:130px}.header-shop{padding:11px 14px}}
@media(max-width:1100px) and (min-width:761px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.collection-image{aspect-ratio:1.4}}
@media(max-width:980px){header{position:relative}.header-shop{display:none}.menu{display:flex;align-items:center;gap:15px;border:1px solid var(--ink);padding:9px 15px;background:#fff;color:var(--ink);font-size:1rem;min-height:44px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;z-index:5;padding:15px 6% 24px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}nav a{padding:9px}}
@media(max-width:760px){.collection-grid{grid-template-columns:1fr;gap:30px}.collection-title h3{font-size:1.5rem}}

/* Christmas and complete Man Pack collections, October 2026. */
.header-shop{display:none}header{gap:24px}nav{gap:20px}
.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.collection-0,.collection-1,.collection-3{border-color:var(--range-red)}.collection-2,.collection-5{border-color:var(--green)}.collection-4{border-color:var(--forest)}
.collection{display:flex;flex-direction:column}.collection-shop{margin-top:auto}.collection-image{width:100%}
.range-christmas{--product-accent:var(--range-red)}
.christmas-collection{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-top:40px;padding-bottom:50px}
.christmas-copy h1{font-size:clamp(3rem,5.5vw,5.2rem);margin-bottom:24px}.christmas-copy .eyebrow{color:var(--range-red)}
.christmas-copy .intro{font-size:1.2rem;line-height:1.6;margin-bottom:22px}.christmas-copy .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
.christmas-copy .price-note{margin-top:22px}.christmas-price{font-size:2rem;font-weight:700;color:var(--ink);margin-bottom:22px}.christmas-price span{font-weight:400;font-size:1rem;color:var(--muted);margin-left:12px}
.christmas-collection figure{margin:0}.christmas-collection figure img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.christmas-collection figcaption{border-top:3px solid var(--range-red);font-weight:600;padding-top:12px;color:var(--forest)}
.christmas-contents{background:var(--soft-cream);max-width:none}.christmas-contents .section-heading{border-color:var(--range-red)}
.festive-list{padding:0;margin:0 0 30px;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.festive-list li{padding:20px 0;border-top:1px solid #748579}.festive-number{color:var(--green);font-size:1rem;font-weight:700}.festive-list h3{font-size:1.3rem;margin:12px 0}.festive-list li>span:last-child{font-size:1rem;color:var(--muted)}
.christmas-ingredients{max-width:760px;font-size:1.05rem;margin-bottom:26px}
.range-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.range-jumps a{border:1px solid var(--green);padding:9px 16px;font-size:1rem;font-weight:600;min-height:44px;color:var(--forest)}
.smaller-packs{background:var(--soft-cream);max-width:none}.smaller-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:950px}
.pack-contents{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.pack-contents h2{font-family:Barlow,Arial,sans-serif;font-size:1.25rem;font-weight:700!important;letter-spacing:0;text-transform:none}.pack-contents ul{padding-left:21px;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:6px;margin-bottom:12px}.pack-contents li{font-size:1.05rem}.pack-contents p{font-size:.95rem}
@media(max-width:1200px){header{position:relative}.menu{display:flex;align-items:center;gap:15px;border:1px solid var(--ink);padding:9px 15px;background:#fff;color:var(--ink);font-size:1rem;min-height:44px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;z-index:5;padding:15px 6% 24px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}nav a{padding:9px}}
@media(max-width:1100px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.festive-list{grid-template-columns:repeat(3,minmax(0,1fr))}.christmas-copy .intro{font-size:1.05rem}}
@media(max-width:760px){.collection-grid{grid-template-columns:1fr}.christmas-collection{grid-template-columns:1fr;gap:30px;padding-top:32px}.christmas-copy h1{font-size:clamp(2.4rem,10vw,3.4rem)}.christmas-copy .intro{font-size:1.05rem}.christmas-copy .button{font-size:.95rem;padding:14px 18px}.christmas-collection figure{max-width:500px;margin:auto}.festive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.festive-list h3{font-size:1.15rem}.festive-list li>span:last-child{font-size:.9rem}.pack-contents ul{grid-template-columns:1fr}.smaller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.smaller-grid,.festive-list{grid-template-columns:1fr}}