:root{--ink:#11100e;--panel:#1a1916;--panel2:#24221e;--gold:#c7a76b;--gold-light:#e0c791;--cream:#f3efe7;--muted:#a9a59c;--line:#38352e;--serif:"Playfair Display",Georgia,serif;--sans:"Alexandria",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:14px}.notice{text-align:center;background:#302719;color:#f2dbab;padding:9px 16px;font-size:11px;border-bottom:1px solid #655332}.topbar{height:82px;padding:0 max(calc((100vw - 1180px)/2),5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282621;position:sticky;top:0;background:#11100eeF;backdrop-filter:blur(14px);z-index:4}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cream);font-weight:700;font-size:18px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-weight:400;font-size:9px;letter-spacing:.06em;margin-top:2px}.brand-mark{width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-light)}.brand-mark svg{width:23px;height:23px;display:block}.brand-mark svg path{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar nav{display:flex;gap:34px}.topbar nav a,footer>a:last-child{font-size:12px;color:#d0ccc2;text-decoration:none}.topbar nav a:hover,.text-link:hover{color:var(--gold-light)}.bag{font:inherit;color:var(--cream);background:none;border:1px solid var(--line);border-radius:99px;padding:9px 14px;cursor:pointer}.bag span{color:var(--gold-light);padding-right:6px}.hero{max-width:1180px;min-height:600px;margin:auto;padding:75px 5vw 65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.eyebrow{color:var(--gold-light);font-size:10px;letter-spacing:.14em;margin:0 0 14px;font-weight:600}.hero h1{font-size:clamp(52px,7vw,90px);line-height:1.1;margin:0;font-weight:500;letter-spacing:-.06em}.hero h1 em{font-family:var(--serif);font-weight:500;color:var(--gold-light);letter-spacing:-.025em}.lead{max-width:450px;color:#c0bbb0;line-height:2.1;font-size:14px;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 21px;text-decoration:none;font:600 12px var(--sans);border-radius:2px;cursor:pointer}.gold-button{color:#17140e;background:var(--gold-light);border:1px solid var(--gold-light)}.gold-button:hover{background:#f0dba9}.hero-foot{font-size:10px;color:var(--muted);margin-top:18px}.hero-art{height:420px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2b261b 0,#191714 48%,transparent 72%);overflow:hidden}.halo{width:340px;height:340px;border:1px solid #71613d;border-radius:50%;position:absolute;box-shadow:0 0 70px #a17d3524,inset 0 0 75px #a17d3514}.halo:before,.halo:after{content:"";position:absolute;inset:22px;border:1px solid #9b815036;border-radius:50%}.halo:after{inset:-20px;border-style:dashed;opacity:.5}.cup{width:210px;height:155px;background:linear-gradient(135deg,#e3d7bc,#a99a7e 55%,#76694f);border-radius:12px 12px 78px 78px;position:relative;z-index:1;box-shadow:13px 24px 33px #0009,inset -14px -8px 20px #51442d}.cup:before{content:"";position:absolute;width:180px;height:33px;border-radius:50%;background:#12100d;top:-14px;left:15px;border:5px solid #b9a783;box-shadow:inset 0 6px 2px #674620}.coffee{position:absolute;z-index:2;width:160px;height:21px;border-radius:50%;background:radial-gradient(ellipse,#533316,#160d08);top:-7px;left:25px}.cup-handle{position:absolute;width:72px;height:73px;border:13px solid #b9aa8c;border-radius:50%;right:-54px;top:24px;z-index:-1;box-shadow:inset 0 0 12px #56492f}.cup-foot{height:12px;width:105px;position:absolute;bottom:-10px;left:52px;border-radius:0 0 50% 50%;background:#827456}.bean{position:absolute;width:28px;height:17px;border-radius:50%;background:linear-gradient(90deg,#7c4a22,#c59c5b,#593217);transform:rotate(-35deg);z-index:2}.bean:after{content:"";position:absolute;left:14px;top:2px;height:13px;border-left:1px solid #24160c;transform:rotate(18deg)}.bean-one{top:98px;right:22%}.bean-two{bottom:104px;left:23%;transform:rotate(28deg) scale(.78)}.art-caption{position:absolute;bottom:18px;color:#8b7850;font:10px var(--serif);letter-spacing:.3em}.trust-row{border-block:1px solid var(--line);max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 5vw}.trust-row div{display:flex;align-items:center;gap:14px;padding-inline:20px;border-left:1px solid var(--line)}.trust-row div:last-child{border:0}.trust-row span,.guide-grid article>span{color:var(--gold);font:16px var(--serif)}.trust-row p{font-size:11px;color:#c7c2b7;margin:0}.section{max-width:1180px;margin:auto;padding:90px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2,.signup h2{font-size:34px;font-weight:500;margin:0;letter-spacing:-.04em}.section-heading>p{max-width:370px;color:var(--muted);line-height:1.9;font-size:11px;margin:0}.filters{display:flex;gap:9px;margin-bottom:25px;flex-wrap:wrap}.filter{color:#aaa398;background:transparent;border:1px solid var(--line);padding:9px 15px;font:11px var(--sans);cursor:pointer}.filter.active,.filter:hover{color:#16130e;background:var(--gold-light);border-color:var(--gold-light)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{background:var(--panel);border:1px solid #2b2924;cursor:pointer;transition:.2s}.product:hover{transform:translateY(-4px);border-color:#887247}.product-art{height:205px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#332a1c,#1a1916 68%);overflow:hidden}.product-art:before{content:"";width:122px;height:150px;background:linear-gradient(115deg,#28241c,#11100e 56%,#30291e);border:1px solid #9a8154;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);box-shadow:0 15px 30px #000}.product-art:after{content:"رِواق";position:absolute;top:95px;color:var(--gold-light);font:20px var(--serif);letter-spacing:.1em}.product-art .pack-label{position:absolute;top:126px;color:#a99b7e;font-size:8px;letter-spacing:.1em}.product-art .beans{position:absolute;bottom:22px;right:25px;color:#d2b276;font:11px var(--serif);letter-spacing:.15em}.product-info{padding:17px}.product-meta{color:var(--gold);font-size:9px;margin:0 0 8px}.product h3{font-size:14px;font-weight:500;margin:0 0 9px}.product-desc{font-size:10px;line-height:1.8;color:var(--muted);min-height:38px;margin:0 0 16px}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.product-bottom span{font-size:9px;color:#d6c9ab}.product-bottom b{font-size:10px;color:var(--gold-light);font-weight:500}.story{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;border-block:1px solid var(--line)}.story p:not(.eyebrow){color:var(--muted);line-height:2.2;font-size:12px;max-width:470px}.story-art{height:340px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#302719,#11100e 70%)}.rings{position:absolute;width:260px;height:260px;border:1px solid #8d754b;border-radius:50%;box-shadow:0 0 0 18px #c19a3710,0 0 0 44px #c19a3709}.story-bean{width:122px;height:165px;background:linear-gradient(140deg,#e5d8bb,#857550);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);display:grid;place-items:center;position:relative;box-shadow:0 25px 50px #000}.bean-stamp{width:25px;height:42px;border:2px solid #362b1b;border-radius:50% 50% 45% 45%;transform:rotate(38deg);position:relative;display:block}.bean-stamp:after{content:"";position:absolute;left:50%;top:3px;bottom:3px;border-left:1.5px solid #362b1b;transform:translateX(-50%) rotate(-12deg)}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--gold-light);font-size:11px;text-decoration:none;margin-top:10px}.guide{text-align:center}.guide>h2{margin-bottom:37px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:right}.guide-grid article{padding:24px;background:var(--panel);border-top:1px solid #8c754c}.guide-grid h3{font-size:15px;font-weight:500;margin:20px 0 8px}.guide-grid p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.signup{max-width:1080px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:75px;border:1px solid var(--line);padding:42px}.signup p:last-child{font-size:11px;color:var(--muted);margin-bottom:0}.outline-button{color:var(--gold-light);border:1px solid var(--gold);background:transparent}.outline-button:hover{background:#322a1c}footer{border-top:1px solid var(--line);padding:27px max(calc((100vw - 1080px)/2),5vw);display:flex;align-items:center;justify-content:space-between}footer p{font-size:9px;color:var(--muted)}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid var(--gold);background:var(--panel);color:var(--cream);padding:30px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:10px;left:14px;background:none;border:0;color:var(--cream);font-size:27px;cursor:pointer}.dialog-art{height:200px}.dialog-title{font-size:24px;margin:0 0 10px}.dialog-copy{color:var(--muted);line-height:2;font-size:12px}.dialog-tag{color:var(--gold-light);font-size:10px}.dialog-add{width:100%;margin-top:18px}.bag-line{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.fine-print{font-size:10px;color:var(--muted);line-height:1.9}.empty{color:var(--muted);font-size:12px;padding:20px 0}
@media(max-width:760px){.topbar{height:69px;padding:0 18px}.topbar nav{display:none}.hero{padding:55px 22px 35px;grid-template-columns:1fr;gap:10px;min-height:0}.hero-copy{order:1}.hero-art{order:0;height:290px}.hero h1{font-size:64px}.halo{width:240px;height:240px}.cup{transform:scale(.75)}.trust-row{padding:20px 10px;grid-template-columns:1fr;gap:12px}.trust-row div{border:0;padding:0 12px}.section{padding:65px 20px}.section-heading{align-items:start;flex-direction:column}.section h2,.signup h2{font-size:28px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:160px}.product-art:before{transform:scale(.83)}.product-art:after{top:74px}.product-art .pack-label{top:105px}.story{grid-template-columns:1fr;gap:20px}.story-art{height:245px}.rings{width:190px;height:190px}.guide-grid{grid-template-columns:1fr}.signup{margin:0 20px 50px;padding:27px;align-items:flex-start;flex-direction:column}footer{padding:25px 20px;gap:12px;flex-wrap:wrap}footer p{order:3;width:100%}}
@media(max-width:390px){.products{grid-template-columns:1fr}.product-art{height:190px}.hero h1{font-size:54px}.bag{font-size:10px}}

.order-form{display:grid;gap:12px;margin:20px 0}.order-form label{display:grid;gap:6px;color:var(--gold-light);font-size:11px}.order-form label span{color:var(--muted)}.order-form input,.order-form textarea{width:100%;border:1px solid var(--line);border-radius:2px;background:var(--ink);color:var(--cream);padding:11px;font:12px var(--sans)}.order-form input:focus,.order-form textarea:focus{outline:1px solid var(--gold)}.order-form button{width:100%}.policies{padding-top:35px}.policy-grid{margin-top:26px}.bag-line{gap:12px}.bag-line small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.bag-total{display:flex;justify-content:space-between;padding:15px 0;color:var(--gold-light)}

dialog#bagDialog{max-height:88vh;overflow:auto}.order-form .consent{display:flex;grid-template-columns:auto 1fr;align-items:start;gap:9px;color:var(--muted)}.order-form .consent input{width:auto;margin:2px 0 0;accent-color:var(--gold)}