@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500&display=swap');
:root{--green:#006a4e;--green-2:#0d7a5d;--teal:#488f7c;--ink:#111514;--paper:#fff;--mist:#edf7f4;--gray:#eef1ef;--line:#d9dfdc;--soft:#f7faf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Manrope',Arial,sans-serif;overflow-x:hidden}a{color:inherit}.announcement{height:30px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:.09em}.announcement i{font-style:normal;opacity:.55}.site-header{height:94px;padding:0 4vw;display:grid;grid-template-columns:130px 1fr auto;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(0,0,0,.05)}.logo-link img{width:78px;height:78px;object-fit:contain}.site-header nav{display:flex;justify-content:center;gap:34px}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.06em;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--green);transition:.3s}.site-header nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:18px}.header-actions a{font-size:25px;text-decoration:none;line-height:1}.cart-link{position:relative}.cart-link span{position:absolute;right:-9px;top:-8px;min-width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;display:grid;place-items:center}.eyebrow,.step{font-size:10px;letter-spacing:.16em;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border:1px solid var(--green);font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.08em;cursor:pointer;transition:.25s}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#00543e;transform:translateY(-2px)}.button.outline{background:#fff;color:var(--green)}.button.outline:hover{background:var(--mist);transform:translateY(-2px)}
.hero-scroll{height:300vh;position:relative;background:linear-gradient(120deg,#fff 0 56%,#f4faf7 100%)}.hero-sticky{position:sticky;top:94px;height:calc(100vh - 94px);display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:center;padding:4vw 5.2vw;overflow:hidden}.hero-copy{z-index:5;max-width:620px}.hero-copy h1{font-family:'Montserrat',sans-serif;font-weight:400;font-size:clamp(65px,7.2vw,122px);line-height:.86;letter-spacing:-.055em;margin:22px 0}.hero-copy h1 em,.asfalt-copy em,.world h2 em,.stack-copy em,.split-panels h2 em{font-style:normal;color:var(--green)}.lead{font-size:18px;line-height:1.55;max-width:500px}.actions{display:flex;gap:14px;margin-top:28px}.scroll-cue{display:flex;align-items:center;gap:14px;margin-top:42px;font-size:9px;letter-spacing:.14em}.scroll-cue b{width:28px;height:28px;border:1px solid #9aa6a1;border-radius:50%;display:grid;place-items:center}.hero-visual{height:100%;position:relative;display:grid;place-items:center;perspective:1500px}.wash{position:absolute;border-radius:50%;filter:blur(6px);background:radial-gradient(circle,rgba(72,143,124,.16),rgba(72,143,124,0) 70%)}.wash-a{width:70%;height:70%}.wash-b{width:38%;height:90%;transform:rotate(25deg)}.soap-orbit{position:relative;width:min(46vw,680px);height:min(46vw,680px);display:grid;place-items:center;transform-style:preserve-3d;will-change:transform}.soap-frame-stack{position:absolute;inset:0;display:grid;place-items:center}.soap-frame-stack img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .13s linear;filter:drop-shadow(0 34px 30px rgba(0,0,0,.17))}.soap-frame-stack img.active{opacity:1}.soap-shadow{position:absolute;width:58%;height:9%;bottom:12%;border-radius:50%;background:rgba(0,0,0,.18);filter:blur(22px);transform:rotateX(76deg)}.bubble-field{position:absolute;inset:0;pointer-events:none}.bubble-dot{position:absolute;border:1px solid rgba(72,143,124,.28);border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),rgba(255,255,255,.15) 45%,rgba(72,143,124,.08));box-shadow:inset 0 0 12px rgba(72,143,124,.12);will-change:transform}.orbit-note{position:absolute;right:0;bottom:8%;font-size:9px;letter-spacing:.12em;line-height:1.5;text-align:right;color:#53615b}.hero-progress{position:absolute;left:5.2vw;right:5.2vw;bottom:18px;height:1px;background:#dce4e0}.hero-progress span{display:block;height:100%;width:0;background:var(--green)}
.asfalt-story{height:230vh;background:linear-gradient(180deg,#fff,#eef6f3);position:relative}.asfalt-sticky{position:sticky;top:94px;height:calc(100vh - 94px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:5vw 6vw;overflow:hidden}.asfalt-visual{height:100%;display:grid;place-items:center;position:relative}.asfalt-visual img{width:min(48vw,690px);max-height:78vh;object-fit:contain;filter:drop-shadow(0 35px 28px rgba(0,0,0,.18));position:relative;z-index:3;transform-origin:50% 70%;will-change:transform}.asfalt-ripple{position:absolute;width:70%;height:24%;bottom:13%;border:1px solid rgba(0,106,78,.23);border-radius:50%;box-shadow:0 0 0 28px rgba(0,106,78,.06),0 0 0 58px rgba(0,106,78,.03)}.foam-cloud{position:absolute;border-radius:50%;filter:blur(1px);background:radial-gradient(circle at 25% 30%,#fff 0 8%,transparent 9%),radial-gradient(circle at 65% 50%,#fff 0 12%,transparent 13%),radial-gradient(circle at 40% 70%,#fff 0 10%,transparent 11%);opacity:.75}.foam-one{width:38%;height:24%;left:12%;bottom:15%}.foam-two{width:32%;height:20%;right:12%;bottom:18%}.asfalt-copy{max-width:580px}.asfalt-copy h2,.world h2,.section-title h2,.stack-copy h2,.split-panels h2{font-family:'Montserrat',sans-serif;font-weight:400;font-size:clamp(45px,5.6vw,90px);line-height:.96;letter-spacing:-.045em;margin:16px 0}.asfalt-copy>p:not(.step){font-size:19px;line-height:1.6}.ingredient-line{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.ingredient-line span{border:1px solid #cbd7d1;border-radius:999px;padding:9px 13px;font-size:9px;letter-spacing:.09em;background:rgba(255,255,255,.7)}
.world{min-height:820px;background:var(--mist);display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;padding:100px 6vw;overflow:hidden}.world-copy{z-index:3}.world-copy>p:last-child{font-size:18px;line-height:1.6;max-width:430px}.world-stage{position:relative;height:620px;display:grid;place-items:center}.world-product{position:absolute;width:min(64vw,900px);right:-9%;bottom:-12%;filter:drop-shadow(0 30px 28px rgba(0,0,0,.14));transform:rotate(-5deg)}.category-bubbles{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,120px);gap:16px}.category-bubbles a{aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-decoration:none;box-shadow:0 15px 35px rgba(0,0,0,.09);transition:.25s}.category-bubbles a:hover{transform:translateY(-8px) scale(1.04);background:var(--green);color:#fff}.category-bubbles span{font-size:24px;margin-bottom:6px}.category-bubbles b{font-size:9px;letter-spacing:.06em}
.featured{padding:110px 6vw;background:#fff}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title a{text-decoration:none;font-size:11px;color:var(--green);font-weight:700;letter-spacing:.07em}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:44px}.product-card{border:1px solid #e0e5e2;background:#fff;min-width:0;transition:.25s}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.07)}.product-visual{aspect-ratio:1;background:linear-gradient(145deg,#fbfcfb,#f0f4f2);display:grid;place-items:center;overflow:hidden}.product-image{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.12))}.mini-soap{width:65%;aspect-ratio:1.35;border-radius:8px}.tone-green{background:#79a84b}.tone-black{background:#202423}.tone-sand{background:#a88472}.tone-cream{background:#e7dcc7}.tone-teal{background:#76b8c5}.product-info{padding:18px}.product-info h3{font-size:15px;line-height:1.1;margin:0 0 8px;text-transform:uppercase}.product-info p{font-size:12px;line-height:1.45;min-height:38px}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.add-button{width:36px;height:36px;border-radius:50%;border:1px solid #9eaaa5;background:#fff;font-size:18px;cursor:pointer}.stock-note{font-size:9px;font-weight:700;color:#8c251c}.sold{opacity:.46}
.stack-feature{min-height:760px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:100px 7vw;background:linear-gradient(135deg,#fff 0 48%,#f2f7f5 48%)}.stack-copy{max-width:570px}.stack-copy p:not(.step){font-size:18px;line-height:1.6}.stack-visual{position:relative;height:590px;display:grid;place-items:center}.stack-visual img{width:min(54vw,720px);max-height:620px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 34px 28px rgba(0,0,0,.14))}.stack-halo{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(0,106,78,.15),rgba(0,106,78,0) 70%)}
.split-panels{display:grid;grid-template-columns:1fr 1fr;margin:0 4vw 80px;border:1px solid #dfe5e2}.split-panels article{min-height:420px;padding:60px;position:relative;overflow:hidden}.request{background:#f1f8f5}.request p:not(.step),.story-panel p:not(.step){max-width:430px;line-height:1.6}.request-product{position:absolute;right:-3%;bottom:-9%;width:48%;max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(0,0,0,.13))}.story-panel{background:#fff}.story-panel>a{color:var(--green);font-size:11px;font-weight:700;text-decoration:none}.skyline{position:absolute;right:5%;bottom:10%;font-size:11px;letter-spacing:.16em;color:#65726d}.trust-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:28px 6vw;border-top:1px solid #e1e5e3}.trust-strip div{display:flex;gap:12px;align-items:center;font-size:22px}.trust-strip span{font-size:9px;letter-spacing:.08em;line-height:1.4}footer{background:var(--green);color:#fff;padding:58px 6vw;display:grid;grid-template-columns:1.2fr repeat(3,1fr) 1.4fr;gap:45px}footer a{display:block;text-decoration:none;font-size:11px;margin:7px 0;opacity:.9}footer h4{font-size:10px;letter-spacing:.1em;margin:0 0 14px}.footer-logo img{width:120px}.newsletter p{font-size:11px}.newsletter label{display:flex;background:#fff}.newsletter input{border:0;padding:12px;width:100%}.newsletter button{border:0;background:transparent;color:var(--green);font-size:20px;padding:0 14px}
.shop-main{padding:80px 6vw 120px}.shop-heading h1{font-family:'Montserrat';font-weight:400;font-size:clamp(58px,7vw,110px);line-height:.95;max-width:1000px}.shop-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px}.shop-tools input,.admin-panel input{width:min(480px,100%);padding:16px 20px;border-radius:999px;border:1px solid var(--line);font:inherit;background:white}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:10px 15px;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:transparent}.filter.active{background:var(--green);color:white}.shop-grid{grid-template-columns:repeat(4,1fr)}.cart{position:fixed;z-index:80;right:0;top:0;bottom:0;width:min(480px,100%);background:white;padding:35px;transform:translateX(105%);transition:transform .25s;display:flex;flex-direction:column}.cart.open{transform:none}.cart-close{align-self:flex-end;border:0;background:none;font-size:34px}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.cart-total{margin-top:auto;padding:25px 0;display:flex;justify-content:space-between;font-size:20px}.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:70;display:none}.cart-backdrop.open{display:block}.tiny{font-size:11px;opacity:.6}.admin-page{background:#efeee9}.admin-header{height:80px;padding:0 4vw;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center}.admin-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none}.admin-header .brand img{width:58px}.admin-header>div{display:flex;gap:10px}.admin-main{padding:40px 5vw}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-summary>div{background:white;padding:25px}.admin-summary span{display:block;font-size:13px}.admin-summary strong{display:block;font:54px 'Montserrat';margin-top:10px}.admin-panel{background:white;margin-top:20px;padding:30px}.admin-panel-head{display:flex;justify-content:space-between;align-items:end}.admin-panel-head h1{font:36px 'Montserrat';margin:8px 0}.admin-row{display:grid;grid-template-columns:1fr 130px 170px 110px;gap:15px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.admin-product{display:flex;align-items:center;gap:15px}.admin-thumb{width:56px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat}.stock-control{display:flex;align-items:center;gap:8px}.stock-control button,.edit-button{border:1px solid var(--line);background:white;height:36px;min-width:36px;cursor:pointer}.stock-control input{width:60px;padding:8px;text-align:center}.status-pill{font-size:12px;padding:7px 10px;border-radius:999px;background:#e4f3dd;width:max-content}.status-pill.low{background:#fff0bb}.status-pill.out{background:#ffd6cf}dialog{border:0;padding:0;width:min(620px,92vw);box-shadow:0 30px 100px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(0,0,0,.55)}dialog form{padding:28px}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font:32px 'Montserrat';margin:5px 0 20px}.icon-button{border:0;background:none;font-size:34px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px}label{display:block;font-size:13px;font-weight:700;margin-top:15px}label input,label select,label textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;margin:0}.full{width:100%}
@media(max-width:1000px){.site-header{grid-template-columns:90px 1fr auto}.site-header nav{gap:16px}.hero-sticky{grid-template-columns:1fr;padding-bottom:38vh}.hero-copy{align-self:start}.hero-visual{position:absolute;right:-11vw;bottom:-5vh;width:75vw;height:70vh}.hero-copy h1{font-size:72px}.asfalt-sticky{grid-template-columns:1fr}.asfalt-copy{position:absolute;right:6vw;bottom:8vh;background:rgba(255,255,255,.8);padding:24px;max-width:48vw}.world{grid-template-columns:1fr}.world-stage{height:580px}.product-grid{grid-template-columns:repeat(2,1fr)}.stack-feature{grid-template-columns:1fr}.split-panels{grid-template-columns:1fr}footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.announcement{font-size:7px;gap:5px}.announcement span:nth-of-type(2),.announcement i:nth-of-type(2){display:none}.site-header{height:76px;top:0;grid-template-columns:70px 1fr}.site-header nav{display:none}.logo-link img{width:60px;height:60px}.header-actions{justify-self:end}.hero-sticky{top:76px;height:calc(100vh - 76px);padding:30px 6vw 320px}.hero-copy h1{font-size:56px}.lead{font-size:15px}.hero-visual{width:110vw;height:470px;right:-31vw;bottom:-40px}.orbit-note{display:none}.asfalt-sticky{top:76px;height:calc(100vh - 76px);padding:20px}.asfalt-visual img{width:92vw}.asfalt-copy{position:absolute;left:6vw;right:6vw;bottom:6vh;max-width:none;padding:18px}.asfalt-copy h2{font-size:38px}.ingredient-line{display:none}.world{padding:70px 6vw}.world-stage{height:520px}.world-product{width:130vw;right:-50%;bottom:-7%}.category-bubbles{grid-template-columns:repeat(2,104px);gap:10px}.featured{padding:70px 6vw}.product-grid,.shop-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;gap:20px}.stack-feature{padding:70px 6vw;background:#f5f9f7}.stack-visual{height:430px}.stack-visual img{width:105vw}.split-panels{margin:0}.split-panels article{padding:42px 24px}.request-product{opacity:.28;right:-22%;width:75%}.trust-strip{grid-template-columns:1fr 1fr}.shop-tools{flex-direction:column;align-items:flex-start}.admin-summary{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr}.admin-row .stock-control{grid-column:1}.admin-row .edit-button{grid-column:2}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.soap-frame-stack img:not(:first-child){display:none}.soap-orbit,.asfalt-visual img{transform:none!important}}