
:root{--ink:#29392e;--cream:#f8f5ed;--line:#dcded1;--gold:#a28a56}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.announcement{text-align:center;background:var(--ink);color:#fff;padding:10px;letter-spacing:1.4px;font-size:10px}.header{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 5%}.brand{font-family:Italiana,serif;font-size:32px;letter-spacing:2px}.brand small{display:block;font:8px 'DM Sans';letter-spacing:4px;text-align:center;margin-top:3px}nav{display:flex;gap:29px;font-size:12px}.tools{display:flex;gap:20px;align-items:center}.plain{background:none;border:0;color:var(--ink);padding:7px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:630px}.hero-copy{padding:90px 10% 70px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.6px;display:block}.eyebrow:before{content:'✧';margin-right:10px;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,.large{font-family:Italiana,Georgia,serif;font-weight:400}h1{font-size:clamp(60px,6.5vw,100px);line-height:1.02;margin:25px 0}h1 em{font-weight:400;color:#819076}p{line-height:1.8;color:#6d7369}.hero p{max-width:345px}.cta{display:inline-flex;gap:38px;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:17px 25px;font-size:11px;letter-spacing:.7px}.hero .cta{margin-top:17px}.text-link{display:inline-block;font-size:11px;border-bottom:1px solid;padding-bottom:6px}.hero-note{font-size:10px;letter-spacing:1px;margin-top:35px;color:#7b816f}.hero-photo{position:relative;overflow:hidden;background:#b5a38c}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:73% center;position:absolute}.photo-label{position:absolute;bottom:35px;left:32px;right:32px;color:white;border-top:1px solid #ffffff70;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.strip{display:flex;justify-content:space-around;gap:20px;padding:27px 5%;border-block:1px solid var(--line);text-transform:uppercase;font-size:10px;letter-spacing:1.8px}.section{padding:85px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:50px;margin:14px 0 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 20px;color:var(--ink);font-size:11px}.tab.active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product-image{height:280px;position:relative;background:#eeeee4;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.product:hover img{transform:scale(1.05)}.tag{position:absolute;top:15px;left:14px;z-index:1;font-size:8px;letter-spacing:1px;background:var(--cream);padding:7px 9px}.add{position:absolute;bottom:13px;right:13px;border:0;background:var(--cream);width:35px;height:35px;border-radius:50%;font-size:22px}.product small{display:block;font-size:9px;letter-spacing:1.4px;margin:18px 0 8px;color:#7e8876}.product h3{font-size:13px;font-weight:500;line-height:1.6;margin-bottom:8px}.price{font-size:12px}.price del{color:#94988b;margin-left:8px}.collections{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:0}.collection{background:#e8e8dc;min-height:330px;padding:45px;position:relative;overflow:hidden}.collection:nth-child(2){background:#e4dccb}.collection h2{font-size:46px;margin-bottom:20px;position:relative;z-index:1}.collection img{position:absolute;right:-10px;bottom:-40px;width:55%;height:95%;object-fit:contain;mix-blend-mode:multiply}.collection .text-link{position:relative;z-index:1}.story{background:#e9ebdf;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-art{min-height:420px;background:url('https://almysaan.com/wp-content/uploads/2024/10/Untitled-design-8.png') center/cover}.story h2{font-size:58px;line-height:1.1;margin:23px 0}.story p{max-width:420px}.rituals{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.rituals article{border-top:1px solid var(--line);padding-top:22px}.rituals span{font-family:Italiana;font-size:28px;color:var(--gold)}.rituals h3{font-size:16px;margin-top:20px}.rituals p{font-size:13px}.newsletter{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--cream);gap:40px;padding:55px 6%}.newsletter h2{font-size:40px}.newsletter p{color:#bdc4b6;font-size:12px;margin:15px 0 0}.newsletter a{border:1px solid #c5ccbb;padding:17px 28px;font-size:11px}footer{padding:50px 6% 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:40px}.footer-links{display:flex;gap:35px;font-size:11px}.copyright{border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#7d8377;display:flex;justify-content:space-between}dialog{border:0;background:var(--cream);color:var(--ink);padding:35px;width:min(500px,90vw);max-height:85vh}dialog::backdrop{background:#17271d80}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-head h2{font-size:32px;margin:0}.cart-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-row button{border:0;background:none;color:#777}.search-input{width:100%;padding:14px;border:1px solid var(--line);background:white;margin-bottom:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 25px;z-index:99;font-size:12px;box-shadow:0 8px 35px #0002}.demo{font-size:10px;color:#7d8377;line-height:1.7;margin-top:20px}.empty{padding:25px 0;color:#6d7369}.mobile-menu{display:none}@media(min-width:1500px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:15px}.header{padding:18px 5%}.brand{font-size:25px}.hero{min-height:520px}.hero-copy{padding:60px 10%}h1{font-size:67px}.product-image{height:220px}.products{gap:15px}.story{gap:35px}.section{padding:60px 5%}.collections{padding-top:0}.story h2{font-size:46px}.collection{padding:30px}.collection h2{font-size:36px}}@media(max-width:620px){nav{display:none}.mobile-menu{display:block}.header{flex-wrap:wrap}.header nav.open{display:flex;width:100%;padding-top:20px;justify-content:space-between}.brand{font-size:24px}.tools{gap:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7%}.hero h1{font-size:70px}.hero-photo{min-height:370px;grid-row:2}.hero-note{margin-top:22px}.strip{font-size:8px;letter-spacing:.5px;gap:10px;flex-wrap:wrap}.section-head{display:block}h2{font-size:42px}.tabs{margin-top:25px}.tab{padding:9px 16px}.products{grid-template-columns:1fr 1fr;gap:28px 13px}.product-image{height:205px}.collections{grid-template-columns:1fr}.collection{min-height:290px}.story{grid-template-columns:1fr;gap:35px}.story-art{min-height:300px}.rituals{grid-template-columns:1fr;gap:20px}.newsletter{display:block}.newsletter a{display:inline-block;margin-top:25px}.footer-top{display:block}.footer-links{margin-top:25px;gap:22px;flex-wrap:wrap}.copyright{gap:20px}.section{padding:55px 6%}.collections{padding-top:0}}

.page-title{text-align:center;padding:65px 6% 45px;background:#e9ebdf}.page-title h1{font-size:68px;margin:18px 0}.page-title p{max-width:530px;margin:0 auto}.page-title .eyebrow{font-size:9px}.subnav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:20px;border-bottom:1px solid var(--line);font-size:11px}.product-image{display:flex;align-items:center;justify-content:center}.pack{height:76%;width:55%;max-width:150px;background:linear-gradient(100deg,#ffffff55,transparent 35%,#0001),var(--bottle,#b4bea5);border-radius:10px 10px 18px 18px;position:relative;box-shadow:15px 20px 25px #29392e20;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(-5deg);border:1px solid #ffffff40}.pack:before{content:'';position:absolute;height:23%;width:50%;background:linear-gradient(90deg,#28392d,#52644e,#29392e);top:-15%;border-radius:4px 4px 0 0}.pack.jar{height:44%;width:65%;max-width:190px;border-radius:12px}.pack.jar:before{height:20%;width:100%;top:-12%;border-radius:8px}.pack .label{background:#fbf8eced;width:90%;padding:15px 6px;text-align:center;font:10px 'DM Sans';letter-spacing:2px;color:#29392e}.label b{font-family:Italiana;font-size:17px;display:block;letter-spacing:.5px;margin:10px 0}.label small{font-size:7px;letter-spacing:1px}.pack-scene{background:radial-gradient(ellipse at 70% 30%,#fff9,transparent 60%),#e7e9dc;min-height:510px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pack-scene .pack{height:300px;width:175px;max-width:none}.pack-scene .pack.jar{height:170px;width:240px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.detail h1{font-size:57px;margin:16px 0 20px}.detail .price{font-size:21px;margin:20px 0}.detail label{font-size:11px}.quantity{display:inline-flex;align-items:center;border:1px solid var(--line);margin:20px 12px 20px 0}.quantity button{padding:13px;border:0;background:none}.quantity input{width:40px;text-align:center;border:0;background:none;padding:10px 0}.detail details,.faq details{border-bottom:1px solid var(--line);padding:20px 0}.detail summary,.faq summary{cursor:pointer}.detail details p{font-size:12px;margin:15px 0 0}.crumb{font-size:10px;margin-bottom:35px;color:#727a69}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.panel{background:#eeeee4;padding:30px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:11px}.field input,.field textarea,.field select{width:100%;padding:14px;background:#fff8;border:1px solid #cfd4c4;color:var(--ink);border-radius:0;font:14px 'DM Sans'}.field textarea{min-height:140px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.step{font-size:10px;letter-spacing:2px;margin-bottom:25px;color:#7c866f}.notice{border:1px solid #bfc8af;padding:15px;background:#eef0e4;font-size:11px;line-height:1.7;margin:20px 0}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review{background:#eeeee4;padding:32px}.review blockquote{font-family:Italiana;font-size:27px;line-height:1.4;margin:20px 0}.review small{color:#748169}.success{max-width:650px;margin:60px auto;text-align:center;padding:45px 25px}.success .large{font-size:65px}.promo{background:var(--ink);color:var(--cream);padding:50px;margin-bottom:35px}.promo h2{font-size:52px}.promo p{color:#c0c9b5}.promo .cta{background:var(--cream);color:var(--ink)}.dropdown{position:relative}.dropdown summary{cursor:pointer;list-style:none}.dropdown-menu{position:absolute;top:28px;left:-20px;background:var(--cream);box-shadow:0 12px 25px #0002;min-width:200px;padding:15px;display:flex;flex-direction:column;gap:0;max-height:70vh;overflow:auto}.dropdown-menu a{padding:11px}.dropdown-menu a:hover{background:#e9ebdf}.header nav{gap:20px}.brand{font-size:27px}.demo-top{background:#e8e1cc;color:#665c42;text-align:center;font-size:9px;padding:6px;letter-spacing:.6px}.cart-image{height:95px;width:80px;flex:none;display:flex;align-items:center;justify-content:center;background:#e6e9da}.cart-image .pack{height:55px;width:35px}.cart-image .label{font-size:4px;padding:5px 0}.cart-image .label b{font-size:6px;margin:2px 0}.cart-image .label small{font-size:3px}.cart-card{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.cart-card h3{font-size:14px}.cart-card .quantity{margin:10px 0}.cart-card .quantity button{padding:6px 13px}.catalogue-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.catalogue-tools select{padding:10px;border:1px solid var(--line);background:none;color:var(--ink)}.search-input{max-width:500px}.full-bleed{padding:60px;background:#e9ebdf;text-align:center}.full-bleed h2{font-size:56px}.kit-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.kit-tags a{border:1px solid var(--line);padding:10px 15px;font-size:10px}.hero-sculpture{display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 60% 35%,#f7f3df,#b9c3ac);overflow:hidden;min-height:600px;position:relative}.hero-sculpture .pack{height:280px;width:160px;max-width:none;transform:rotate(-9deg);z-index:1}.hero-sculpture .pack:nth-child(2){height:160px;width:190px;transform:rotate(8deg) translateY(110px);background:#dbbf9d}.hero-sculpture:after{content:'THE DAILY RITUAL';position:absolute;bottom:40px;left:30px;font-size:10px;letter-spacing:4px}.hero-sculpture:before{content:'✧';position:absolute;font-size:500px;color:#ffffff40;right:-40px;top:-100px}.hero-copy h1{font-size:clamp(55px,6vw,88px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a28a56;outline-offset:5px}@media(max-width:1000px){.header{flex-wrap:wrap;gap:20px}.header nav{order:3;width:100%;justify-content:center}.detail{gap:30px}.two-col{gap:30px}.brand{font-size:24px}.hero-sculpture{gap:0}.hero-sculpture .pack{width:135px}.hero-sculpture .pack:nth-child(2){width:140px}}@media(max-width:620px){.header nav{display:none;justify-content:flex-start;flex-wrap:wrap}.header nav.open{display:flex}.dropdown-menu{position:fixed;top:155px;left:5%;right:5%}.detail,.two-col{grid-template-columns:1fr}.detail h1{font-size:45px}.pack-scene{min-height:390px}.review-grid{grid-template-columns:1fr}.page-title h1{font-size:49px}.hero-sculpture{min-height:400px}.hero-sculpture .pack{height:230px;width:130px}.hero-sculpture .pack:nth-child(2){height:130px;width:150px;transform:rotate(8deg) translateY(60px)}.field-row{grid-template-columns:1fr}.promo{padding:30px}.promo h2{font-size:40px}.catalogue-tools{align-items:start;flex-direction:column}.panel{padding:23px}.full-bleed{padding:45px 6%}.full-bleed h2{font-size:42px}.section .products{row-gap:35px}.footer-links{line-height:2}}
