*{box-sizing:border-box} :root{--paper:#f4f0e4;--ink:#062b13;--muted:#687567;--line:#d5c79d;--orange:#c99408;--pink:#d9c17a;--olive:#b4a05b;--dark:#03270e}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:32px;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:9px;padding:0 5.5%;font-size:8px;letter-spacing:.14em}.topbar-dot{width:5px;height:5px;border-radius:50%;background:#d3df8a}.topbar-center{margin:auto;font-size:8px;color:#c1bcb1}.topbar>a{color:#d3df8a}.header{height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;background:#f7f3ecef;backdrop-filter:blur(15px)}.wordmark{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:.1em}.wordmark>span:last-child{display:flex;flex-direction:column;line-height:1}.wordmark small{font-size:7px;letter-spacing:.34em;font-weight:500;margin-top:5px}.mark{width:35px;height:35px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:23px;font-weight:500;letter-spacing:-.08em}.nav{display:flex;gap:31px;font-size:11px}.nav a{transition:color .2s}.nav a:hover{color:var(--orange)}.bag-button{border:1px solid var(--ink);border-radius:25px;background:transparent;padding:10px 13px;font-size:10px;cursor:pointer}.bag-button span{background:var(--ink);color:var(--paper);padding:3px 6px;border-radius:50%;margin:0 6px}.bag-button b{font-weight:400;margin-left:4px}.menu-button{display:none;border:0;background:none}.hero{padding-top:43px;overflow:hidden}.hero-inner{padding:0 9%}.hero-kicker{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:var(--muted)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(60px,9.5vw,130px);font-weight:500;line-height:.9;letter-spacing:-.09em;margin:48px 0 29px}.hero h1 em,.intro h2 em,.catalog h2 em,.discovery h2 em,.how h2 em,.faq h2 em,.final-cta h2 em{font-family:"Playfair Display",serif;color:var(--orange);font-weight:500;letter-spacing:-.07em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.hero-bottom p{max-width:390px;font-size:12px;line-height:1.8;color:#65645c;margin:0}.hero-cta,.pill-link{display:flex;align-items:center;gap:38px;padding:14px 18px;background:var(--ink);color:var(--paper);font-size:10px;transition:background .25s,transform .25s}.hero-cta span,.pill-link span{color:#d3df8a;font-size:16px}.hero-cta:hover,.pill-link:hover{background:var(--orange);transform:translateY(-3px)}.hero-art{height:clamp(290px,41vw,520px);position:relative;overflow:hidden;background:#d7c6b5}.hero-art-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 40%,#f4e8d9 0,#d6c3b1 43%,#b8a08e 100%)}.sun-disc{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:#e5a68c;left:36%;top:5%;mix-blend-mode:multiply;box-shadow:0 0 70px #e4b6a466}.hero-bottle{position:absolute;width:18%;height:67%;left:41%;top:17%;filter:drop-shadow(25px 26px 22px #493b3029);transition:transform .8s cubic-bezier(.2,.8,.2,1);animation:bottleFloat 6s ease-in-out infinite}.hero-bottle:hover{transform:translateY(-10px) rotate(3deg)}.bottle-cap{position:absolute;left:38%;top:0;width:24%;height:13%;background:linear-gradient(90deg,#9d8b70,#f5e6c4,#927a5b);border-radius:3px 3px 0 0}.bottle-neck{position:absolute;left:34%;top:12%;width:32%;height:10%;background:linear-gradient(90deg,#d9c5a0,#fff0ce,#bca37e)}.bottle-glass{position:absolute;left:0;top:21%;width:100%;height:75%;border:1px solid #ffffffbd;border-radius:22% 22% 16% 16%;background:linear-gradient(100deg,#ffffff8c 0%,#f7eee16b 17%,#aa8a5b8a 52%,#f9ead288 80%,#b59b7780 100%);box-shadow:inset 8px 0 12px #fff8,inset -8px 0 12px #7c604433;display:flex;align-items:center;justify-content:center;flex-direction:column}.bottle-glass:before{content:"";position:absolute;inset:8px;border:1px solid #fff7;border-radius:20% 20% 14% 14%}.bottle-glass span{font-family:"Playfair Display",serif;font-size:clamp(26px,4vw,52px);color:#f7f1e7;z-index:1;text-shadow:0 2px 5px #51432d66}.bottle-glass small{font-size:6px;letter-spacing:.35em;color:#fff7;z-index:1}.orbit{position:absolute;border:1px solid #fff8;border-radius:50%;aspect-ratio:1}.orbit1{width:58%;left:20%;top:-14%;transform:rotate(-25deg)}.orbit2{width:75%;left:12%;top:2%;border-color:#fff5;transform:rotate(25deg)}.art-note{position:absolute;font-size:8px;letter-spacing:.15em;line-height:1.7;color:#55483e}.note-left{left:4%;top:15%}.note-right{right:4%;bottom:16%;text-align:right}.vertical-label{position:absolute;right:19px;top:20px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.2em;color:#67584b}.hero-ticker{overflow:hidden;background:var(--orange);color:#fff6ed;white-space:nowrap;padding:13px 0;font-size:9px;letter-spacing:.14em}.ticker-track{display:flex;justify-content:space-around;gap:40px;min-width:max-content;animation:ticker 28s linear infinite}.ticker-track span{padding-right:30px}.section-pad{padding-left:9%;padding-right:9%}.intro{padding-top:75px;padding-bottom:100px;border-bottom:1px solid var(--line)}.section-tag{font-size:8px;letter-spacing:.16em;color:#79766d}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end;margin-top:35px}.intro h2,.catalog h2,.discovery h2,.how h2,.faq h2{font-family:Manrope,sans-serif;font-size:clamp(42px,6.5vw,78px);line-height:1.02;letter-spacing:-.08em;font-weight:500;margin:0}.intro-copy p{font-size:12px;line-height:1.85;color:#57574f}.intro-copy .muted{font-size:10px;color:#89867d}.under-link{display:inline-flex;gap:34px;border-bottom:1px solid var(--ink);padding-bottom:9px;margin-top:9px;font-size:10px}.under-link span{color:var(--orange)}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px;padding-top:20px;border-top:1px solid var(--line)}.intro-stats>div{display:flex;flex-direction:column;gap:9px}.intro-stats b{font-family:Manrope,sans-serif;font-size:32px;font-weight:500;letter-spacing:-.06em}.intro-stats b span{font-size:13px;margin-left:4px;color:var(--orange)}.intro-stats span{font-size:9px;line-height:1.6;color:#77756d}.catalog{padding-top:95px;padding-bottom:105px}.catalog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.catalog h2{margin-top:27px}.catalog-head>p{max-width:300px;font-size:11px;line-height:1.8;color:#747168;margin:0 0 5px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 25px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid var(--line);border-radius:22px;background:transparent;padding:10px 13px;font-size:9px;color:#69665e;cursor:pointer;transition:all .2s}.filter span{margin-left:6px;opacity:.6}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.search-box{border-bottom:1px solid #aaa49a;display:flex;align-items:center;gap:8px;padding:8px 0;min-width:180px}.search-box span{font-size:20px}.search-box input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#969187}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.product-card{min-width:0;position:relative;animation:cardIn .45s both}.product-photo{height:clamp(210px,24vw,315px);position:relative;overflow:hidden;background:var(--tone,#ddd);display:flex;align-items:center;justify-content:center;isolation:isolate}.product-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff48,transparent 44%,#00000010);z-index:-1}.product-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.product-card:hover .product-photo img{transform:scale(1.07) rotate(-1deg);filter:saturate(1.12)}.product-photo .photo-sheen{position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 43%,#ffffff55 50%,transparent 57%);transform:translateX(-60%) rotate(8deg);transition:transform .8s;pointer-events:none}.product-card:hover .photo-sheen{transform:translateX(60%) rotate(8deg)}.product-tag{position:absolute;left:11px;top:11px;background:var(--paper);color:var(--ink);padding:7px 8px;font-size:7px;letter-spacing:.08em}.quick-add{position:absolute;right:11px;bottom:11px;width:38px;height:38px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);font-size:20px;cursor:pointer;transform:translateY(8px);opacity:0;transition:all .25s}.product-card:hover .quick-add,.quick-add:focus{opacity:1;transform:translateY(0)}.product-info{padding:13px 1px 0}.product-brand{font-size:8px;color:#8b867b;letter-spacing:.08em;text-transform:uppercase}.product-name{font-family:Manrope,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.035em;margin:5px 0 6px;line-height:1.25}.product-family{font-size:9px;color:#77736a;margin-bottom:12px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px}.product-price{font-size:10px;font-weight:700}.product-price small{font-weight:400;color:#8b867b}.select-size{border:1px solid #c9c2b6;background:transparent;padding:8px 7px;font-size:8px;cursor:pointer;color:var(--ink);max-width:105px}.catalog-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);margin-top:40px;font-size:7px;letter-spacing:.12em;color:#817d73}.catalog-bottom b{color:var(--ink)}.discovery{background:#e8dfd2;padding-top:85px;padding-bottom:90px}.discovery-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;margin-top:35px}.discovery h2{font-size:clamp(43px,6vw,72px)}.discovery-copy>p{font-size:11px;line-height:1.85;color:#6f685e;max-width:340px;margin:23px 0}.pill-link{display:inline-flex}.ml-card{background:#f7f3ec;padding:20px 22px 22px;box-shadow:0 20px 50px #6e59441a;transform:rotate(1deg);transition:transform .4s}.ml-card:hover{transform:rotate(0) translateY(-4px)}.ml-card-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#8b8478}.ml-visual{height:250px;position:relative;display:flex;align-items:flex-end;justify-content:space-evenly;padding-bottom:15px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#d9c8b1 0,transparent 68%)}.sample{position:relative;width:17%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f7f0e5;border:1px solid #ffffffad;background:linear-gradient(90deg,#8d6c4c,#e1c9a5 22%,#c1a47d 60%,#f5e2c2);box-shadow:5px 9px 15px #58453125}.sample i{position:absolute;top:-15px;width:42%;height:16px;background:linear-gradient(90deg,#82725c,#e4d4b3,#8a7557);border-radius:2px 2px 0 0}.sample b{font-family:"Playfair Display",serif;font-size:20px;text-shadow:0 1px 4px #4a392d88}.sample small{font-size:6px;letter-spacing:.2em}.sample-1{height:73px}.sample-2{height:105px}.sample-3{height:137px}.sample-4{height:174px;width:22%}.ml-options{display:flex;justify-content:space-between;gap:5px;padding-top:15px;font-size:8px}.ml-card>p{font-size:9px;line-height:1.7;color:#827b70;margin:13px 0 0}.how{padding-top:90px;padding-bottom:100px}.how h2{margin-top:27px}.how h2 em{color:var(--orange)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.how-grid article{border:1px solid var(--line);padding:22px;min-height:240px;position:relative;transition:background .3s,transform .3s}.how-grid article:hover{background:#efe6d9;transform:translateY(-5px)}.how-grid article>span{font-size:8px;color:var(--orange)}.how-icon{width:43px;height:43px;display:grid;place-items:center;background:#e8dfd2;border-radius:50%;font-size:23px;margin:22px 0}.how-grid h3{font-family:Manrope,sans-serif;font-size:17px;margin:0 0 9px}.how-grid p{font-size:10px;line-height:1.8;color:#79756b;margin:0}.social-section{padding-top:75px;padding-bottom:80px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;overflow:hidden}.social-section .section-tag{color:#b8b1a5}.social-copy h2{font-family:Manrope,sans-serif;font-size:clamp(40px,5.5vw,65px);font-weight:500;line-height:1.02;letter-spacing:-.08em;margin:30px 0 18px}.social-copy h2 span{color:#d3df8a}.social-copy>p{font-size:11px;line-height:1.8;color:#c0b9ad;max-width:340px}.social-links{margin-top:28px;max-width:360px}.social-links>a{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #504d43}.social-icon{width:37px;height:37px;border:1px solid #6d695e;border-radius:50%;display:grid;place-items:center;font-size:20px}.social-links>a>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.social-links b{font-size:11px}.social-links small{font-size:8px;color:#aaa396}.social-links i{font-style:normal;color:#d3df8a}.social-art{height:390px;position:relative;background:#b8b995;color:var(--ink);overflow:hidden;display:grid;place-items:center}.social-ring{position:absolute;width:90%;aspect-ratio:1;border:1px solid #2929226e;border-radius:50%}.social-ring:before,.social-ring:after{content:"";position:absolute;inset:12%;border:1px solid #2929226e;border-radius:50%}.social-ring:after{inset:27%}.social-orb{position:absolute;width:47%;aspect-ratio:1;border-radius:50%;background:linear-gradient(130deg,#f3d4ba,#c86f4b);right:5%;top:10%;mix-blend-mode:multiply;animation:orbFloat 8s ease-in-out infinite}.social-big{position:relative;font-family:"Playfair Display",serif;font-size:clamp(100px,15vw,190px);letter-spacing:-.1em}.social-big span{color:var(--paper)}.social-caption{position:absolute;left:18px;top:18px;font-size:7px;letter-spacing:.13em;line-height:1.7}.social-caption.bottom{left:auto;top:auto;right:18px;bottom:18px;text-align:right}.faq{padding-top:90px;padding-bottom:100px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;margin-top:35px}.faq h2{font-size:clamp(42px,5.5vw,65px)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:15px;padding:19px 0;font-family:Manrope,sans-serif;font-size:13px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--orange);font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:10px;line-height:1.8;color:#77736a;padding:0 30px 17px 0;margin:0;max-width:580px}.final-cta{position:relative;overflow:hidden;background:#d4d9bc;padding-top:75px;padding-bottom:85px}.final-cta .section-tag{position:relative;z-index:1}.final-cta h2{position:relative;z-index:1;font-family:Manrope,sans-serif;font-size:clamp(48px,7.5vw,92px);font-weight:500;letter-spacing:-.09em;line-height:.98;margin:35px 0 18px}.final-cta h2 em{color:var(--orange)}.final-cta>p{position:relative;z-index:1;font-size:11px;color:#686a58}.final-button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:45px;background:var(--ink);color:var(--paper);padding:16px 18px;font-size:10px;margin-top:12px;transition:background .2s}.final-button:hover{background:var(--orange)}.final-button span{color:#d3df8a;font-size:16px}.final-sun{position:absolute;right:4%;top:-25%;height:150%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8b7a0,#d3a58a 50%,#b6b995 51%);opacity:.85}.final-mark{position:absolute;right:15%;top:25%;font-family:"Playfair Display",serif;font-size:clamp(130px,20vw,240px);color:#f7f3ec9c;letter-spacing:-.12em}.footer{padding:22px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer>span,.footer>a:not(.wordmark){font-size:8px;color:#858076;letter-spacing:.1em}.footer>a:not(.wordmark):hover{color:var(--orange)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 18px;font-size:10px;z-index:40;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 10px 30px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}.cart-overlay{position:fixed;inset:0;background:#19171070;z-index:29;opacity:0;pointer-events:none;transition:opacity .3s}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:30;right:0;top:0;bottom:0;width:min(430px,100%);background:var(--paper);padding:25px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);box-shadow:-15px 0 50px #0001}.cart-drawer.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-head h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.06em;font-size:30px;margin:9px 0 0}.cart-head h2 em{font-family:"Playfair Display",serif;color:var(--orange)}.cart-head button{border:0;background:none;font-size:28px;cursor:pointer}.cart-items{overflow:auto;flex:1;padding:8px 0}.cart-empty{padding:30px 0;font-size:12px;line-height:1.8;color:#77736a}.cart-item{display:grid;grid-template-columns:65px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.cart-thumb{height:70px;background:var(--tone);overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.cart-item h3{font-size:12px;margin:0 0 5px}.cart-item p{font-size:9px;color:#77736a;margin:0 0 7px}.cart-item select{font-size:9px;background:transparent;border:1px solid var(--line);padding:5px}.cart-item strong{font-size:10px;white-space:nowrap}.remove-item{border:0;background:none;color:#8d877d;font-size:17px;cursor:pointer;margin-left:5px}.cart-footer{border-top:1px solid var(--line);padding-top:16px}.cart-footer p{font-size:9px;line-height:1.6;color:#77736a}.send-order{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:var(--ink);color:var(--paper);padding:16px;font-size:11px;cursor:pointer}.send-order span{color:#d3df8a;font-size:17px}.clear-cart{display:block;margin:12px auto 0;background:none;border:0;text-decoration:underline;color:#817c71;font-size:9px;cursor:pointer}.no-results{grid-column:1/-1;text-align:center;padding:50px 15px;color:#77736a;font-size:12px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-35%)}}@keyframes bottleFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes orbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:850px){.section-pad{padding-left:6%;padding-right:6%}.hero-inner{padding:0 5%}.nav{gap:17px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-photo{height:clamp(210px,32vw,290px)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.about{gap:5%}.social-art{height:330px}}
@media(max-width:600px){.topbar{padding:0 4%;font-size:7px}.topbar-center{display:none}.topbar>a{margin-left:auto}.header{height:68px;padding:0 4%}.wordmark{font-size:15px}.mark{width:30px;height:30px;font-size:20px}.nav{display:none}.nav.open{display:flex;position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:8px 6% 17px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.nav.open a{padding:14px 0;border-bottom:1px solid var(--line)}.bag-button{margin-left:auto;margin-right:10px;padding:9px;font-size:9px}.menu-button{display:flex;flex-direction:column;gap:5px;padding:6px}.menu-button i{width:19px;height:1px;background:var(--ink)}.hero{padding-top:32px}.hero-inner{padding:0 6%}.hero-kicker{font-size:6px}.hero h1{font-size:clamp(49px,12.5vw,73px);margin:38px 0 25px}.hero-bottom{gap:16px;align-items:flex-end;margin-bottom:27px}.hero-bottom p{font-size:10px;max-width:240px}.hero-cta{padding:12px;font-size:9px;gap:15px}.hero-art{height:300px}.hero-bottle{width:28%;height:67%;left:36%}.sun-disc{width:48%;left:26%;top:10%}.art-note{font-size:6px}.note-left{left:12px}.note-right{right:12px}.vertical-label{right:9px}.hero-ticker{padding:11px 0;font-size:8px}.section-pad{padding-left:6%;padding-right:6%}.intro{padding-top:52px;padding-bottom:70px}.intro-grid{grid-template-columns:1fr;gap:23px;margin-top:27px}.intro h2,.catalog h2,.discovery h2,.how h2,.faq h2{font-size:clamp(40px,10.5vw,57px)}.intro-copy p{font-size:11px}.intro-stats{margin-top:40px;gap:10px}.intro-stats b{font-size:25px}.intro-stats span{font-size:8px}.catalog{padding-top:65px;padding-bottom:70px}.catalog-head{display:block}.catalog-head>p{margin-top:18px;font-size:10px}.catalog-controls{display:block;margin:28px 0 20px}.filters{gap:6px}.filter{font-size:8px;padding:9px 10px}.search-box{margin-top:17px;max-width:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 11px}.product-photo{height:clamp(190px,57vw,270px)}.product-tag{left:7px;top:7px;font-size:6px;padding:6px}.quick-add{opacity:1;transform:none;width:32px;height:32px;right:7px;bottom:7px}.product-info{padding-top:10px}.product-name{font-size:13px}.product-family{font-size:8px;min-height:22px}.product-price{font-size:9px}.select-size{font-size:7px;max-width:83px;padding:7px 4px}.catalog-bottom{font-size:6px;gap:10px}.discovery{padding-top:55px;padding-bottom:60px}.discovery-grid{grid-template-columns:1fr;gap:30px;margin-top:25px}.discovery-copy>p{font-size:10px}.ml-card{padding:15px;transform:none}.ml-visual{height:205px}.sample-1{height:65px}.sample-2{height:90px}.sample-3{height:115px}.sample-4{height:145px}.ml-options{font-size:7px}.how{padding-top:65px;padding-bottom:70px}.how-grid{grid-template-columns:1fr;gap:10px;margin-top:28px}.how-grid article{min-height:190px;padding:18px}.how-icon{margin:15px 0}.social-section{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.social-copy h2{font-size:43px;margin:24px 0 15px}.social-art{height:280px}.social-big{font-size:145px}.faq{padding-top:65px;padding-bottom:70px}.faq-grid{grid-template-columns:1fr;gap:25px;margin-top:27px}.faq summary{font-size:12px;padding:16px 0}.faq details p{font-size:9px}.final-cta{padding-top:55px;padding-bottom:65px}.final-cta h2{font-size:clamp(46px,12vw,68px);margin:28px 0 16px}.final-sun{right:-40%;top:4%;height:90%;opacity:.55}.final-mark{right:2%;top:39%;font-size:130px}.footer{padding:18px 5%;flex-wrap:wrap}.footer .wordmark{margin-right:auto}.footer>span{display:none}.footer>a:not(.wordmark){font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.hero-bottle,.social-orb{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}


/* SARXAN signature: deep emerald + metallic gold, inspired by the brand avatar */
:root{--paper:#f4f0e4;--ink:#062b13;--muted:#687567;--line:#d5c79d;--orange:#c99408;--pink:#d9c17a;--olive:#b4a05b;--dark:#03270e}
body{background:var(--paper);color:var(--ink)}
.topbar{background:#02270d;color:#f4e6b4}
.topbar-dot{background:#e3b322;box-shadow:0 0 10px #e3b32288}
.topbar-center{color:#d7c88e}
.topbar>a{color:#f2c84b}
.header{background:#f4f0e4ed;border-bottom-color:#cbb778}
.wordmark{color:#052b12}
.mark{background:radial-gradient(circle at 35% 25%,#0d5b29,#02270d 70%);color:#f6d35d;border:1px solid #d7a719;box-shadow:inset 0 0 0 2px #d7a71944,0 3px 12px #04270d20}
.nav a:hover{color:#a87500}
.bag-button{border-color:#0b3a19;color:#062b13}
.bag-button span{background:#c99408;color:#062b13}
.hero{padding-top:36px}
.hero-kicker{color:#6e765d}
.hero h1 em,.intro h2 em,.catalog h2 em,.discovery h2 em,.how h2 em,.faq h2 em,.final-cta h2 em{color:#a97800}
.hero-cta,.pill-link{background:#042b12;color:#fff4cf}
.hero-cta span,.pill-link span{color:#f2c13a}
.hero-cta:hover,.pill-link:hover{background:#a97900;color:#fff8df}
.hero-art{background:#032b10}
.hero-art-bg{background:radial-gradient(ellipse at 50% 40%,#145529 0,#063818 48%,#021f0b 100%)}
.sun-disc{background:radial-gradient(circle at 35% 30%,#f8d65e,#c88a00 55%,#8d5c00);mix-blend-mode:screen;opacity:.8;box-shadow:0 0 90px #dca81944}
.hero-bottle{filter:drop-shadow(25px 26px 22px #00000055)}
.bottle-cap{background:linear-gradient(90deg,#805000,#f9dc62,#ad7400,#fff0a4,#8b5b00)}
.bottle-neck{background:linear-gradient(90deg,#9a6900,#ffed9b,#b77d00)}
.bottle-glass{border:1px solid #f8dc77b8;background:linear-gradient(100deg,#fff4b45c 0%,#d7a92c2b 17%,#98630b77 52%,#ffdc6e55 80%,#74500c77 100%);box-shadow:inset 8px 0 12px #fff5,inset -8px 0 12px #3c260a66,0 0 22px #e8b62c24}
.bottle-glass:before{border-color:#f8dc7777}
.bottle-glass span{color:#ffefad;text-shadow:0 2px 8px #281900}
.bottle-glass small{color:#ffedb8}
.orbit{border-color:#f3d15d88}
.art-note{color:#e5d59a}
.vertical-label{color:#e5d59a}
.hero-ticker{background:linear-gradient(100deg,#b98200,#f0c842 48%,#a97600);color:#09280f}
.intro,.catalog,.how,.faq{border-color:#d5c79d}
.section-tag{color:#7b6a31}
.under-link{border-color:#8d741f}
.under-link span{color:#b17c00}
.filter{border-color:#d0c08d;color:#4c604a}
.filter.active,.filter:hover{background:#062b13;border-color:#062b13;color:#f8eac0}
.search-box{border-color:#a9944d}
.search-box input{color:#062b13}
.product-photo{background:var(--tone,#e8dfc6)}
.product-photo .photo-sheen{background:linear-gradient(110deg,transparent 43%,#fff5cf70 50%,transparent 57%)}
.product-tag{background:#f8edc9;color:#062b13;border:1px solid #d2aa35}
.quick-add{background:#062b13;color:#f7d45b}
.product-price{color:#062b13}
.select-size{border-color:#c4b16f;color:#062b13}
.discovery{background:#062b13;color:#f4f0e4}
.discovery .section-tag{color:#e0c66e}
.discovery h2 em{color:#e6b82e}
.discovery-copy p,.ml-card p{color:#d5d5bc}
.ml-card{border-color:#a78b33;background:linear-gradient(140deg,#0b421e,#03270e)}
.ml-card-top{color:#e6cf82}
.sample{border-color:#e4c14d;background:linear-gradient(90deg,#8a5b00,#f9d45b,#a06b00);box-shadow:0 10px 20px #0004}
.sample b,.sample small{color:#fff0a8}
.ml-options span{border-color:#9c873e;color:#f0dfa1}
.how h2 em,.faq h2 em{color:#a97800}
.how-grid article{border-color:#d2c18a}
.how-grid article>span{color:#a27b12}
.how-icon{color:#ad7e00}
.social-section{background:#e8e0c8}
.social-copy h2 span{color:#a97800}
.social-links a{border-color:#c4b16f}
.social-icon{background:#062b13;color:#f3ce50}
.social-links i{color:#a97800}
.social-art{background:radial-gradient(circle at 50% 40%,#145529,#03270e 72%);color:#f2d35e}
.social-ring{border-color:#dca91f}
.social-orb{background:radial-gradient(circle at 35% 25%,#f8d966,#bb8200 58%,#754c00);box-shadow:0 0 70px #d7a71955}
.social-big{color:#f7d65e;text-shadow:0 3px 0 #704600,0 8px 25px #0008}
.social-caption{color:#f3dfa0}
.faq details{border-color:#d5c79d}
.faq summary span{color:#a97800}
.final-cta{background:#03270e;color:#f5edce}
.final-cta .section-tag{color:#d9c57e}
.final-cta h2 em{color:#e5b82f}
.final-cta p{color:#d5d8c2}
.final-button{background:linear-gradient(100deg,#b78000,#f2ca43);color:#062b13}
.final-mark{color:#d6a51b}
.footer{background:#021f0b;color:#f3e8bf;border-top:1px solid #9b771b}
.footer .mark{background:linear-gradient(145deg,#0b5725,#02270d);color:#f4cd4b}
.toast{background:#062b13;color:#f8eac0}
.cart-drawer{background:#f4f0e4;color:#062b13}
.cart-head,.cart-footer{border-color:#d5c79d}
.send-order{background:#062b13;color:#f6d76b}
.clear-cart{color:#7a4f00}
::selection{background:#d8ae2b;color:#062b13}
@media(max-width:700px){
 .hero-art{min-height:300px}
 .hero-kicker{color:#6e765d}
 .hero-ticker{padding:12px 0}
 .header{background:#f4f0e4f5}
}


/* HERO EXPERIENCE — cinematic gold light, drifting particles and depth */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-glow{position:absolute;z-index:-1;width:48vw;height:48vw;max-width:700px;max-height:700px;min-width:350px;min-height:350px;left:-20%;top:5%;border-radius:50%;background:radial-gradient(circle,#d3a21b12 0%,#d3a21b05 35%,transparent 70%);pointer-events:none;animation:ambientGlow 9s ease-in-out infinite alternate}
.hero-inner{position:relative;z-index:2}
.hero-kicker span:first-child{display:inline-flex;align-items:center;gap:9px}
.hero-kicker span:first-child:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,#9c6b00,#e8c64d);transform-origin:left;animation:kickerLine 2.8s ease-in-out infinite}
.hero h1{animation:heroHeadlineIn 1s cubic-bezier(.2,.75,.2,1) both;animation-delay:.12s;letter-spacing:-.055em}
.hero h1 em{display:inline-block;text-shadow:0 0 28px #c9940820;animation:goldWord 5s ease-in-out infinite;background:linear-gradient(105deg,#805600 0%,#d9a819 26%,#f7df79 48%,#a77705 68%,#d6ad36 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero-bottom{animation:heroBottomIn .9s .35s both}
.hero-art{isolation:isolate;overflow:hidden;perspective:1000px;box-shadow:inset 0 0 100px #0003}
.hero-art-bg{transform:scale(1.08);animation:artBreath 12s ease-in-out infinite alternate}
.hero-grid-lines{position:absolute;inset:-30%;opacity:.14;z-index:0;pointer-events:none;background-image:linear-gradient(#d6b64b26 1px,transparent 1px),linear-gradient(90deg,#d6b64b26 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 68%);transform:perspective(450px) rotateX(58deg) scale(1.5);animation:gridDrift 22s linear infinite}
.sun-disc{animation:sunPulse 6s ease-in-out infinite,slowSpin 32s linear infinite;transform-origin:center}
.gold-halo{position:absolute;z-index:1;width:52%;aspect-ratio:1;left:24%;top:13%;border:1px solid #e5bb3e66;border-radius:50%;box-shadow:0 0 0 14px #dca91b0b,0 0 0 34px #dca91b08,0 0 70px #dca91b14;animation:haloBreathe 5s ease-in-out infinite;pointer-events:none}
.hero-bottle{z-index:3;transform-style:preserve-3d;animation:bottleFloat 5s ease-in-out infinite,bottleEntrance 1.2s cubic-bezier(.2,.8,.2,1) both;transition:transform .35s ease-out;will-change:transform}
.bottle-glass{position:relative;overflow:hidden}
.bottle-glass:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-80%;width:45%;background:linear-gradient(90deg,transparent,#fff9d880,transparent);transform:skewX(-18deg);animation:bottleShimmer 5.5s ease-in-out infinite;pointer-events:none}
.orbit{z-index:2;animation:orbitBreathe 7s ease-in-out infinite}
.orbit2{animation-delay:-3.5s}
.hero-flare{position:absolute;z-index:4;width:7px;height:7px;left:50%;top:32%;border-radius:50%;background:#fff2ad;box-shadow:0 0 8px 3px #f9dc65,0 0 30px 8px #dca91b77;animation:flareTravel 7s ease-in-out infinite;pointer-events:none}
.hero-sparkles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-sparkles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#c99a18;box-shadow:0 0 9px 2px #d5a81c66;animation:sparkDrift var(--duration,8s) ease-in-out infinite;opacity:0}
.hero-sparkles i:nth-child(1){left:8%;top:18%;--duration:7s;--delay:-2s}.hero-sparkles i:nth-child(2){left:18%;top:63%;--duration:9s;--delay:-5s}.hero-sparkles i:nth-child(3){left:34%;top:28%;--duration:6s;--delay:-1s}.hero-sparkles i:nth-child(4){left:48%;top:75%;--duration:10s;--delay:-7s}.hero-sparkles i:nth-child(5){left:65%;top:12%;--duration:8s;--delay:-4s}.hero-sparkles i:nth-child(6){left:82%;top:34%;--duration:7s;--delay:-3s}.hero-sparkles i:nth-child(7){left:91%;top:70%;--duration:11s;--delay:-8s}.hero-sparkles i:nth-child(8){left:72%;top:84%;--duration:8s;--delay:-2s}.hero-sparkles i:nth-child(9){left:26%;top:86%;--duration:9s;--delay:-6s}.hero-sparkles i:nth-child(10){left:55%;top:44%;--duration:7s;--delay:-4s}.hero-sparkles i:nth-child(11){left:4%;top:45%;--duration:10s;--delay:-7s}.hero-sparkles i:nth-child(12){left:96%;top:15%;--duration:6s;--delay:-3s}
.hero-sparkles i:nth-child(odd){width:2px;height:2px}.hero-sparkles i{animation-delay:var(--delay,0s)}
.hero-cta{position:relative;overflow:hidden;box-shadow:0 7px 24px #03270e22;transition:transform .25s ease,box-shadow .25s ease,background .3s ease}
.hero-cta:before{content:"";position:absolute;top:-100%;bottom:-100%;left:-60%;width:35%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff5c777,transparent);animation:ctaGlint 5s ease-in-out infinite}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 28px #03270e35}
.hero-ticker{position:relative;z-index:5;box-shadow:0 5px 24px #8c65001c}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;pointer-events:none;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#805600,#f8d85d,#b17b00);box-shadow:0 0 12px #d5a51c88;transition:width .08s linear}
@keyframes ambientGlow{from{transform:translate3d(0,0,0) scale(.8);opacity:.55}to{transform:translate3d(12vw,8vh,0) scale(1.2);opacity:1}}
@keyframes kickerLine{0%,100%{transform:scaleX(.65);opacity:.55}50%{transform:scaleX(1.2);opacity:1}}
@keyframes heroHeadlineIn{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes heroBottomIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes goldWord{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes artBreath{from{transform:scale(1.08)}to{transform:scale(1.17)}}
@keyframes gridDrift{from{background-position:0 0}to{background-position:96px 48px}}
@keyframes sunPulse{0%,100%{filter:brightness(.92);transform:scale(.96)}50%{filter:brightness(1.12);transform:scale(1.04)}}
@keyframes slowSpin{from{rotate:0deg}to{rotate:360deg}}
@keyframes haloBreathe{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.07);opacity:1}}
@keyframes bottleEntrance{from{opacity:0;translate:0 30px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@keyframes bottleShimmer{0%,15%{left:-80%;opacity:0}30%{opacity:1}55%,100%{left:150%;opacity:0}}
@keyframes orbitBreathe{0%,100%{opacity:.42;scale:.98}50%{opacity:.9;scale:1.025}}
@keyframes flareTravel{0%,100%{transform:translate(-45px,35px) scale(.5);opacity:0}20%{opacity:1}50%{transform:translate(40px,-20px) scale(1.3);opacity:.85}80%{opacity:.3}}
@keyframes sparkDrift{0%,100%{transform:translate3d(0,12px,0) scale(.5);opacity:0}25%{opacity:.75}60%{transform:translate3d(12px,-28px,0) scale(1.2);opacity:.8}85%{opacity:.1}}
@keyframes ctaGlint{0%,55%{left:-60%;opacity:0}65%{opacity:1}85%,100%{left:150%;opacity:0}}
@media(max-width:600px){.hero-glow{left:-60%;top:0}.hero-grid-lines{background-size:34px 34px}.gold-halo{width:60%;left:20%;top:15%}.hero-sparkles i:nth-child(n+8){display:none}.hero-cta:before{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.hero-glow,.hero-kicker span:first-child:before,.hero h1,.hero h1 em,.hero-bottom,.hero-art-bg,.hero-grid-lines,.sun-disc,.gold-halo,.hero-bottle,.bottle-glass:after,.orbit,.hero-flare,.hero-sparkles i,.hero-cta:before{animation:none!important}.hero-bottle{transform:none!important}}


/* Crisp scalable line icons: consistent on iOS, Android and desktop */
.ui-arrow,.ui-spark{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex:0 0 auto;overflow:visible}
.ui-arrow path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-spark path{fill:currentColor;stroke:currentColor;stroke-width:.45;stroke-linejoin:round}
.topbar .ui-arrow{width:13px;height:13px}
.bag-button .ui-arrow{width:14px;height:14px}
.hero-cta .ui-arrow{width:18px;height:18px}
.under-link .ui-arrow,.pill-link .ui-arrow,.final-button .ui-arrow{width:15px;height:15px}
.catalog-bottom .ui-arrow{width:12px;height:12px}
.how-icon .ui-arrow,.how-icon .ui-spark{width:28px;height:28px}
.social-links i .ui-arrow{width:15px;height:15px}
.social-caption .ui-arrow{width:12px;height:12px}
.footer .ui-arrow{width:13px;height:13px}
.hero-ticker .ui-spark{width:12px;height:12px;margin:0 .35em;color:currentColor}
@media(max-width:600px){
 .ui-arrow,.ui-spark{width:15px;height:15px}
 .hero-cta .ui-arrow{width:17px;height:17px}
 .hero-ticker .ui-spark{width:11px;height:11px}
 .topbar .ui-arrow,.footer .ui-arrow{width:12px;height:12px}
}


/* Refined navigation typography and Astana contact block */
.nav{gap:clamp(17px,2.5vw,34px);font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:-.025em}
.nav a{position:relative;padding:10px 0;color:#082d15;transition:color .22s ease}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:linear-gradient(90deg,#9a6900,#edc74a);transition:right .28s ease}
.nav a:hover{color:#9a6900}
.nav a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:18px;margin-left:18px}
.header-contact{display:flex;flex-direction:column;align-items:flex-start;gap:5px;white-space:nowrap}
.city-line{display:flex;align-items:center;gap:5px;font-size:9px;color:#5d6655;letter-spacing:.015em}
.city-line svg{width:13px;height:13px;fill:none;stroke:#a97800;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.city-line b{font-family:Manrope,sans-serif;font-weight:800;font-size:10px;letter-spacing:.09em;color:#062b13}
.city-line i{font-style:normal;color:#c99408}
.phone-line{font-family:Manrope,sans-serif;font-size:11px;font-weight:800;letter-spacing:.015em;color:#062b13;transition:color .2s}
.phone-line:hover{color:#a97800}
@media(max-width:1050px){.header-actions{gap:10px;margin-left:10px}.header-contact{gap:3px}.city-line{font-size:8px}.city-line b{font-size:9px}.phone-line{font-size:10px}.nav{gap:15px;font-size:11px}}
@media(max-width:850px){.header{gap:12px}.nav{gap:12px}.header-actions{gap:9px;margin-left:auto}.city-line span{max-width:82px;overflow:hidden;text-overflow:ellipsis}.bag-button{white-space:nowrap}}
@media(max-width:600px){.header{gap:8px}.nav{gap:0}.nav.open{font-family:Manrope,sans-serif;font-weight:800;font-size:14px}.header-actions{gap:8px;margin-left:auto}.header-contact{gap:3px}.city-line{font-size:7px;gap:3px}.city-line svg{width:11px;height:11px}.city-line b{font-size:8px}.city-line span{max-width:67px}.phone-line{font-size:9px;letter-spacing:0}.bag-button{margin-left:0;margin-right:0;padding:8px 7px;font-size:8px}.bag-button span{margin:0 3px;padding:3px 5px}.bag-button b{display:none}.wordmark{font-size:13px;gap:6px}.wordmark small{font-size:6px}.mark{width:27px;height:27px;font-size:18px}}
@media(max-width:380px){.header{padding:0 3%}.header-contact{display:none}.header-actions{margin-left:auto}.nav.open{top:67px}}


/* Refined volume selector — emerald and brushed-gold pills */
.product-info{padding-top:12px}
.product-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:13px 0 10px}
.product-price-row .product-price{margin:0}
.size-caption{font-family:Manrope,sans-serif;font-size:7px;letter-spacing:.11em;color:#8d752f;font-weight:800;white-space:nowrap}
.size-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #d5c79d;border-radius:12px;background:linear-gradient(135deg,#eee6d0,#faf7ef);box-shadow:inset 0 1px 3px #062b1308}
.size-chip{appearance:none;min-width:0;min-height:39px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid transparent;border-radius:8px;background:transparent;color:#52624f;cursor:pointer;padding:4px 0;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s}
.size-chip span{font-family:Manrope,sans-serif;font-size:12px;font-weight:800;line-height:1}
.size-chip small{font-size:7px;letter-spacing:.05em;line-height:1.2}
.size-chip:hover{border-color:#c6a64a;color:#062b13;transform:translateY(-1px)}
.size-chip.active{background:linear-gradient(145deg,#0a421c,#03270e);border-color:#c99a19;color:#f4d56a;box-shadow:0 3px 8px #03270e24,inset 0 0 0 1px #f1cc4b20}
.selected-size-note{display:flex;justify-content:flex-end;gap:4px;margin-top:7px;color:#7b806c;font-size:9px}
.selected-size-note b{font-family:Manrope,sans-serif;color:#9a7100;font-weight:800}
.quick-add{box-shadow:0 4px 14px #03270e20}
@media(max-width:600px){.product-price-row{align-items:center;flex-wrap:wrap;margin:10px 0 8px}.size-caption{font-size:6px}.size-picker{gap:3px;padding:3px;border-radius:10px}.size-chip{min-height:35px;border-radius:7px}.size-chip span{font-size:11px}.size-chip small{font-size:6px}.selected-size-note{font-size:8px;margin-top:6px}.product-info{padding-top:9px}}