:root{--ink:#f4f4f4;--ink-soft:#c4c4c4;--paper:#101010;--cream:#1b1b1b;--cream-deep:#2d2d2d;--gold:#a7ff00;--gold-dark:#a7ff00;--deep:#000000;--line:rgba(244,244,244,.18);--sans:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--serif:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);letter-spacing:.01em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin-top:0}
.announcement{height:36px;overflow:hidden;background:#171310;color:white;display:flex;align-items:center;white-space:nowrap}.announcement-track{min-width:100%;display:flex;align-items:center;justify-content:space-around;gap:4rem;padding:0 22px;font-size:10px;font-weight:700;letter-spacing:.18em}.announcement i{font-size:11px;font-style:normal;color:#b28a54}
.site-header{position:relative;z-index:6;height:94px;background:rgba(255,253,251,.98);border-bottom:1px solid rgba(23,19,16,.08)}.header-inner{height:100%;padding:0 clamp(22px,3.2vw,54px);display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(100px,1fr);align-items:center;gap:28px}.wordmark{justify-self:start;color:var(--gold-dark);font-size:20px;font-weight:500;letter-spacing:.21em;white-space:nowrap}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.1vw,34px)}.primary-nav a{font-size:14px;white-space:nowrap;position:relative}.primary-nav a:after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{width:100%}.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.header-actions>a,.header-actions button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:0;background:none;color:var(--ink);padding:0}.header-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-actions button{position:relative}.header-actions button span{position:absolute;right:-7px;top:-5px;min-width:17px;height:17px;padding:0 3px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-size:10px}
.mobile-nav,#menu-toggle{display:none}
.editorial-hero{display:grid;grid-template-columns:63% 37%;height:clamp(430px,40vw,575px);overflow:hidden;background:#e9e1d5}.hero-scene{height:100%;overflow:hidden}.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.hero-panel{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;height:100%;margin-left:-48px;width:calc(100% + 48px);padding:clamp(28px,3vw,44px) 22px 12px 64px;overflow:hidden;background:#ded8cd;-webkit-mask-image:linear-gradient(to right,transparent,#000 48px);mask-image:linear-gradient(to right,transparent,#000 48px)}.hero-panel:before{content:'';position:absolute;inset:0;background:url('/assets/hero-car-care.png') right center/auto 100% no-repeat;opacity:.4}.hero-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,252,246,.97),rgba(255,252,246,.9) 38%,rgba(238,227,211,.38) 73%,rgba(224,214,198,.33));pointer-events:none}.hero-copy{position:relative;z-index:2;width:100%;text-align:center;color:var(--deep)}.hero-copy>p{margin:0 0 17px;color:#956d34;font-size:10px;font-weight:700;letter-spacing:.24em}.hero-copy h1{font:400 clamp(35px,3.5vw,60px)/.98 var(--serif);letter-spacing:-.045em;margin:0 0 16px}.hero-copy h1 em{color:#9f793f;font-weight:400}.hero-copy>span{font-size:14px;line-height:1.6}.hero-lineup{position:absolute;z-index:3;left:12%;right:5%;bottom:14%;height:46%;display:flex;align-items:end;justify-content:center;gap:1%}.hero-lineup .display-bottle{width:23%;height:100%;filter:drop-shadow(8px 12px 9px rgba(51,37,24,.25))}.hero-lineup .display-bottle:nth-child(2){height:106%}.hero-lineup .display-bottle:nth-child(3){height:103%}.hero-cta{position:absolute;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(280px,calc(100% - 70px));min-height:46px;padding:0 22px;background:var(--deep);color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.hero-cta span{font-size:17px}
.display-bottle{position:relative;display:flex;flex-direction:column;align-items:center;width:34%;height:68%;min-width:0;filter:drop-shadow(8px 12px 10px rgba(31,30,32,.22))}.display-cap{position:relative;z-index:2;flex:none;width:57%;height:18%;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#6c4026 0%,#dca05c 27%,#ad6634 50%,#e2a765 70%,#64391f 100%);box-shadow:inset 0 7px 1px #f6cb8740,inset 0 -4px 2px #522c19a0}.display-cap:before,.display-cap:after{content:'';position:absolute;left:0;right:0;height:2px;background:#63331691}.display-cap:before{top:32%}.display-cap:after{top:67%}.display-glass{position:relative;z-index:1;flex:1;width:100%;border:1px solid rgba(94,62,38,.32);border-radius:7px 7px 10px 10px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.05) 23%,rgba(67,78,83,.13) 50%,rgba(255,255,255,.5) 82%,rgba(75,53,40,.23)),linear-gradient(to bottom,#60717a,#293f46 70%,#536166);box-shadow:inset 6px 0 10px rgba(255,255,255,.21),inset -5px 0 7px rgba(31,29,27,.2);padding:12% 10%;display:flex;align-items:center;justify-content:center}.display-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:88%;border:1px solid rgba(236,209,166,.5);background:linear-gradient(135deg,rgba(37,47,49,.95),rgba(29,47,53,.9));color:#f7f2eb;text-align:center;box-shadow:inset 0 0 0 3px rgba(243,226,198,.07)}.display-monogram{font:400 clamp(12px,1.7vw,25px)/1 var(--serif);color:#e5b87b}.display-name{font-size:clamp(7px,.75vw,12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.16;max-width:90%;margin:10px 0 8px}.display-label small{font-size:clamp(4px,.45vw,7px);letter-spacing:.08em;color:#d9c8b2}.display-bottle-small .display-name{font-size:clamp(5px,.55vw,9px);margin:6px 0}.display-bottle-small .display-label small{font-size:clamp(3px,.35vw,6px)}
.home-section{padding:84px clamp(22px,4vw,64px) 98px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-eyebrow{color:var(--gold-dark);font-size:10px;font-weight:700;letter-spacing:.23em;text-transform:uppercase;margin:0 0 15px}.section-head h2{font:400 clamp(33px,3.1vw,48px)/1.05 var(--serif);letter-spacing:-.04em;margin:0}.section-head>a{font-size:11px;font-weight:700;letter-spacing:.13em;white-space:nowrap;border-bottom:1px solid var(--ink);padding-bottom:8px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.product-card{min-width:0}.product-image-link{display:block}.product-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.12;background:linear-gradient(155deg,#d4dbe0,#dce2e5 42%,#bdcbd1 100%)}.product-visual:before{content:'';position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(102deg,transparent 0 27px,#fff 28px 30px,transparent 31px 65px),linear-gradient(14deg,transparent 45%,#fff8 53%,transparent 59%)}.product-visual .display-bottle{z-index:1}.product-visual .display-bottle:not(.display-bottle-small){width:34%;height:69%}.product-visual .real-product-image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.product-card-info{padding:16px 0 5px}.product-card-kicker{font-size:10px;color:#83633f;letter-spacing:.13em;font-weight:700;margin-bottom:8px}.product-name{font-size:16px;font-weight:600;line-height:1.25}.product-card-info p{font-size:12px;color:#645e57;line-height:1.45;min-height:34px;margin:8px 0 0}.product-price{display:block;font-size:15px;margin-top:8px}.card-actions{display:flex;gap:8px;margin-top:19px}.outline-button,.dark-button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center}.dark-button{border-color:var(--ink);background:var(--ink);color:#fff;gap:20px}.dark-button span{font-size:17px}.card-actions>*{flex:1}.card-actions .dark-button:disabled{opacity:.45}
.kit-display{position:relative;z-index:1;width:82%;height:82%;display:flex;align-items:end;justify-content:center;gap:1%}.kit-display .display-bottle{width:23%;height:70%;flex:none}.kit-display .display-bottle:nth-child(2){height:78%}.kit-display .display-bottle:nth-child(3){height:75%}.cloth-stack{position:absolute;z-index:-1;bottom:0;left:15%;width:70%;height:16%;transform:rotate(-3deg)}.cloth-stack i{position:absolute;inset:0;border:1px solid #b5bcb7;border-radius:3px;background:#e8e9e3;box-shadow:4px 5px 8px #4443}.cloth-stack i:nth-child(2){transform:translate(3px,-6px)}.cloth-stack i:nth-child(3){transform:translate(6px,-12px)}.cloth-stack i:nth-child(4){transform:translate(9px,-18px)}.cloth-stack i:nth-child(5){transform:translate(12px,-24px)}
.kit-story{display:grid;grid-template-columns:1fr 1fr;background:#f5e9dd}.kit-story-visual{min-height:525px}.story-visual{height:100%;aspect-ratio:auto;background:linear-gradient(130deg,#e8e5df,#d5d6d2)}.story-visual .kit-display{height:92%}.kit-story-copy{display:flex;align-items:start;justify-content:center;flex-direction:column;padding:70px clamp(35px,6vw,100px)}.kit-story-copy h2,.about-section h2{font:400 clamp(40px,4.3vw,68px)/1.05 var(--serif);letter-spacing:-.045em;margin:0 0 23px}.kit-story-copy h2 em,.about-section h2 em{font-weight:400;color:#9f793f}.kit-story-copy>p:not(.section-eyebrow){max-width:490px;color:#5b5048;font-size:15px;line-height:1.75}.kit-story-copy .dark-button{margin-top:18px;min-width:220px;justify-content:space-between}.about-section{text-align:center;padding:100px 24px 115px;max-width:850px;margin:auto}.about-section>p:not(.section-eyebrow){color:#5b5048;font-size:16px;line-height:1.75;max-width:650px;margin:0 auto 25px}.text-link{font-size:11px;font-weight:800;letter-spacing:.15em;border-bottom:1px solid;padding-bottom:7px}
.commerce-shell{padding:46px clamp(22px,3.2vw,54px) 100px;max-width:1600px;margin:auto}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:28px;border-bottom:1px solid var(--line)}.catalog-heading h1{font:400 clamp(48px,5vw,72px)/1 var(--serif);letter-spacing:-.04em;margin:0}.catalog-heading>p{color:#837e78;font-size:15px;margin:0 0 6px}.filter-row{display:flex;gap:10px;overflow:auto;padding:24px 0 30px}.filter-row a{padding:10px 18px;border:1px solid var(--line);white-space:nowrap;font-size:12px}.filter-row a.active{color:#fff;background:var(--ink);border-color:var(--ink)}.catalog-grid{row-gap:44px}
.product-detail{max-width:1500px;margin:auto;padding:35px clamp(22px,4vw,64px) 100px}.breadcrumb{display:flex;gap:12px;align-items:center;color:#82776c;font-size:12px;margin:0 0 23px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.detail-grid{display:grid;grid-template-columns:54% 46%;gap:0}.detail-image .product-visual{min-height:620px;height:100%;aspect-ratio:auto}.detail-image .display-bottle:not(.display-bottle-small){height:74%;width:31%}.detail-image .kit-display{height:85%}.detail-copy{padding:35px clamp(30px,5vw,80px)}.detail-copy h1{font:400 clamp(44px,4.7vw,74px)/1.02 var(--serif);letter-spacing:-.045em;margin:0 0 23px}.detail-lede{font-size:17px;line-height:1.6;color:#605950}.detail-rule{height:1px;background:var(--line);margin:30px 0}.detail-copy h2{font:400 25px/1.2 var(--serif);margin:0 0 14px}.detail-copy ul{list-style:none;padding:0;margin:0 0 30px;border-top:1px solid var(--line)}.detail-copy li{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-copy li span{color:#84796d}.detail-description{font-size:15px;line-height:1.7;color:#554f49}.detail-size{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:12px;letter-spacing:.09em;margin:25px 0}.detail-price{display:block;font-size:20px;margin:20px 0}.detail-action{width:100%;justify-content:space-between;max-width:390px}.detail-note{font-size:12px;color:#81786e;line-height:1.5;margin:17px 0}.state-page{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 22px}.state-page h1{font:400 clamp(50px,6vw,90px)/1 var(--serif);margin:0 0 20px}.state-page p:not(.section-eyebrow){max-width:480px;color:#625a53;line-height:1.6}.state-page .dark-button{margin-top:15px}
.site-footer{background:#f8eee5;padding:70px clamp(22px,4vw,64px) 28px;color:#40372f}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:48px;min-height:220px}.footer-wordmark{font-size:21px;color:var(--gold-dark);letter-spacing:.25em;white-space:nowrap}.footer-grid h3{font-size:11px;letter-spacing:.14em;margin:0 0 18px}.footer-grid p{font-size:12px;line-height:1.8;color:#746b63;max-width:240px;margin:18px 0}.footer-grid a:not(.footer-wordmark){display:block;font-size:12px;margin:0 0 14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:11px;color:#777069}
.cart-backdrop{position:fixed;inset:0;background:#17131088;z-index:19}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;background:var(--paper);z-index:20;transform:translateX(105%);transition:transform .25s;box-shadow:-10px 0 30px #0002}.cart-drawer.open{transform:translateX(0)}.cart-head{display:flex;align-items:start;justify-content:space-between;padding:28px;border-bottom:1px solid var(--line)}.cart-head small{font-size:10px;letter-spacing:.18em;color:var(--gold-dark)}.cart-head h2{font:400 35px/1.1 var(--serif);margin:8px 0 0}.cart-head button{border:0;background:none;font-size:30px}.cart-items{flex:1;overflow:auto;padding:24px 28px}.cart-item{display:grid;grid-template-columns:110px 1fr;gap:16px;margin-bottom:20px}.cart-thumb .product-visual{height:115px;aspect-ratio:auto}.cart-thumb .display-bottle:not(.display-bottle-small){height:80%;width:40%}.cart-thumb .display-label small,.cart-thumb .display-name{display:none}.cart-thumb .kit-display{width:95%}.cart-item small{font-size:10px;color:var(--gold-dark);letter-spacing:.1em}.cart-item h3{font-size:15px;margin:7px 0 4px}.cart-item p{font-size:12px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:26px;height:26px;border:1px solid var(--line);background:none}.quantity span{font-size:12px}.empty-cart{text-align:center;padding:100px 0}.empty-cart h3{font:400 30px var(--serif)}.empty-cart p{font-size:13px;color:#756c62}.empty-cart a{font-size:11px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid}.cart-foot{padding:24px 28px;border-top:1px solid var(--line)}.cart-foot>div{display:flex;justify-content:space-between;font-size:13px}.cart-foot>p{font-size:11px;color:#85796e}.cart-foot .dark-button{width:100%;justify-content:space-between}.cart-error{color:#a23725!important}
@media(max-width:1200px){.header-inner{grid-template-columns:minmax(190px,1fr) auto minmax(70px,1fr);gap:18px}.wordmark{font-size:17px;letter-spacing:.17em}.primary-nav{gap:15px}.primary-nav a{font-size:13px}.product-grid{gap:18px}}
@media(max-width:900px){.primary-nav a:nth-child(3),.primary-nav a:nth-child(4),.primary-nav a:nth-child(6){display:none}.editorial-hero{grid-template-columns:60% 40%;height:480px}.hero-copy h1{font-size:39px}.hero-lineup{height:39%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-story{grid-template-columns:1fr 1fr}.kit-story-copy{padding:50px 30px}.kit-story-copy h2{font-size:43px}.footer-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.detail-image .product-visual{min-height:520px}}
@media(max-width:700px){.announcement{height:31px}.announcement-track{justify-content:flex-start;gap:26px;font-size:9px}.site-header{height:65px}.header-inner{padding:0 18px;grid-template-columns:1fr auto;gap:10px}.wordmark{font-size:18px}.primary-nav{display:none}.header-actions{gap:10px}#menu-toggle{display:inline-flex}.mobile-nav:not([hidden]){position:absolute;z-index:12;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0001;padding:12px 18px 18px}.mobile-nav a{padding:14px 10px;font-size:13px;border-bottom:1px solid var(--line)}.editorial-hero{display:block;height:auto}.hero-scene{height:auto;aspect-ratio:3/2}.hero-scene img{object-position:21% center}.hero-panel{height:430px;width:100%;margin:0;padding:28px 18px 70px;-webkit-mask-image:none;mask-image:none}.hero-copy h1{font-size:clamp(40px,8vw,55px)}.hero-lineup{left:14%;right:14%;height:43%;bottom:15%}.hero-cta{bottom:18px;width:calc(100% - 36px)}.home-section{padding:60px 18px 75px}.section-head h2{font-size:35px}.section-head>a{font-size:10px}.product-grid{gap:16px;row-gap:30px}.product-card-info{padding-top:13px}.product-name{font-size:15px}.card-actions{display:block}.card-actions>*{width:100%;min-height:38px}.card-actions .dark-button{margin-top:6px}.kit-story{display:block}.kit-story-visual{min-height:0;height:420px}.kit-story-copy{padding:60px 22px}.about-section{padding:75px 22px 85px}.commerce-shell{padding:37px 18px 75px}.catalog-heading{display:block}.catalog-heading h1{font-size:54px}.catalog-heading>p{margin-top:17px;font-size:13px}.product-detail{padding:25px 18px 75px}.detail-grid{display:block}.detail-image .product-visual{height:460px;min-height:0}.detail-copy{padding:34px 4px}.detail-copy h1{font-size:52px}.site-footer{padding:55px 22px 25px}.footer-grid{gap:35px}.footer-wordmark{font-size:17px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:9px}}
@media(max-width:460px){.wordmark{font-size:15px;letter-spacing:.15em}.header-actions>a{display:none}.hero-scene{aspect-ratio:1.15/1}.hero-panel{height:420px}.hero-copy h1{font-size:40px}.hero-copy>span{font-size:13px}.hero-lineup{height:42%;left:9%;right:9%}.section-head{align-items:start;display:block}.section-head>a{display:inline-block;margin-top:18px}.product-card-kicker{font-size:9px}.product-card-info p{font-size:11px}.product-name{font-size:14px}.product-visual .display-bottle:not(.display-bottle-small){width:40%;height:72%}.display-name{font-size:8px}.detail-image .product-visual{height:380px}.footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}}

.hero-lineup .lineup-product-image{width:24%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-visual:has(.real-product-image){background:#ececec}.product-visual:has(.real-product-image):before{display:none}

/* Chemical Geeks brand palette and edge-to-edge square product photography. */
.announcement{background:#a7ff00;color:#000}.announcement i{color:#000}
.site-header{background:#000;border-color:#2d2d2d}.wordmark{font-weight:900;font-style:italic;letter-spacing:.06em}.header-actions button span{color:#000}
.editorial-hero{background:#161616}.hero-panel{background:#161616}.hero-panel:before{display:none}.hero-panel:after{background:linear-gradient(135deg,#161616,#2d2d2d)}
.hero-copy{color:#f4f4f4}.hero-copy>p,.hero-copy h1 em,.about-section h2 em{color:#a7ff00}.hero-copy h1,.section-head h2,.about-section h2,.catalog-heading h1,.detail-copy h1{font-weight:800;letter-spacing:-.045em}.hero-cta{background:#a7ff00;color:#000}.hero-lineup .lineup-product-image{mix-blend-mode:normal}
.product-visual.card-visual{aspect-ratio:1;display:block}.product-visual .real-product-image{display:block;object-fit:contain}.product-visual.card-visual .real-product-image{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.product-card-kicker{color:#a7ff00}.product-card-info p,.about-section>p:not(.section-eyebrow),.catalog-heading>p,.detail-lede,.detail-description,.detail-note,.breadcrumb,.state-page p:not(.section-eyebrow){color:#bdbdbd}
.dark-button{background:#a7ff00;border-color:#a7ff00;color:#000}.outline-button{border-color:#686868}.outline-button:hover,.filter-row a:hover{border-color:#a7ff00;color:#a7ff00}.filter-row a.active{background:#a7ff00;border-color:#a7ff00;color:#000}
.site-footer{background:#000;color:#f4f4f4;border-top:1px solid #2d2d2d}.footer-grid p,.footer-bottom{color:#aaa}.footer-wordmark{font-weight:900;font-style:italic;letter-spacing:.06em}.cart-drawer{background:#161616}.cart-head button{color:#f4f4f4}.quantity button{color:#f4f4f4}.cart-foot>p,.empty-cart p{color:#bdbdbd}
a:focus-visible,button:focus-visible{outline:2px solid #a7ff00;outline-offset:4px}

/* White storefront with black navigation and Chemical Geeks green accents. */
:root{--ink:#111111;--ink-soft:#444444;--paper:#ffffff;--cream:#f4f4f4;--cream-deep:#e8e8e8;--gold:#a7ff00;--gold-dark:#3d6500;--deep:#111111;--line:rgba(0,0,0,.16)}
.site-header{background:#fff;border-color:#e5e5e5}.wordmark{color:#111}.primary-nav,.header-actions{color:#111}.header-actions button span{background:#a7ff00;color:#000}
.product-card-kicker,.section-eyebrow{color:#3d6500}.product-card-info p,.about-section>p:not(.section-eyebrow),.catalog-heading>p,.detail-lede,.detail-description,.detail-note,.breadcrumb,.state-page p:not(.section-eyebrow){color:#555}
.outline-button{border-color:#bbb}.outline-button:hover,.filter-row a:hover{border-color:#3d6500;color:#3d6500}
.site-footer{background:#f4f4f4;color:#111;border-color:#e0e0e0}.footer-grid p,.footer-bottom{color:#555}.footer-wordmark{color:#111}
.cart-drawer{background:#fff}.cart-head button,.quantity button{color:#111}.cart-foot>p,.empty-cart p{color:#555}

/* Scientist emblem above the brand name. */
.site-header{height:150px}.wordmark{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:16px}.brand-emblem{display:block;width:132px;height:100px;object-fit:contain}
@media(max-width:700px){.site-header{height:124px}.wordmark{font-size:13px;gap:3px}.brand-emblem{width:112px;height:82px}}

/* One editorial photograph with a focused brand message beside it. */
.brand-hero{grid-template-columns:60% 40%;height:clamp(440px,39vw,620px);background:#f4f4f4}
.brand-hero .hero-scene img{object-position:center}
.brand-hero .hero-panel{margin:0;width:100%;padding:48px clamp(28px,4vw,76px);background:#f4f4f4;mask-image:none;-webkit-mask-image:none;justify-content:center;align-items:flex-start}
.brand-hero .hero-panel:before,.brand-hero .hero-panel:after{display:none}
.brand-hero .hero-copy{text-align:left;color:#111}
.brand-hero .hero-copy>p:first-child{color:#3d6500;font-size:10px;line-height:1.6;margin-bottom:24px}
.brand-hero .hero-copy h1{font-size:clamp(40px,4vw,68px);line-height:1.03;margin-bottom:24px}
.brand-hero .hero-copy h1 em{font-style:normal;color:#3d6500;font-weight:800}
.brand-hero .hero-copy>span{font-size:18px;font-weight:600}
.brand-hero .hero-copy .hero-description{font-size:15px;line-height:1.8;letter-spacing:0;font-weight:400;color:#555;margin:18px 0 30px;max-width:390px}
.hero-signoff{border-top:3px solid #a7ff00;padding-top:18px;font-size:10px;font-weight:800;letter-spacing:.16em;display:inline-block}
@media(max-width:900px){.brand-hero{grid-template-columns:52% 48%}.brand-hero .hero-panel{padding:30px}.brand-hero .hero-copy h1{font-size:43px}}
@media(max-width:700px){.brand-hero{height:auto;display:block}.brand-hero .hero-scene{aspect-ratio:4/3}.brand-hero .hero-panel{height:auto;padding:36px 24px 42px}.brand-hero .hero-copy h1{font-size:44px}.brand-hero .hero-copy .hero-description{max-width:100%}}

/* Compact navigation and continuous announcement ticker. */
.site-header{height:96px}.wordmark{gap:0}.brand-emblem{width:108px;height:80px}
.announcement{height:32px;background:#000;color:#fff}
.announcement-track{display:flex;justify-content:flex-start;width:max-content;min-width:0;flex:none;gap:0;padding:0;animation:announcement-scroll 30s linear infinite;will-change:transform}
.announcement-group{display:flex;flex:none;align-items:center;justify-content:space-around;width:max(640px,100vw);gap:36px;padding:0 28px;font-size:10px;letter-spacing:.15em;font-weight:700}
.announcement i{color:#a7ff00}.announcement:hover .announcement-track{animation-play-state:paused}
@keyframes announcement-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none}}
@media(max-width:700px){.site-header{height:78px}.brand-emblem{width:86px;height:64px}.announcement{height:29px}.announcement-group{font-size:9px}}

/* Five product-in-use hero photographs. */
.hero-slideshow{position:relative;background:#202020}
.brand-hero .hero-slideshow .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease}
.brand-hero .hero-slideshow .hero-slide.is-active{opacity:1}
.hero-slideshow-controls{position:absolute;bottom:18px;left:22px;display:flex;align-items:center;gap:10px;background:#0009;border-radius:24px;padding:9px 13px;z-index:4}
.hero-dot{padding:0;width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:transparent}.hero-dot.is-active{background:#a7ff00;border-color:#a7ff00}.hero-pause{background:none;border:0;color:#fff;width:20px;padding:0;font-size:12px}
@media(prefers-reduced-motion:reduce){.brand-hero .hero-slideshow .hero-slide{transition:none}}
.brand-hero .hero-slide:nth-child(1){object-position:38% center}.brand-hero .hero-slide:nth-child(2){object-position:30% center}.brand-hero .hero-slide:nth-child(3){object-position:35% center}
.brand-hero .hero-slide:nth-child(4){object-position:left center}
.brand-hero .hero-slide:nth-child(5){object-position:30% center}
/* Light molecular artwork behind the hero copy. */
.brand-hero .hero-panel{background:#f7f9f3 url('/assets/science-pattern.svg') right center/cover no-repeat}
.brand-hero .hero-panel:after{display:block;background:linear-gradient(90deg,rgba(247,249,243,.96),rgba(247,249,243,.72) 55%,rgba(247,249,243,.24));z-index:1}
.brand-hero .hero-copy{z-index:2}

/* Upright logo proportions with readable badge lettering. */
.brand-emblem{width:86px;height:86px;object-fit:contain;flex-shrink:0}.wordmark{line-height:0}
@media(max-width:700px){.brand-emblem{width:68px;height:68px}}

/* Compact mobile hero keeps the product lineup within the first screen. */
@media(max-width:700px){
  .hero-slideshow-controls .hero-pause{display:none}
  .brand-hero .hero-scene{height:clamp(180px,27svh,250px);aspect-ratio:auto}
  .brand-hero .hero-panel{height:auto;padding:19px 20px 21px}
  .brand-hero .hero-copy>p:first-child{font-size:8px;letter-spacing:.17em;margin-bottom:8px}
  .brand-hero .hero-copy h1{font-size:34px;margin-bottom:9px;line-height:1.02}
  .brand-hero .hero-copy>span{font-size:13px;line-height:1.4}
  .brand-hero .hero-copy .hero-description{display:none}
  .brand-hero .hero-signoff{margin-top:12px;padding-top:9px;font-size:8px;border-top-width:2px}
  .hero-slideshow-controls{bottom:10px;left:14px;padding:8px 10px;gap:9px}
  .collection-section{padding-top:23px;padding-bottom:45px}
  .collection-section .section-head{margin-bottom:14px;display:flex;align-items:center;gap:12px}
  .collection-section .section-eyebrow{font-size:8px;margin-bottom:6px}
  .collection-section .section-head h2{font-size:25px;line-height:1.1}
  .collection-section .section-head>a{font-size:8px;white-space:normal;line-height:1.5;margin:0;max-width:90px;flex:none}
}

/* Customer account and checkout */
.account-shell{max-width:1180px;margin:auto;padding:88px 36px 110px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.account-intro h1,.account-heading h1,.checkout-shell h1{font-size:clamp(38px,5vw,64px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:18px 0 24px}.account-intro>p:not(.section-eyebrow){max-width:350px;line-height:1.8;color:#666}.account-intro .text-link{display:inline-block;margin-top:25px}.auth-panel{background:#f4f2ed;padding:36px;border:1px solid #e5e1d9}.auth-panel h2,.checkout-option h2{font-size:28px;font-weight:400;margin:12px 0}.auth-panel p,.checkout-option p{font-size:14px;line-height:1.7;color:#65625d}.auth-panel label{display:block;font-size:13px;margin-top:20px}.auth-panel input{display:block;width:100%;background:#fffdfb;border:1px solid #d5d1c9;padding:14px;margin-top:8px;font:inherit;border-radius:0}.auth-panel input:focus{outline:2px solid #776d5f;outline-offset:2px}.auth-panel form .dark-button{width:100%;margin-top:8px}.auth-panel small{display:block;margin-top:10px;color:#666}.auth-switch{border:0;background:none;font:inherit;padding:0;text-decoration:underline;cursor:pointer}.account-error{color:#a02e25!important;min-height:20px;font-size:14px}.account-home{padding-top:65px;padding-bottom:90px;min-height:650px}.account-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px;border-bottom:1px solid #dedbd5}.account-heading h1{font-size:48px;margin:14px 0}.account-heading p{color:#777}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 24px}.history-heading h2,.checkout-summary h2{font-weight:400;font-size:25px}.history-empty{text-align:center;padding:50px 20px 65px;background:#f4f2ed;border:1px solid #e5e1d9}.empty-order-icon{font-size:36px;color:#777}.history-empty h3{font-weight:400;font-size:30px;margin:16px 0}.history-empty p{color:#696660;line-height:1.8;max-width:430px;margin:0 auto 28px}.history-empty .dark-button{display:inline-flex;gap:35px}.order-card{border:1px solid #dedbd5;margin-bottom:24px}.order-meta{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#f4f2ed;padding:20px 26px}.order-meta small{letter-spacing:1px}.order-meta p{font-size:13px;color:#666;margin-bottom:0}.order-status{background:#e7ebdf;border-radius:20px;padding:8px 14px;text-transform:capitalize;font-size:12px}.order-item{display:flex;align-items:center;gap:20px;padding:18px 26px;border-top:1px solid #e5e1d9}.order-item img{width:65px;height:80px;object-fit:contain}.order-item h3{font-size:16px;font-weight:500;margin:0}.order-item p{font-size:13px;color:#666}.order-item>span{margin-left:auto}.checkout-shell{padding-top:65px;padding-bottom:90px;min-height:650px}.checkout-shell h1{font-size:48px}.checkout-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:36px;align-items:start}.checkout-choices{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dedbd5}.checkout-option{padding:28px;background:#f4f2ed;display:flex;flex-direction:column;align-items:stretch}.checkout-option small{font-size:10px;letter-spacing:1.5px}.checkout-option p{flex:1}.checkout-option button{font-size:11px;padding:17px 12px;margin-top:18px}.guest-option{background:transparent;border-left:1px solid #dedbd5}.checkout-summary{background:#f4f2ed;padding:28px}.checkout-summary h2{margin:0 0 22px}.summary-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #dedbd5;padding:14px 0;font-size:13px}.summary-item img{width:50px;height:65px;object-fit:contain}.summary-item p{font-size:12px;color:#777}.summary-item>span{margin-left:auto;text-align:right}.summary-total{display:flex;justify-content:space-between;margin-top:24px}.checkout-summary>p{font-size:12px;line-height:1.7;color:#777;margin-bottom:25px}.checkout-shell #auth-slot:not(:empty){margin-top:24px}button:disabled{cursor:not-allowed}
@media(max-width:800px){.account-shell{grid-template-columns:1fr;gap:35px;padding:40px 22px 60px}.account-intro h1{font-size:42px}.auth-panel{padding:25px}.account-heading h1,.checkout-shell h1{font-size:36px}.account-heading{gap:15px}.account-heading .outline-button{font-size:10px;padding:12px}.history-heading{align-items:start;flex-direction:column}.checkout-layout{grid-template-columns:1fr;gap:24px}.checkout-choices{grid-template-columns:1fr}.guest-option{border-left:0;border-top:1px solid #dedbd5}.order-meta{flex-wrap:wrap;padding:18px}.order-item{padding:18px}.account-home,.checkout-shell{padding-top:35px}.header-actions{gap:12px}}
.cart-drawer:not(.open){visibility:hidden;pointer-events:none}.cart-drawer.open{visibility:visible}
@media(max-width:460px){.header-actions>a[href="/account"]{display:inline-flex}}
