@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#171c16;--paper:#f6f3e9;--lime:#b7ed43;--pink:#dc3e68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:28px 0;border-bottom:1px solid #171c1630}.wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:27px;letter-spacing:-1.6px}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.7px;margin-top:4px}nav{display:flex;align-items:center;gap:35px;font-size:13px}.pill{border:1px solid;padding:13px 21px;border-radius:30px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:690px;max-width:1500px;margin:auto}.hero-copy{padding:84px 0 65px 10%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.dot{display:inline-block;background:var(--pink);width:8px;height:8px;border-radius:100%;margin-right:8px}h1,h2,.big-copy{font-family:'Space Grotesk',sans-serif;letter-spacing:-4px;line-height:1.02}h1{font-size:clamp(64px,6.6vw,106px);margin:30px 0}em{font-style:normal;color:var(--pink)}.intro{font-size:17px;line-height:1.65;max-width:355px}.button{display:inline-flex;gap:30px;background:var(--ink);color:var(--paper);padding:19px 24px;border-radius:40px;margin:18px 0;font-size:14px}.button:hover{background:var(--pink)}.micro{font-size:10px;letter-spacing:1.5px}.hero-art{position:relative;margin:35px 8% 35px 4%;background:var(--lime);border-radius:48% 48% 8px 8px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.bottle{position:relative;width:222px;height:490px;transform:rotate(12deg);filter:drop-shadow(17px 19px 10px #26341238)}.cap{position:absolute;top:0;left:72px;width:78px;height:28px;border-radius:7px 7px 3px 3px;background:repeating-linear-gradient(90deg,#22271b 0 3px,#414332 3px 6px);z-index:2}.neck{position:absolute;top:24px;left:77px;width:68px;height:90px;background:linear-gradient(90deg,#49311b,#9a7132 45%,#49311b);border-radius:0 0 12px 12px}.glass{position:absolute;top:89px;width:222px;height:395px;background:linear-gradient(90deg,#352917,#926433 23%,#ad8040 48%,#46371c 95%);border-radius:68px 68px 25px 25px;border:2px solid #3e351e}.glass:after{content:'';position:absolute;top:40px;left:14px;width:7px;height:310px;border-radius:50%;background:#ffffff29}.label{position:absolute;top:75px;background:var(--paper);width:100%;height:260px;text-align:center;border-top:5px solid var(--pink);border-bottom:5px solid var(--pink);overflow:hidden}.bottle-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:32px;line-height:.85;letter-spacing:-2px;margin:13px 0 0}.label img{width:117px;height:105px;display:block;margin:-1px auto -4px}.flavor-name{font-weight:700;color:var(--pink);font-size:22px;line-height:.95;margin:0}.label-small{font-size:7px;letter-spacing:.6px;line-height:1.7}.orbit{position:absolute;top:65px;left:25px;font-size:10px;letter-spacing:1px;transform:rotate(-15deg);line-height:1.6}.spark{position:absolute;right:35px;top:55px;font-size:88px}.round-stamp{position:absolute;bottom:58px;left:18px;width:105px;height:105px;background:var(--paper);border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.5;font-size:10px;font-weight:700;transform:rotate(-15deg)}.berry{position:absolute;background:radial-gradient(circle,#fb6a91 10%,#b42152 45%,transparent 50%) 0 0/17px 17px;width:65px;height:65px;border-radius:45%;z-index:-1}.b1{right:20px;bottom:78px;transform:rotate(30deg)}.b2{right:65px;bottom:43px;transform:rotate(-10deg)}.art-caption{position:absolute;bottom:6px;right:20px;font-size:8px;letter-spacing:1.2px}.ticker{background:var(--ink);color:var(--lime);padding:22px;text-align:center;font-weight:700;letter-spacing:2px;white-space:nowrap;overflow:hidden;font-size:14px}.ticker span{margin:0 35px}.flavor{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:7%}h2{font-size:clamp(46px,5vw,75px);margin:25px 0}.big-copy{font-size:32px;letter-spacing:-1px;margin:22px 0}.flavor-copy>p:not(.big-copy),.story p:not(.eyebrow){line-height:1.8;max-width:440px;font-size:16px}dl{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #171c1640;padding-top:24px;margin-top:30px}dt{font-size:10px;text-transform:uppercase;letter-spacing:1px}dd{margin:8px 0;font-size:13px;font-weight:600}.story{background:var(--lime);padding:70px 8%;display:flex;align-items:center;gap:8%;position:relative}.story h2{font-size:48px;letter-spacing:-2px}.story>img{width:23%;height:auto;transform:rotate(-12deg)}.story-star{margin-left:auto;font-size:100px}.details{padding:85px 8%;max-width:1000px;margin:auto}.details h2{font-size:52px;letter-spacing:-2px}details{border-bottom:1px solid #171c1640;padding:23px 0}summary{cursor:pointer;font-weight:600}details p{line-height:1.7;max-width:640px}footer{margin:0 5%;border-top:1px solid #171c1640;padding:35px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer p{line-height:1.8}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:15px;z-index:10}@media(max-width:760px){header{padding:20px 0}.wordmark{font-size:23px}nav{gap:0}nav>a:not(.pill){display:none}.pill{padding:10px 15px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 7% 20px}h1{font-size:64px;letter-spacing:-3px;margin:24px 0}.hero-art{height:560px;margin:15px 6% 35px}.bottle{transform:rotate(10deg) scale(.9)}.flavor{grid-template-columns:1fr;padding:60px 7%;gap:5px}.flavor h2{margin-bottom:15px}.story{padding:55px 7%;gap:20px;flex-wrap:wrap}.story>img{width:130px}.story>div{width:100%}.story-star{position:absolute;top:60px;right:40px;font-size:80px}.story h2{font-size:42px}.details{padding:60px 7%}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3}.ticker{text-align:left;font-size:12px}dl{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.orbit{top:125px;left:22px;transform:rotate(-12deg)}
/* Clear Boston round concept: rounded shoulders, short neck, black screw cap. */
.bottle{height:470px}.cap{top:0;left:73px;width:76px;height:31px;background:repeating-linear-gradient(90deg,#151715 0 3px,#323631 3px 5px);border:1px solid #121612;border-radius:5px 5px 3px 3px}.neck{top:29px;left:79px;width:64px;height:55px;background:linear-gradient(90deg,#b0bf9260,#fffffacc 20%,#e7efc44a 48%,#fbfffcb3 82%,#82926880);border:2px solid #8c9d7a70;border-bottom:0;border-radius:0}.glass{top:70px;height:394px;border-radius:78px 78px 24px 24px;border:2px solid #8394718c;background:linear-gradient(90deg,#ffffff85 0%,#ffffff18 10%,#fff5ce69 22%,#ffffff30 48%,#ffffffa3 87%,#83916a70),linear-gradient(0deg,#c66577c9 0%,#e99891b3 84%,#ffffff60 85%,#f7ffdf47 100%);box-shadow:inset 6px 0 10px #ffffff5c,inset -5px 0 8px #79936552,inset 0 -9px 3px #c3d2aa99}.glass:after{left:11px;top:45px;height:315px;width:10px;background:linear-gradient(90deg,#ffffffa3,#ffffff05)}.label{top:88px;height:260px}.hero-art .bottle{z-index:2}.orbit,.round-stamp,.spark,.berry,.art-caption{z-index:3}
.carbonation{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.carbonation span{position:absolute;bottom:-45px;left:var(--x);width:var(--size);height:var(--size);border:1px solid #6d9b3547;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffa6,transparent 55%);animation:rise var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}header,main,footer{position:relative;z-index:1}.hero-art .carbonation{position:absolute;z-index:1}.hero-art .carbonation span{border-color:#263e3a52;background:radial-gradient(circle at 30% 25%,#ffffffb0,transparent 60%)}@keyframes rise{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.65}80%{opacity:.45}100%{transform:translate3d(30px,-115vh,0);opacity:0}}.hero-art .carbonation span{animation-name:bottle-fizz}@keyframes bottle-fizz{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.8}85%{opacity:.65}100%{transform:translate3d(18px,-700px,0);opacity:0}}@media(prefers-reduced-motion:reduce){.carbonation{display:none}}
.orbit{top:180px;left:22px;font-size:9px}
.original-mascot{display:block;background-image:url('assets/original-mockup.png');background-size:236.3077% 347.1186%;background-position:19.1874% 52.8121%;aspect-ratio:650/295}.label .label-mascot{width:195px;height:auto;margin:2px auto 5px}.story .story-mascot{width:28%;flex-shrink:0;transform:rotate(-8deg)}.original-wordmark{background-image:url('assets/original-mockup.png');background-size:236.3077% 335.7377%;background-position:19.1874% 7.6495%;aspect-ratio:650/305}.label .bottle-brand{width:158px;height:auto;margin:8px auto 0}.wordmark .header-logo{display:block;width:138px;height:auto;margin:0;mix-blend-mode:multiply}.label{background:#fff9ed}.label-small{margin:6px 0}.story .original-mascot{mix-blend-mode:multiply}@media(max-width:760px){.story .story-mascot{width:180px}}
.original-wordmark{background-size:236.3077% 359.2982%;background-position:19.1874% 7.4425%;aspect-ratio:650/285;clip-path:polygon(20% 0,80% 0,80% 25%,100% 47%,100% 100%,0 100%,0 47%,20% 25%)}
/* One page-wide bubble layer; the bottle artwork stays still and unobstructed. */
body{isolation:isolate}.carbonation{z-index:2}.hero-art{z-index:3}.carbonation span{border-color:#648c354d;background:radial-gradient(circle at 30% 25%,#ffffff85,transparent 55%)}
.carbonation{z-index:0}.story{background:#b7ed43b8}
.label .bottle-logo{display:block;width:180px;height:180px;object-fit:contain;margin:5px auto 3px}.label .flavor-name{font-size:20px}.label .label-small{font-size:6px;line-height:1.4;margin:4px 0}
.lineup{padding:0 8% 90px}.lineup h2{font-size:clamp(44px,5vw,68px);letter-spacing:-3px}.flavor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:35px}.flavor-grid article{background:var(--flavor);border:1px solid #171c1633;border-radius:8px;padding:25px 22px;min-height:260px;display:flex;flex-direction:column}.flavor-number{font-size:11px;letter-spacing:2px}.flavor-grid h3{font-family:'Space Grotesk',sans-serif;font-size:30px;line-height:1.05;letter-spacing:-1px;margin:45px 0 12px}.flavor-grid p{font-size:14px;line-height:1.5;margin:0 0 22px}.flavor-type{font-size:9px;letter-spacing:1.5px;margin-top:auto;border-top:1px solid #171c1640;padding-top:14px}.lineup-note{font-size:12px;line-height:1.6;margin-top:22px}@media(max-width:900px){.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.lineup{padding:0 7% 55px}.flavor-grid{gap:12px}.flavor-grid article{padding:20px 16px;min-height:245px}.flavor-grid h3{font-size:25px;margin-top:35px}.flavor-grid p{font-size:12px}}
/* More visible carbonation, kept behind content and outside opaque bottle artwork. */
.carbonation span{width:calc(var(--size)*1.65);height:calc(var(--size)*1.65);border:2px solid #5884268c;background:radial-gradient(circle at 28% 24%,#ffffffed 0 10%,#b7ed431f 36%,transparent 65%);box-shadow:inset -2px -3px 4px #55812625,1px 1px 5px #55812615;animation-duration:calc(var(--duration)*.7)}@keyframes rise{0%{transform:translate3d(0,0,0);opacity:0}5%{opacity:.9}90%{opacity:.8}100%{transform:translate3d(38px,-115vh,0);opacity:0}}
header .wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;padding:3px 0;letter-spacing:0}header .wordmark .refined-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;line-height:.88;letter-spacing:-1.6px;margin:0;position:relative;color:#071116}header .wordmark .brand-tagline{font-size:7px;font-weight:600;letter-spacing:1.25px;margin-top:10px;line-height:1.4}header .wordmark .brand-bubbles{position:absolute;top:1px;left:76px;width:33px;height:24px;margin:0}header .brand-bubbles i{position:absolute;border:2.5px solid #9fc900;border-radius:50%;width:12px;height:12px;left:1px;top:10px}header .brand-bubbles i:nth-child(2){width:9px;height:9px;left:14px;top:0}header .brand-bubbles i:nth-child(3){width:6px;height:6px;left:23px;top:14px;border-width:2px}@media(max-width:760px){header .wordmark .refined-name{font-size:27px}header .wordmark .brand-bubbles{left:68px;transform:scale(.9);transform-origin:top left}header .wordmark .brand-tagline{font-size:6px;letter-spacing:1.05px}}

header .wordmark .header-bottle-logo{display:block;width:110px;height:110px;object-fit:contain;mix-blend-mode:multiply}header{padding:14px 0}@media(max-width:760px){header .wordmark .header-bottle-logo{width:85px;height:85px}header{padding:12px 0}}
@media(max-width:480px){header .wordmark .header-bottle-logo{width:58px;height:58px}header{padding:8px 0}header nav .pill{padding:10px 14px}}
header .wordmark .bubble-wordmark{width:145px;height:80px;object-fit:contain;mix-blend-mode:normal}.story .story-bubble-goblin{width:25%;height:auto;transform:none;flex-shrink:0}@media(max-width:760px){header .wordmark .bubble-wordmark{width:110px;height:60px}.story .story-bubble-goblin{width:180px}}@media(max-width:480px){header .wordmark .bubble-wordmark{width:100px;height:54px}}
/* Individual drink mockups reuse the established Boston-round bottle concept. */
.flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.flavor-grid .drink-card{display:block;padding:0;overflow:hidden;background:transparent;border:1px solid #171c162b}.drink-art{height:310px;background:var(--flavor);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.drink-bottle{position:relative;width:124px;height:262px;filter:drop-shadow(9px 10px 5px #171c1630);transform:rotate(7deg)}.drink-cap{position:absolute;left:42px;top:0;width:40px;height:18px;border-radius:4px 4px 2px 2px;background:repeating-linear-gradient(90deg,#151715 0 2px,#393d34 2px 4px);z-index:3}.drink-neck{position:absolute;left:45px;top:17px;width:34px;height:31px;border:1px solid #70806570;background:linear-gradient(90deg,#ffffff45,#ffffffe0 25%,#ffffff40 60%,#6f805f55)}.drink-glass{position:absolute;top:42px;width:124px;height:220px;border:1px solid #73836199;border-radius:42px 42px 13px 13px;background:linear-gradient(90deg,#ffffffa0,#ffffff10 25%,#ffffff30 65%,#ffffffb0 88%,#67795960),linear-gradient(0deg,var(--liquid) 0 86%,#ffffff30 87%);box-shadow:inset 0 -6px 3px #c6d1b5a0}.drink-glass:after{content:'';position:absolute;left:6px;top:25px;width:4px;height:170px;border-radius:50%;background:#ffffff70;pointer-events:none}.drink-label{position:absolute;top:48px;width:100%;height:145px;background:#fff9ed;border-top:3px solid var(--drink-accent);border-bottom:3px solid var(--drink-accent);text-align:center;padding:4px 5px;display:flex;flex-direction:column;align-items:center}.drink-label img{width:77px;height:77px;object-fit:contain;margin:0}.drink-label strong{font-family:'Space Grotesk',sans-serif;font-size:12px;line-height:1.05;color:var(--drink-accent);margin:2px 0}.drink-label small{font-size:5px;line-height:1.2;margin:2px 0;max-width:105px}.drink-label>span{font-size:4px;letter-spacing:.5px;margin-top:auto}.concept-tag{position:absolute;bottom:10px;right:12px;font-size:7px;letter-spacing:1px;color:#171c1690}.drink-copy{padding:23px}.flavor-grid .drink-copy h3{font-size:28px;margin:15px 0 12px}.flavor-grid .drink-pairing{font-weight:700;font-size:12px;color:var(--drink-accent);margin-bottom:12px}.flavor-grid .drink-description{font-size:14px;line-height:1.65;margin-bottom:22px}.flavor-grid .flavor-type{display:block}.drink-card:nth-child(even) .drink-bottle{transform:rotate(-7deg)}@media(max-width:1000px){.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.flavor-grid{grid-template-columns:1fr;gap:22px}.drink-art{height:300px}.flavor-grid .drink-card{padding:0}.drink-copy{padding:24px}.flavor-grid .drink-copy h3{font-size:30px}}
.footer-links{display:flex;gap:25px;align-items:center}.footer-links a:hover,.back-link:hover{text-decoration:underline}.responsibility{max-width:920px;margin:0 auto;padding:60px 7% 90px}.back-link{display:inline-block;font-size:13px;margin-bottom:50px}.responsibility h1{font-size:clamp(50px,6vw,82px);letter-spacing:-3px}.responsibility-intro{font-size:20px;line-height:1.65;max-width:700px;margin:28px 0 50px}.responsibility section{border-top:1px solid #171c1630;padding:28px 0}.responsibility h2{font-size:30px;letter-spacing:-1px;margin:0 0 15px}.responsibility section p{font-size:16px;line-height:1.8;margin:0;max-width:700px}.responsibility-note{background:var(--lime);padding:30px;margin-top:30px;border-radius:8px;line-height:1.7}.responsibility-note p:first-child{font-weight:700;font-size:20px;margin-top:0}.responsibility-note p:last-child{margin-bottom:0}@media(max-width:560px){.footer-links{gap:15px;flex-wrap:wrap}.responsibility{padding-top:35px}.back-link{margin-bottom:30px}.responsibility h1{font-size:50px}.responsibility-intro{font-size:18px}}
.drink-photo-wrap{aspect-ratio:4/5;background:var(--flavor);overflow:hidden}.drink-photo{display:block;width:100%;height:100%;object-fit:cover}.flavor-grid .drink-copy h3{font-size:27px;line-height:1.1}.good-company{padding:0 8% 90px}.company-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:30px}.company-heading h2{margin-bottom:0;font-size:clamp(44px,5vw,68px)}.company-heading>p{font-size:16px;line-height:1.8;max-width:390px}.lifestyle-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.lifestyle-grid figure{margin:0}.lifestyle-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.lifestyle-grid figcaption{font-family:'Space Grotesk',sans-serif;font-size:20px;margin-top:15px;letter-spacing:-.5px}.campaign-note{font-size:10px;opacity:.6;margin-top:20px}@media(max-width:760px){.company-heading{display:block}.company-heading>p{margin-top:25px}.good-company{padding:0 7% 55px}.lifestyle-grid{grid-template-columns:1fr;gap:30px}}
.hero-art{background:#efadc1}.hero-product-photo{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-art{min-height:580px}@media(max-width:760px){.hero-art{min-height:0;height:560px}}

/* Coming-soon merchandise concepts */
.merch{padding:85px 8%;background:#eeeada;border-top:1px solid #17211a22}
.merch-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}
.merch-heading h2{margin-bottom:0;font-size:clamp(44px,5vw,68px)}
.merch-heading>p{max-width:390px;font-size:16px;line-height:1.8}
.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.merch-card{background:#faf7ee;border:1px solid #17211a22;border-radius:8px;overflow:hidden}
.merch-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.merch-copy{padding:24px}
.coming-soon{display:inline-block;border:1px solid currentColor;border-radius:30px;padding:6px 10px;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#d8ef91}
.merch-copy h3{font-family:'Space Grotesk',sans-serif;font-size:25px;line-height:1.2;letter-spacing:-1px;margin:16px 0 12px}
.merch-copy p{font-size:14px;line-height:1.7;margin:0}
@media(max-width:1000px){.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.merch{padding:55px 7%}.merch-heading{display:block}.merch-heading>p{margin-top:25px}.merch-grid{gap:18px}.merch-copy{padding:18px}.merch-copy h3{font-size:22px}header nav{gap:12px}}
@media(max-width:480px){.merch-grid{grid-template-columns:1fr}}

@media(max-width:760px){header nav>a.nav-merch{display:inline-block;font-size:12px}}

.lifestyle-grid img{height:auto;aspect-ratio:3/2;object-fit:cover}