@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{--red:#d70c1a;--ink:#191919;--cream:#f7f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ff9c00;outline-offset:5px}.announcement{background:var(--red);color:white;text-align:center;font-size:10px;letter-spacing:2px;padding:12px}.announcement span{margin-left:30px;letter-spacing:1px}header{height:95px;padding:13px 5%;display:flex;align-items:center;justify-content:space-between;background:#181818;color:white}.logo{width:125px;height:70px;object-fit:contain}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#ff616b}.bag{background:none;border:1px solid #666;color:white;border-radius:4px;padding:12px 17px}.bag span{display:inline-flex;justify-content:center;align-items:center;background:var(--red);width:22px;height:22px;border-radius:50%;margin-left:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px}.hero-copy{padding:65px 9% 25px 10%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 24px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.15vw,68px);font-weight:800;letter-spacing:-3px;line-height:1.1;margin:0 0 27px}.hero em{font-style:normal;color:var(--red)}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:460px;color:#62625e}.actions{display:flex;align-items:center;gap:24px;margin:32px 0 55px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:var(--red);color:white;border:0;padding:17px 24px;font-weight:700;font-size:12px;border-radius:3px}.btn:hover{background:#b60714}.text-link{font-size:11px;border-bottom:1px solid #999;padding:6px 0}.hero-foot{border-top:1px solid #d8d7d0;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#6c6c67}.hero-photo{position:relative;overflow:hidden;background:#3b492b}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.8)}.hero-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.photo-label{position:absolute;bottom:40px;left:35px;font-size:39px;line-height:1.05;font-weight:800;letter-spacing:-1px;color:white;z-index:1}.round{position:absolute;right:28px;top:28px;background:var(--cream);width:115px;height:115px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(12deg);font-size:13px;font-weight:800;line-height:1.3}.round span{font-size:25px;color:var(--red);margin-top:5px}.ticker{padding:24px 4%;display:flex;justify-content:space-around;gap:20px;background:var(--ink);color:white;font-size:10px;font-weight:700;letter-spacing:1.5px;align-items:center}.ticker b{color:var(--red);font-size:20px}.section{padding:85px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3.2vw,48px);line-height:1.15;letter-spacing:-2px;margin:0}.section-top>p{font-size:13px;line-height:1.8;color:#6e6e66}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button,.mode button{border:1px solid #d8d7d0;background:transparent;padding:11px 19px;border-radius:30px;font-size:11px}.filters .active,.mode .active{background:var(--ink);border-color:var(--ink);color:white}.sample-note{font-size:10px;line-height:1.6;color:#777;margin:18px 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-art{height:235px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eeece5}.product-art .symbol{font-size:100px;filter:drop-shadow(8px 13px 6px #0002);transition:transform .25s}.product:hover .symbol{transform:rotate(-7deg) scale(1.08)}.product:nth-child(2n) .product-art{background:#ece8e0}.product:nth-child(3n) .product-art{background:#f3e6df}.tag{position:absolute;top:13px;left:13px;font-size:8px;letter-spacing:1px;background:white;padding:7px 9px}.add{position:absolute;bottom:13px;right:13px;border:0;background:white;width:37px;height:37px;border-radius:50%;font-size:25px}.add:hover{background:var(--red);color:white}.product-meta{padding:17px 0;display:flex;justify-content:space-between;gap:8px}.product h3{font-size:13px;margin:0 0 6px}.product p{font-size:10px;color:#777;margin:0}.price{font-size:12px;font-weight:700;white-space:nowrap}.fresh{display:grid;grid-template-columns:1fr 1fr;background:var(--red);color:white}.fresh-art{min-height:510px;background:#edddcb;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:25px}.small-label{position:absolute;top:34px;left:35px;font-size:9px;letter-spacing:2px;color:#635748}.drink{width:125px;height:210px;border-radius:12px 12px 35px 35px;background:linear-gradient(100deg,#ffe38b,#f69810 50%,#ed7e00);box-shadow:10px 20px 20px #69461f33;transform:rotate(-12deg);position:relative;border:4px solid #ffffff88}.drink:after{content:'PRIME';position:absolute;top:95px;left:15px;font-family:serif;font-style:italic;font-size:27px;font-weight:900;color:#c80d1c}.drink:before{content:'';position:absolute;width:7px;height:100px;background:white;top:-70px;left:70px;transform:rotate(12deg);border:1px solid #ddd}.pink{background:linear-gradient(100deg,#f8cfd2,#e6a0ab 60%,#d88190);transform:rotate(13deg);margin-top:65px}.fruit{position:absolute;bottom:25px;left:30px;color:var(--red);font-size:35px;font-weight:800;line-height:1;letter-spacing:-1px}.fresh-copy{padding:65px 12%}.fresh h2{font-size:51px}.fresh-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:330px;margin:25px 0;color:#ffe6e6}.light{background:white;color:var(--ink)}.light:hover{background:#eee}.about h2{font-size:49px}.about-bottom{margin-top:40px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}.about-bottom p{font-size:13px;line-height:1.8;color:#666}.about-bottom>p{margin:0}.about-bottom span{color:var(--red);font-size:12px}.about h3{font-size:16px;margin:12px 0}.visit{background:#e9e6de;display:grid;grid-template-columns:1fr 1fr;padding:70px 6%;gap:70px}.visit p{font-size:13px;line-height:1.9;margin:25px 0}.visit-right{border-left:1px solid #cac7be;text-align:center}.big-star{font-size:90px;line-height:1;color:var(--red)}.visit h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:15px 0}footer{background:#181818;color:white;padding:40px 6%;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer img{width:140px}footer div{font-size:12px;line-height:1.8}footer span{color:#999}footer a{margin-left:auto;font-size:12px}footer p{width:100%;border-top:1px solid #444;padding-top:22px;font-size:10px;color:#888}dialog{border:0;border-radius:8px;width:470px;max-width:95vw;max-height:90vh;padding:28px;background:var(--cream)}dialog::backdrop{background:#0009}.cart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.cart-head h2{font-size:30px}.cart-head button{border:0;background:none;font-size:30px}.mode{display:flex;gap:10px}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:20px 0;border-bottom:1px solid #ddd;font-size:13px}.cart-row small{display:block;margin-top:7px;color:#666}.qty{display:flex;align-items:center;gap:12px}.qty button{width:25px;height:25px;border:1px solid #ccc;background:white}.total{display:flex;justify-content:space-between;padding:25px 0;font-size:14px}.checkout{width:100%}#checkout-note{font-size:12px;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#191919;color:white;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}@media(min-width:1500px){main,header,footer,.ticker{max-width:1700px;margin:auto}}@media(max-width:850px){nav{gap:15px;font-size:11px}.hero{grid-template-columns:1fr 1fr;min-height:550px}.hero-copy{padding:45px 7%}.hero h1{font-size:40px;letter-spacing:-2px}.actions{margin-bottom:30px}.photo-label{font-size:29px;left:20px}.products{grid-template-columns:repeat(2,1fr)}.fresh h2{font-size:39px}.fresh-copy{padding:55px 9%}.drink{width:95px;height:180px}.drink:after{left:5px;font-size:24px}.about-bottom{gap:25px}.ticker{font-size:8px;gap:10px}.about h2{font-size:40px}}@media(max-width:600px){.announcement{font-size:8px}.announcement span{display:none}header{height:85px}.logo{width:105px}nav{display:none}.bag{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 25px}.hero h1{font-size:46px}.hero-photo{min-height:370px}.hero-foot{margin-top:25px}.round{width:90px;height:90px;font-size:11px}.ticker{justify-content:center;flex-wrap:wrap;padding:17px}.ticker span{font-size:8px}.ticker b{display:none}.section{padding:55px 6%}.section-top{display:block}.section-top>p{margin-top:20px}.filters{gap:7px}.filters button{padding:9px 12px}.products{gap:14px}.product-art{height:180px}.product-art .symbol{font-size:75px}.product h3{font-size:11px}.price{font-size:11px}.fresh{grid-template-columns:1fr}.fresh-art{min-height:400px}.fresh-copy{padding:45px 7%}.fresh h2{font-size:43px}.about h2{font-size:34px}.about-bottom{grid-template-columns:1fr 1fr;gap:20px}.about-bottom>p{grid-column:1/-1}.visit{grid-template-columns:1fr;padding:50px 6%;gap:40px}.visit-right{border-left:0;border-top:1px solid #ccc;padding-top:30px}footer{gap:20px}footer img{width:110px}footer div{font-size:10px}}

/* Keep the full storefront sign and entrance visible at every screen size. */
.hero-photo{align-self:start;min-height:0;background:#191919}.hero-photo>img{position:relative;display:block;width:100%;height:auto;object-fit:contain;filter:none}.hero-photo:after{display:none}

.about-story{max-width:820px;margin-top:32px}.about-story p{font-size:16px;line-height:1.85;color:#62625e;margin:0 0 22px}.about-story .about-lead{font-size:20px;font-weight:700;color:var(--ink)}.about-story .about-pride{color:var(--red);font-weight:700}.about-story .about-signoff{color:var(--ink);font-weight:700;margin-bottom:0}@media(max-width:600px){.about-story p{font-size:15px}.about-story .about-lead{font-size:18px}}