@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--teal:#233c34;--forest:#182d26;--cream:#f7f4ee;--ink:#233c34;--muted:#535e56;--line:#d7ded5;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba713e;outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:50}.skip:focus{top:10px}.announcement{background:var(--teal);color:#f7f5ed;text-align:center;padding:10px 16px;font-size:10px;letter-spacing:.14em}.announcement span{margin:0 22px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font:500 53px/1 'Manrope',Arial,sans-serif;letter-spacing:-5px}.brand-dot{color:#b3794f;font-size:32px;margin-left:3px}.site-header nav{display:flex;gap:38px;font-size:13px}.header-contact{font-size:13px;border-bottom:1px solid var(--teal);padding-bottom:5px}.header-contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px 0 64px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 23px}.small-star{font-size:20px;vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(48px,4.9vw,76px);font-weight:400;letter-spacing:-.047em;line-height:1.07;margin-bottom:28px}h1 em{display:block;font-weight:400;color:#527566}h2{font:400 clamp(34px,3.4vw,52px)/1.13 var(--serif);letter-spacing:-.04em;white-space:pre-line}h3{font-size:19px;font-weight:500;line-height:1.3}.intro{max-width:425px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 25px;border:1px solid var(--teal);background:var(--teal);color:var(--cream);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.button:hover{background:var(--forest)}.button:disabled{opacity:.5;cursor:not-allowed}.hero-footnote{font-size:11px;display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--muted)}.status-dot{width:6px;height:6px;border-radius:100%;background:#82916b}.hero-art{height:590px;position:relative;overflow:hidden;background:linear-gradient(135deg,#d7e1d5,#e8e4d9 52%,#cad4c2);border-radius:46% 46% 2px 2px;isolation:isolate}.art-halo{position:absolute;width:380px;height:380px;background:linear-gradient(120deg,#f9f0d8,#c9d3b9);border-radius:50%;left:22%;top:12%;box-shadow:45px 30px 80px #5e826826}.art-orbit{width:420px;height:530px;border:1px solid #fff7;position:absolute;left:9%;top:5%;border-radius:50%;transform:rotate(-28deg)}.art-caption{position:absolute;z-index:6;top:65px;left:40px;font-size:10px;letter-spacing:.2em;line-height:1.9}.pedestal{position:absolute;bottom:-72px;left:8%;width:110%;height:210px;background:linear-gradient(100deg,#d7c9b6,#f0e8da 45%,#c5b79e);border-radius:50% 50% 0 0 / 23% 23% 0 0;box-shadow:0 -8px 25px #6b786929}.bottle{position:absolute;z-index:4;border-radius:20px 20px 10px 10px;box-shadow:18px 20px 24px #24433e33}.bottle-tall{height:295px;width:127px;bottom:126px;left:46%;background:linear-gradient(100deg,#bdd0ba,#e4edd8 35%,#a3b797);transform:rotate(8deg)}.bottle-cap{height:52px;position:absolute;top:-28px;left:18px;right:18px;background:linear-gradient(90deg,#144e47,#38695d,#17483f);border-radius:6px 6px 1px 1px;box-shadow:inset 0 0 1px #000}.bottle-label{border-top:1px solid #3d5b4844;border-bottom:1px solid #3d5b4844;position:absolute;top:85px;left:13px;right:13px;padding:22px 0;text-align:center}.bottle-label strong{font:400 33px 'Manrope',sans-serif;letter-spacing:-2px}.bottle-label span,.jar span{display:block;font-size:6px;letter-spacing:.14em;margin-top:12px}.bottle-label i{display:block;font:italic 23px var(--serif);margin-top:20px}.bottle-small{height:177px;width:89px;bottom:115px;left:24%;background:linear-gradient(90deg,#63381ad4,#ad7649e6,#643719df);border-radius:23px 23px 7px 7px;transform:rotate(-10deg)}.dropper{position:absolute;top:-53px;height:57px;width:48px;left:20px;border-radius:20px 20px 2px 2px;background:linear-gradient(90deg,#e4decf,#fffbef,#d1cbbb);border-bottom:12px solid #d9d1bd}.bottle-small .bottle-label{background:#eee8d6;top:42px;left:0;right:0;padding:10px 0;color:#374435;border:0}.bottle-small .bottle-label strong{font-size:25px}.bottle-small .bottle-label i{font-size:17px;margin-top:8px}.jar{position:absolute;z-index:5;bottom:66px;left:62%;height:90px;width:142px;border-radius:10px 10px 22px 22px;background:linear-gradient(90deg,#e4ded0,#fff9ed,#d1c8b7);box-shadow:18px 20px 25px #334d3540;text-align:center;padding-top:22px;transform:rotate(3deg)}.jar strong{font:400 30px 'Manrope',sans-serif;letter-spacing:-2px}.jar span{font-size:5px;margin-top:3px}.jar-lid{height:20px;position:absolute;top:-9px;left:-2px;right:-2px;border-radius:7px;background:linear-gradient(90deg,#e0d7c4,#fffbeb,#cec4ae)}.leaf{position:absolute;border-radius:100% 0 100% 0;background:linear-gradient(30deg,#244f38,#7e9770);box-shadow:inset -2px -2px 5px #d4dda566;z-index:2}.leaf:after{content:'';position:absolute;left:50%;top:15%;height:75%;width:1px;background:#b4caa666;transform:rotate(35deg)}.leaf-one{width:105px;height:180px;right:-15px;top:80px;transform:rotate(-30deg)}.leaf-two{width:88px;height:148px;right:0;top:221px;transform:rotate(-64deg)}.leaf-three{width:62px;height:120px;right:40px;top:5px;transform:rotate(-3deg)}.art-note{position:absolute;bottom:24px;left:26px;right:26px;z-index:7;font-size:8px;letter-spacing:.12em;display:flex;justify-content:space-between}.brand-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:60px;padding:23px;font-size:11px;letter-spacing:.07em}.brand-strip b{font-size:19px;font-weight:400;color:#789171}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 3px;max-width:310px}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ritual-visual{height:330px;position:relative;overflow:hidden;background:#dfe5d9}.ritual-number{position:absolute;left:22px;top:20px;font-size:10px;letter-spacing:.13em}.visual-word{position:absolute;bottom:22px;left:22px;font:italic 34px var(--serif);z-index:2}.ritual-shape{position:absolute;width:120px;height:190px;background:linear-gradient(100deg,#d0d9b9,#f0f2e6,#9baa8f);box-shadow:35px 30px 28px #41503826;top:55px;left:43%;transform:rotate(24deg);border-radius:14px 14px 3px 3px}.ritual-shape:before{content:'Soko';position:absolute;top:75px;width:100%;text-align:center;font:27px 'Manrope',sans-serif;color:#47614f;letter-spacing:-1px}.ritual-shape:after{content:'';position:absolute;bottom:0;height:29px;width:100%;background:linear-gradient(90deg,#315748,#6d8572,#315748);border-radius:0 0 3px 3px}.visual-2{background:#e4ded0}.visual-2 .ritual-shape{width:80px;height:155px;top:105px;left:46%;background:linear-gradient(90deg,#866237,#b79050,#75512b);transform:rotate(-17deg);border-radius:15px 15px 4px 4px}.visual-2 .ritual-shape:after{bottom:auto;top:-51px;height:57px;width:46px;left:17px;background:linear-gradient(90deg,#ede9dd,#fffcee,#c4c0ad);border-radius:20px 20px 2px 2px}.visual-2 .ritual-shape:before{font-size:23px;top:45px;background:#e9e3ce;padding:20px 0}.visual-3{background:#cdd9d3}.visual-3 .ritual-shape{width:170px;height:85px;top:132px;left:32%;background:linear-gradient(90deg,#e0dccd,#fffcf1,#cfc9b4);border-radius:8px 8px 25px 25px;transform:rotate(11deg)}.visual-3 .ritual-shape:after{top:-16px;bottom:auto;height:25px;background:linear-gradient(90deg,#9eaa91,#d4dcc4,#8f9c81);border-radius:8px}.visual-3 .ritual-shape:before{top:27px}.ritual-text{padding:22px 0 0}.ritual-text h3{font:26px var(--serif);margin-bottom:10px}.ritual-text p{font-size:13px;max-width:320px;color:var(--muted)}.quiet-note{font-size:11px;margin-top:28px;color:var(--muted)}.about-section{background:#e8ece2;padding:80px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-art{background:var(--teal);min-height:570px;border-radius:230px 230px 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f5f2ec;padding:60px 30px;position:relative}.about-art:before{content:'';position:absolute;inset:22px;border:1px solid #f5f2ec40;border-radius:215px 215px 1px 1px}.about-art img{width:70%;border-radius:50%;margin:34px 0}.about-kicker{font-size:10px;letter-spacing:.25em}.about-caption{font:italic 19px var(--serif)}.large-copy{font-size:16px;color:var(--muted);line-height:1.8}.principles{margin:32px 0}.principles>div{display:flex;gap:24px;border-top:1px solid #c9d2c4;padding:18px 0}.principles>div>span{font-size:10px;margin-top:3px;color:#748272}.principles h3{font-size:14px;margin-bottom:5px}.principles p{font-size:12px;margin:0;color:var(--muted)}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.text-link span{margin-left:20px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-section>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:21px;font-weight:400;line-height:1}details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;max-width:95%;color:var(--muted);padding-bottom:16px}.contact-section{background:var(--teal);color:var(--cream);padding:75px 0}.contact-grid{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:80px}.contact-section h2{font-size:clamp(38px,4.5vw,66px);margin-bottom:23px}.contact-section p:not(.eyebrow){font-size:14px;max-width:440px;color:#d5e1d8}.contact-email{display:inline-flex;gap:55px;align-items:center;font-size:21px;border-bottom:1px solid #f5f2ec88;padding:5px 0}.contact-seal{width:210px;height:210px;border:1px solid #f5f2ec66;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg)}.contact-seal span{font-size:10px;letter-spacing:.22em}.contact-seal b{font-size:73px;line-height:1.5;font-weight:400;color:#d4dfc1}.site-footer{padding:55px 0 22px}.footer-main{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:40px;align-items:center;padding-bottom:42px}.footer-main p{font-size:12px;color:var(--muted);margin:0}.footer-main nav{display:flex;justify-content:flex-end;gap:30px;font-size:12px}.footer-bottom{display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;font-size:10px;color:var(--muted)}.footer-bottom div{display:flex;gap:15px}.narrow{max-width:800px;min-height:50vh}.rte{margin:30px 0}.rte a{text-decoration:underline}.rte img{height:auto}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-grid h2{font-size:26px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px}.product-detail h1{font-size:48px}label{display:block;margin-top:20px;margin-bottom:7px}input,select{padding:12px;border:1px solid #9cae9f;background:#fffef9;max-width:100%;border-radius:0}.product-detail input{width:85px;display:block;margin-bottom:20px}.cart-row{display:grid;gap:15px;border-top:1px solid var(--line);padding:25px 0}.store-access{margin-top:50px}.store-access summary{justify-content:start;text-decoration:underline}.password-page{padding:90px 0}.password-page h1{font-size:64px}
@media(min-width:1600px){.hero-art{height:650px}.bottle-tall{left:48%;bottom:148px}.bottle-small{bottom:123px}.jar{bottom:76px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.hero-art{height:520px}.hero h1{font-size:56px}.art-caption{left:25px}.bottle-tall{width:105px;height:260px;left:43%}.bottle-label strong{font-size:29px}.jar{left:55%;width:124px}.bottle-small{left:15%}.brand-strip{gap:25px;font-size:10px}.about-grid{gap:50px}.about-art{min-height:490px}.ritual-visual{height:280px}.faq-section{gap:45px}.site-header nav{gap:22px}.footer-main{grid-template-columns:.6fr 1fr}.footer-main nav{grid-column:1/-1;justify-content:start}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.announcement{font-size:8px;letter-spacing:.08em;padding:10px}.announcement span{margin:0 8px}.site-header{height:86px;flex-wrap:wrap;gap:8px}.wordmark{font-size:43px;letter-spacing:-4px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:11px;padding-bottom:9px;border-bottom:1px solid var(--line)}.header-contact{font-size:11px}.hero{grid-template-columns:1fr;gap:34px;padding:45px 0 40px}.hero-copy{max-width:500px}.hero h1{font-size:clamp(48px,11vw,68px);margin-bottom:24px}.eyebrow{font-size:9px;margin-bottom:17px}.intro{font-size:14px;line-height:1.8;max-width:95%}.button{font-size:11px;padding:16px 22px}.hero-footnote{font-size:10px}.hero-art{height:470px;width:100%;max-width:480px;margin:auto}.art-halo{width:300px;height:300px;left:18%}.art-orbit{height:410px;width:320px}.bottle-tall{height:244px;bottom:107px;left:47%}.bottle-small{left:23%;bottom:93px;height:153px;width:78px}.dropper{left:16px}.jar{bottom:57px;left:61%;width:108px;height:76px;padding-top:15px}.jar strong{font-size:27px}.art-note{font-size:7px;left:20px;right:20px;bottom:18px}.art-caption{font-size:8px;left:28px;top:48px}.brand-strip{gap:12px;font-size:9px;flex-wrap:wrap;padding:18px}.brand-strip b{font-size:14px}.brand-strip span:last-child{display:none}.brand-strip b:last-of-type{display:none}.section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}h2{font-size:38px}.ritual-grid{grid-template-columns:1fr;gap:28px}.ritual-visual{height:310px}.ritual-text{padding-top:18px}.ritual-text p{max-width:100%}.about-section{padding:50px 0}.about-grid{grid-template-columns:1fr;gap:42px}.about-art{min-height:410px;max-width:400px;width:100%;margin:auto}.about-art img{width:63%;margin:22px 0}.about-copy .large-copy{font-size:14px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2{margin-bottom:16px}.contact-section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-seal{display:none}.contact-email{font-size:19px;gap:30px}.contact-section h2{font-size:44px}.footer-main{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.footer-main nav{gap:25px}.footer-bottom{flex-wrap:wrap;gap:13px;font-size:9px}.product-grid{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr;gap:35px}.password-page h1{font-size:44px}.site-footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-art{background:#dce5db;border-radius:46% 46% 2px 2px}.brand-art-word{position:absolute;top:34%;left:0;width:100%;text-align:center;font:500 clamp(110px,11vw,170px)/1 'Manrope',Arial,sans-serif;letter-spacing:-.075em;color:#233c34}.brand-art-word span{display:block;font:400 85px/1 var(--serif);margin-top:20px;color:#7c8e70}.brand-art-line{position:absolute;left:0;bottom:80px;width:100%;text-align:center;font-size:9px;letter-spacing:.25em}.brand-art .art-halo{background:linear-gradient(120deg,#f8f3df,#bccfb6)}.category-art{position:absolute;inset:25px;display:grid;place-items:center}.category-art span{font:180px/1 var(--serif);color:#789270;opacity:.5}.visual-2 .category-art span{transform:rotate(20deg);color:#a38f71}.visual-3 .category-art span{transform:rotate(-15deg);color:#688c7b}.visual-word{font-size:40px}.about-art{background:#105258}.hero h1{font-size:clamp(52px,5.2vw,80px)}@media(max-width:700px){.brand-art-word{font-size:118px}.brand-art-word span{font-size:68px}.brand-art-line{bottom:67px}.hero h1{font-size:clamp(48px,11vw,68px)}.hero .eyebrow{letter-spacing:.1em}}
/* Original Soko identity: sampled logo teal #105155, 18 September 2026. */
:root{--teal:#105155;--forest:#0b393c;--ink:#173e40;--muted:#4e6667;--cream:#f7f8f4;--line:#cbdcda}
.site-header .wordmark{display:block;font-size:0;letter-spacing:0;flex-shrink:0}.soko-brand-logo{width:82px;height:82px;object-fit:contain;border-radius:50%}.brand-dot{color:#105155}
.soko-character-hero h1 em{color:#105155!important}.soko-character-hero .button{background:#105155!important;border-color:#105155;color:white!important}.soko-character-hero .button:hover{background:#0b393c!important}
.soko-object{background:#d9ebe7!important;border-color:#105155!important;box-shadow:6px 6px 0 #105155!important}.soko-object-small{background:#eaf2ef!important}.soko-object figcaption{color:#105155!important}.soko-board-note{border-color:#105155!important}.brand-strip{background:#105155!important;color:#fff!important;border-color:#105155!important}.brand-strip b{color:#bce1da!important}
.about-art{background:#105155!important}.about-art img{border-radius:50%}.about-section{background:#e9f1ed}.contact-section{background:#105155}.soko-listening{border-color:#105155!important;background:#e9f1ed!important}.site-footer{background:#f0f5f2}.status-dot{background:#267d77}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #328c86;outline-offset:5px}
@media(max-width:700px){.site-header{height:auto;min-height:116px;padding-top:12px;padding-bottom:8px}.soko-brand-logo{width:64px;height:64px}.site-header nav{padding-top:6px}.header-contact{margin-left:auto}}