@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--paper:#f4f0e7;--ink:#262a23;--green:#354b37;--muted:#686c60;--line:#d4d3c5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.logo{font-size:36px;letter-spacing:-3px;font-weight:900;line-height:1}.logo span{display:block;font-size:9px;letter-spacing:1.5px;margin-top:8px}nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-order{border:1px solid var(--ink);border-radius:30px;padding:12px 18px}#count{background:var(--green);color:white;border-radius:50%;padding:3px 7px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:65px 7% 55px 12%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 25px}h1{font-size:clamp(64px,6.9vw,108px);font-weight:500;letter-spacing:-6px;line-height:.98;margin:0 0 30px}h1 i{font-family:'Playfair Display',serif;color:var(--green);font-weight:600}.intro{font-size:17px;line-height:1.7;margin-bottom:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--green);color:white;border:0;border-radius:3px;padding:18px 22px;font-size:13px;font-weight:600;cursor:pointer;width:fit-content}.button:hover{background:#233726}.button span{font-size:20px}.fine{font-size:11px;color:var(--muted);line-height:1.7}.hero-copy .fine{margin-top:20px}.hero-image{position:relative;overflow:hidden;background:#c4bba9}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute}.image-tag{position:absolute;bottom:30px;right:25px;background:var(--paper);padding:18px;font-size:11px;letter-spacing:1px;transform:rotate(-5deg);border:1px solid var(--ink)}.ticker{padding:21px 4%;background:var(--green);color:var(--paper);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:2px;white-space:nowrap;overflow:hidden}.ticker span{color:#c4d18b}.section{padding:90px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}h2{font-size:clamp(38px,4vw,60px);font-weight:500;letter-spacing:-2.5px;line-height:1.1;margin:0 0 20px}.section-heading>p,.order>div>p{font-size:14px;line-height:1.8}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid var(--line);background:#faf7f0}.bottle-stage{height:215px;display:flex;justify-content:center;align-items:center;background:var(--tone);position:relative}.bottle{position:relative;width:72px;height:141px;background:var(--drink);border-radius:19px 19px 12px 12px;border:1px solid #0002;box-shadow:8px 9px 13px #0002,inset 6px 0 6px #ffffff35;transform:rotate(-8deg)}.bottle:before{content:'';position:absolute;top:-12px;left:6px;width:58px;height:19px;border-radius:5px;background:repeating-linear-gradient(90deg,#20201d 0 2px,#383832 2px 3px)}.bottle:after{content:'BASIC\A COFFEE';white-space:pre;text-align:center;font-size:16px;font-weight:900;letter-spacing:-1px;position:absolute;top:42px;left:-1px;width:72px;padding:14px 0;background:#f7f5ee;line-height:1.1}.illustration-note{position:absolute;bottom:9px;right:12px;font-size:9px;opacity:.55}.product-info{padding:21px}.product-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.product h3{font-size:18px;font-weight:600;margin:0}.product p{font-size:12px;color:var(--muted);margin:10px 0 20px;min-height:18px}.quantity{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.controls{display:flex;gap:15px;align-items:center}.controls button{width:30px;height:30px;background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:19px}.controls output{min-width:15px;text-align:center}.how{background:#e6e7db}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #b8bca9;padding-top:20px}.steps b{font-size:12px;color:var(--green)}.steps h3{font-size:20px;font-weight:500}.steps p{font-size:13px;line-height:1.8;max-width:270px;color:var(--muted)}.order{display:grid;grid-template-columns:1fr 1fr;gap:10%}.note{max-width:340px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;color:var(--muted)}form{background:#faf8f2;padding:30px;border:1px solid var(--line)}form h3{font-size:24px;font-weight:500;margin:0 0 22px}.basket-row,.total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:13px}.total{border-top:1px solid var(--line);font-size:15px;margin-top:15px}label{display:block;font-size:11px;margin:18px 0 0}label span{color:var(--muted)}input,textarea{display:block;width:100%;border:1px solid var(--line);padding:12px;background:transparent;border-radius:2px;margin-top:8px;min-width:0}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}form>.button{width:100%;margin-top:25px}.secondary{background:transparent;border:1px solid var(--green);padding:12px;margin:12px 0;cursor:pointer}#handoff .button{width:100%}#feedback{font-size:12px;line-height:1.6}.closing{background:var(--green);color:var(--paper);padding:45px 7%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}footer{padding:40px 7%;display:flex;justify-content:space-between;align-items:center}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}@media(max-width:760px){header{height:85px;padding:0 6%}nav{gap:12px}nav>a:not(.nav-order){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}h1{font-size:74px;letter-spacing:-4px}.hero-image{height:430px}.hero-image img{object-position:center 48%}.section{padding:55px 6%}.section-heading{display:block}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:14px}.product-top{display:block}.product-top strong{display:block;margin-top:8px}.product h3{font-size:16px}.bottle-stage{height:185px}.product p{min-height:32px;line-height:1.5}.steps{grid-template-columns:1fr;gap:18px}.steps p{max-width:none}.order{grid-template-columns:1fr;gap:25px}form{padding:22px}.closing{display:block;line-height:2}footer{gap:20px;flex-wrap:wrap}.fields{grid-template-columns:1fr}.ticker{font-size:9px}}

.hero-image img{height:165%;object-position:center top}.unavailable-label{display:inline-block;background:#e7ddd0;color:#77583c;padding:7px 10px;border-radius:3px;font-size:11px;margin-bottom:15px}.unavailable .bottle-stage{filter:saturate(.45)}.controls button:disabled{opacity:.3;cursor:not-allowed}