@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&display=swap');
:root{--yellow:#f5e74c;--blue:#223fd0;--paper:#fffef5;--orange:#ff8a37;--display:'Barlow Condensed','Arial Narrow',sans-serif}
.announcement{font-size:12px;letter-spacing:.08em;min-height:34px;height:auto;padding:6px 15px;gap:18px}.announcement span{font-size:14px}
.header{height:88px;padding:0 4%;background:var(--paper);border-bottom:1px solid var(--blue)}
.wordmark{font-family:'Manrope',sans-serif;letter-spacing:-.055em}.header nav{font-size:14px}.bag-button{border-radius:4px}
.hero{position:relative;grid-template-columns:1.12fr 1fr;min-height:690px;border-bottom:1px solid var(--blue)}
.hero-copy{padding:34px 7% 0;position:relative}.hero .eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:24px}
.hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em;text-transform:uppercase;line-height:.82;margin:0 0 24px;width:100%}
.hero-yes{display:block;font-size:clamp(130px,15.5vw,240px)}.hero-water{display:block;font-size:clamp(62px,7.75vw,120px);white-space:nowrap;line-height:1.05;letter-spacing:-.025em}
.hero-reply{font:800 clamp(23px,2.3vw,35px)/1.1 var(--display);text-transform:uppercase;margin:0 0 23px;background:var(--orange);padding:8px 14px;transform:rotate(-2deg);color:#172f9f}
.hero-description{margin:0 0 25px;font-size:17px;line-height:1.55;max-width:410px}.button{border-radius:4px;font-size:15px;min-height:54px;padding:14px 23px;gap:30px}.hero-foot{font-size:12px;letter-spacing:.04em;padding:28px 0 22px;flex-direction:row;flex-wrap:wrap}
.hero-visual{margin:25px 25px 25px 0;border:1px solid var(--blue);transform:rotate(1.5deg)}.hero-visual>img{object-position:50% 55%}.photo-note{font-size:12px;background:var(--paper)}
.circle-note{background:var(--yellow);border:2px solid var(--blue);width:125px;height:125px;top:20px;right:20px;transform:rotate(8deg);font-family:var(--display);font-size:29px;line-height:.9;letter-spacing:-.02em}.circle-note small{font:700 13px 'DM Sans',sans-serif;margin-top:8px}
.ticker{background:var(--paper);color:var(--blue);padding:19px 0;border-bottom:1px solid var(--blue)}.ticker>div{font-size:14px;letter-spacing:.1em}.ticker b{color:var(--blue);font-size:24px}
h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;font-weight:800;line-height:.96}.serif{font-family:inherit;font-style:normal;letter-spacing:inherit;font-weight:inherit}
.section-wrap{padding:80px 6%}.shop{background:var(--paper);gap:7%}.shop-photo{min-height:650px;border:1px solid var(--blue);border-radius:160px 160px 0 0}.photo-tag{background:var(--orange);font-size:14px;left:20px;bottom:25px;border:1px solid var(--blue)}.shop-info h2{font-size:clamp(64px,7vw,105px)}.shop-info .eyebrow{margin-bottom:15px}.product-subtitle{font-size:18px}.product-traits span{font-size:12px}.pack-picker label>span{border-radius:3px}.pack-picker legend{font-size:15px}.quantity{border-radius:4px}.product-note summary{font-size:16px}
.drink{background:var(--yellow)}.drink-intro h2{font-size:clamp(54px,6vw,90px)}.drink-intro .large-copy{font-size:24px;letter-spacing:-.02em;font-weight:600}.ingredients h3{font-size:30px;letter-spacing:0}.ingredients p{font-size:16px}.small-tag{font-size:12px;border-radius:0}.development-note{font-size:12px}.ingredient-number{border-radius:0}.section-top{margin-bottom:40px}
.our-way{grid-template-columns:1.15fr 1fr}.way-left{padding:72px 10%}.way-left h2{font-size:clamp(70px,8vw,120px);line-height:.92}.way-left p:not(.eyebrow){max-width:440px;font-size:17px}.way-right{padding:72px 10%;display:flex;flex-direction:column;justify-content:center}.occasion{padding:27px 0}.occasion h3{font-size:48px;letter-spacing:-.01em;text-transform:uppercase}.occasion p{font-size:16px}.way-signoff{font-size:12px}.location-label{font-size:12px}
.faq h2{font-size:clamp(60px,7vw,95px)}.questions summary{font-size:16px}details p{font-size:16px}.closing{background:var(--orange);padding:65px 20px 75px}.closing h2{font-size:clamp(65px,10vw,145px);line-height:.95}.closing .end-dot{color:var(--blue)}.closing .button{background:var(--blue);color:var(--yellow);border:0}.footer-mark{font-family:'Manrope',sans-serif;letter-spacing:-.065em}.footer-bottom{font-size:12px}
.drawer-head h2{font-size:42px}.cart-item h3{font-family:'DM Sans',sans-serif}.review-dialog h2{font-size:55px}.empty-bag h3{letter-spacing:-.02em}
@media(min-width:1700px){.hero{min-height:780px}.hero-copy{padding-top:45px}}
@media(max-width:1050px){.hero{min-height:640px}.hero-copy{padding:32px 7% 0}.hero-yes{font-size:16vw}.hero-water{font-size:7.7vw}.hero-description{font-size:16px}.hero-reply{font-size:27px}.hero-visual{margin:20px 20px 20px 0}.hero-foot{flex-direction:column;gap:4px}.hero .button{gap:15px}.shop-photo{min-height:580px}.purchase-row{flex-wrap:wrap}.add-button{min-width:170px}.way-left,.way-right{padding:55px 10%}}
@media(max-width:740px){.announcement{font-size:12px;line-height:1.4;letter-spacing:.015em;gap:8px}.announcement span{display:none}.header{height:78px;padding:0 5%}.header nav{gap:18px}.bag-button{font-size:14px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px 6% 0}.hero .eyebrow{margin-bottom:23px;font-size:12px}.hero-yes{font-size:clamp(135px,37vw,235px)}.hero-water{font-size:clamp(65px,18vw,115px)}.hero h1{margin-bottom:17px}.hero-reply{font-size:29px;margin-bottom:21px;padding:7px 12px}.hero-description{font-size:16px;margin-bottom:22px}.hero-foot{flex-direction:row;gap:10px;font-size:12px;padding:26px 0 18px}.hero-visual{height:450px;margin:4px 6% 25px;transform:rotate(1deg)}.circle-note{width:103px;height:103px;font-size:26px;right:15px;top:15px}.photo-note{font-size:12px;padding:10px 14px}.ticker>div{font-size:12px;gap:20px}.section-wrap{padding:50px 6%}.shop-photo{min-height:430px;border-radius:120px 120px 0 0}.shop{gap:35px}.shop-info h2{font-size:75px}.shop-description{font-size:16px}.product-traits span{font-size:12px}.pack-picker small{font-size:12px}.purchase-row{flex-wrap:nowrap}.quantity button{min-width:30px}.add-button{min-width:0;padding:13px 15px;gap:10px}.drink-intro h2{font-size:62px}.ingredients h3{font-size:28px}.ingredients p{font-size:16px}.our-way{grid-template-columns:1fr}.way-left{padding:50px 6% 20px}.way-left h2{font-size:88px}.way-right{padding:15px 6% 50px}.occasion h3{font-size:43px}.occasion p{font-size:16px}.way-signoff{font-size:12px}.faq h2{font-size:68px}.closing h2{font-size:clamp(57px,14vw,90px)}.footer-bottom{font-size:12px}.footer-mark{font-size:14.7vw}.review-dialog h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
.ingredients{grid-template-columns:1fr 1fr}.hero-visual>img{object-position:56% center}.shop-photo img{object-position:55% center}
.ticker{display:flex;align-items:center;gap:0;padding:18px 0;position:relative}.ticker>.ticker-window{display:block;overflow:hidden;flex:1;min-width:0;padding:0;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:ingredient-drift 28s linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:40px;padding:0 20px;font-size:14px;letter-spacing:.08em;font-weight:700}.ticker-group b{display:inline-block;animation:ingredient-spin 14s linear infinite;font-size:26px}.ticker-toggle{flex-shrink:0;border:1px solid var(--blue);background:var(--paper);color:var(--blue);font:600 12px var(--body);min-width:60px;min-height:36px;margin:0 18px;cursor:pointer;border-radius:3px}.ticker.is-paused .ticker-track,.ticker.is-paused .ticker-group b{animation-play-state:paused}@keyframes ingredient-drift{to{transform:translateX(-50%)}}@keyframes ingredient-spin{to{transform:rotate(360deg)}}
@media(max-width:740px){.ticker{padding:15px 0}.ticker-group{gap:24px;padding:0 12px;font-size:13px}.ticker-toggle{margin:0 10px}.hero-visual{height:430px}.ingredients{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ticker-track,.ticker-group b{animation:none!important;transform:none!important}.ticker-toggle{display:none}.ticker>.ticker-window{overflow-x:auto}}
.hero-foot{display:flex}
.hero-visual{position:relative}
.circle-note{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;border-radius:50%}
.photo-note{display:flex;justify-content:space-between;gap:12px}
.our-way{display:grid;background:var(--paper)}
.way-left{background:var(--yellow)}
.drink-intro h2{margin-bottom:12px}
.ingredients{display:grid;gap:28px}
.ingredients article{background:var(--paper);border:1px solid var(--blue);padding-bottom:22px}
.ingredients img{width:100%;height:460px;object-fit:cover}
.ingredient-number,.small-tag{display:inline-block;border:1px solid var(--blue);padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.06em}
.ingredient-number{margin:18px 18px 0}
.ingredients h3,.ingredients p{margin-left:18px;margin-right:18px}
.ingredients h3{margin-top:14px;margin-bottom:8px}
.small-tag{margin:8px 18px 0}
.development-note{max-width:680px}
@media(max-width:740px){.ingredients img{height:280px}.circle-note{width:103px;height:103px}}
