:root{--ink: #060606;--charcoal: #10100f;--paper: #e6ded0;--paper-deep: #cfc4b5;--pink: #e52473;--gold: #d9a20a;--orange: #ef5a1f;--sage: #94a397;--copy: #f0e9dc;--muted: #c7bdaf;--max: 1180px;--display-font: "Bebas Neue", Impact, Haettenschweiler, "Arial Black", sans-serif}*{box-sizing:border-box}html{color:var(--copy);background:var(--ink);scroll-behavior:smooth}body{min-width:320px;margin:0;font-family:Courier New,Courier,monospace;line-height:1.45;background:linear-gradient(#0000002e,#0000005c),url(/assets/texture-base.webp) center / 760px repeat,var(--ink)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:url(/assets/texture-overlay.webp) center / 880px repeat;mix-blend-mode:screen;opacity:.12}img{display:block;max-width:100%}a{color:inherit}main{overflow:hidden}.hero{position:relative;min-height:648px;isolation:isolate;padding:30px max(34px,calc((100vw - var(--max)) / 2 + 30px)) 58px;background:url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.hero-bg{position:absolute;inset:0 auto 0 50%;z-index:0;width:auto;aspect-ratio:1930 / 815;max-width:none;height:100%;pointer-events:none;background:url(/assets/top-background-extended.webp) center / contain no-repeat;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 84%,transparent 100%)}.hero:before{position:absolute;inset:0 auto 0 0;z-index:1;width:min(49vw,940px);content:"";background:linear-gradient(90deg,#000000b8,#0000006b 24%,#00000029 58%,#0000),radial-gradient(ellipse at 56% 55%,#00000057,#0000 56%);pointer-events:none}.hero:after,.flavours:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.05),transparent 22%),linear-gradient(rgba(255,255,255,.03),transparent 18%,rgba(0,0,0,.18));mix-blend-mode:screen;pointer-events:none}.hero:after{z-index:1}.flavours:after{z-index:-1}.site-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:var(--max);margin:0 auto}.wordmark{display:inline-block;width:78px;aspect-ratio:1.29;background:var(--paper);-webkit-mask:url(/assets/word-mark-brushed.svg) center / contain no-repeat;mask:url(/assets/word-mark-brushed.svg) center / contain no-repeat}.cart-link{margin-top:12px;font-size:.9rem;text-transform:uppercase;text-decoration:none;color:var(--paper)}.cart-link:after{color:var(--pink)}.hero-copy{position:relative;z-index:2;max-width:var(--max);margin:64px auto 0}.hero-copy h1,.flavour-intro h2,.culture-callout h2{margin:0;font-family:var(--display-font);font-weight:900;text-transform:uppercase;letter-spacing:0}.hero-copy h1{max-width:500px;font-size:6rem;line-height:.86;color:var(--paper);text-shadow:0 2px 0 rgba(0,0,0,.35)}.hero-copy h1 span{display:block}.riot-softly{display:block;width:390px;aspect-ratio:2777 / 781;margin:18px 0 12px;background:url(/assets/riot-softly.svg) center / contain no-repeat}.hero-copy p,.flavour-intro p{max-width:500px;margin:0 0 24px;color:var(--copy);font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:154px;min-height:50px;padding:15px 30px 13px;border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;font-family:var(--display-font);font-size:.95rem;line-height:1;text-transform:uppercase;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease}.button:hover{transform:translateY(-2px)}.button-light{color:var(--ink);background-image:url(/assets/white-button.webp)}.button-dark{color:var(--paper);background-image:url(/assets/black-button.webp)}.brewed-badge{position:absolute;z-index:2;bottom:48px;left:calc(50% - 150px);width:90px;aspect-ratio:588 / 613;background:url(/assets/brewed-in.svg) center / contain no-repeat;pointer-events:none}.feature-strip,.culture-callout{position:relative;color:var(--ink)}.feature-strip{z-index:3;min-height:206px;margin-top:-26px;margin-bottom:-26px;padding:38px max(28px,calc((100vw - var(--max)) / 2 + 30px)) 40px;background:url(/assets/paper-strip-3.webp) center / 100% 100% no-repeat}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:var(--max);margin:0 auto}.feature-card{position:relative;display:grid;justify-items:center;padding:0 32px;text-align:center}.feature-card+.feature-card{border-left:1px solid rgba(6,6,6,.52)}.feature-icon{position:relative;display:grid;place-items:center;width:68px;height:58px;margin-bottom:8px}.feature-icon:before{position:absolute;top:50%;left:50%;width:120px;height:104px;content:"";background:url(/assets/pink-scratch.svg) center / contain no-repeat;transform:translate(-54%,-50%) rotate(-4deg)}.accent-gold .feature-icon:before{background-image:url(/assets/yellow-scratch.svg)}.accent-sage .feature-icon:before{width:94px;height:82px;background-image:url(/assets/muted-green-scratch.svg)}.accent-orange .feature-icon:before{background-image:url(/assets/orange-scratch.svg)}.feature-symbol{position:relative;z-index:1;display:block;width:54px;height:54px;background:center / contain no-repeat}.accent-pink .feature-symbol{background-image:url(/assets/bolt.svg)}.accent-gold .feature-symbol{background-image:url(/assets/crown.svg)}.accent-sage .feature-symbol{background-image:url(/assets/vinyl.svg)}.accent-orange .feature-symbol{background-image:url(/assets/peace.svg)}.feature-card h2{margin:0 0 6px;font-family:var(--display-font);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:0}.feature-card p{max-width:170px;margin:0;font-size:.9rem;font-weight:400;-webkit-text-stroke:.18px currentColor;line-height:1.35}.flavours{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:68px;padding:72px max(34px,calc((100vw - var(--max)) / 2 + 30px)) 78px;background:linear-gradient(90deg,#0000003d,#0000000a 48%,#0000003d),url(/assets/bottom-background-clean.webp) center top / cover no-repeat,url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.flavour-intro{position:relative;z-index:2;max-width:320px;padding-top:34px;transform:rotate(-4deg);transform-origin:left top}.flavour-intro h2{color:var(--paper);font-size:3.5rem;line-height:.9}.flavour-intro h2 span{display:block}.riot-word{display:block;width:189px;aspect-ratio:395 / 257;margin-top:10px;background:url(/assets/riot.svg) center / contain no-repeat}.flavour-intro p{margin-top:20px}.product-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px;width:100%;margin:0}.product-card{display:grid;justify-items:center;align-content:start;min-width:0;text-align:center}.product-bottle{width:100%;max-width:235px;height:auto;margin:0 auto 12px;filter:drop-shadow(0 18px 16px rgba(0,0,0,.34))}.product-card h3{margin:0 0 12px;font-family:var(--display-font);font-size:1.32rem;line-height:1;text-transform:uppercase;letter-spacing:0}.tone-gold h3,.tone-gold a{color:var(--gold)}.tone-pink h3,.tone-pink a{color:var(--pink)}.tone-orange h3,.tone-orange a{color:var(--orange)}.product-card p{min-height:70px;margin:0 0 16px;color:var(--copy);font-size:.82rem;line-height:1.45}.product-card a{font-size:.88rem;text-transform:uppercase;text-decoration:none}.culture-polaroids{position:absolute;top:-140px;left:max(42px,calc((100vw - var(--max)) / 2 + 8px));z-index:2;width:clamp(218px,23vw,318px);height:220px;pointer-events:none}.polaroid{position:absolute;width:55%;height:auto;filter:drop-shadow(0 14px 12px rgba(0,0,0,.34))}.polaroid-people{bottom:20px;left:0;transform:rotate(-10deg)}.polaroid-bottle{bottom:2px;left:42%;transform:rotate(7deg)}.culture-callout{display:grid;grid-template-columns:clamp(260px,24vw,340px) minmax(320px,1fr) auto;align-items:center;gap:28px;z-index:3;isolation:isolate;min-height:104px;margin-top:-18px;margin-bottom:0;padding:22px max(34px,calc((100vw - var(--max)) / 2 + 30px));background:linear-gradient(90deg,#0000003d,#0000000a 48%,#0000003d),url(/assets/bottom-background-clean.webp) center bottom / cover no-repeat,url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.culture-callout:before{position:absolute;inset:0;z-index:0;content:"";background:url(/assets/paper-strip-3.webp) center / 100% 100% no-repeat;pointer-events:none}.culture-callout>:not(.culture-polaroids){position:relative;z-index:1}.culture-line{display:flex;grid-column:2;align-items:center;gap:16px;justify-self:center;min-width:0}.culture-callout .button{grid-column:3;justify-self:end}.culture-callout h2{flex:0 0 auto;font-size:3.1rem;line-height:1}.great-times{display:inline-block;width:218px;max-width:42vw;aspect-ratio:2573 / 673;background:var(--pink);-webkit-mask:url(/assets/great-times.svg) center / contain no-repeat;mask:url(/assets/great-times.svg) center / contain no-repeat}.site-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:28px;width:100%;margin:0;padding:40px max(34px,calc((100vw - var(--max)) / 2 + 30px)) 46px;color:var(--paper);background:linear-gradient(90deg,#0000003d,#0000000a 48%,#0000003d),url(/assets/bottom-background-clean.webp) center bottom / cover no-repeat,url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.footer-mark{width:72px}.site-footer p{margin:0;font-size:.88rem}.site-footer p:last-child{max-width:390px;color:var(--muted);text-align:right}@media(max-width:980px){.hero{min-height:690px;background:url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.hero-bg{left:60%}.hero:before{inset:0;width:100%;background:linear-gradient(180deg,#0000,#0003 40%,#000000e0 74%),radial-gradient(ellipse at 34% 78%,#000000b3,#0000 46%)}.hero-copy{margin-top:320px}.hero-copy h1{font-size:4.4rem}.riot-softly{width:320px}.brewed-badge{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.feature-card:nth-child(3){border-left:0}.flavours{grid-template-columns:1fr;gap:36px;padding-top:56px;padding-bottom:66px}.flavour-intro{max-width:360px;padding-top:0}.culture-polaroids{display:none}.culture-callout{grid-template-columns:minmax(0,1fr) auto}.product-grid{width:min(100%,780px);max-width:100%;margin:0 auto;gap:22px}.product-bottle{max-width:220px}.culture-line{grid-column:1;margin-left:0}.culture-callout .button{grid-column:2}}@media(max-width:720px){.hero{min-height:760px;padding:24px 22px 44px;background:url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.hero-bg{inset:0 auto auto 58%;height:360px}.hero:before{background:linear-gradient(180deg,#0000,#00000029 36%,#000000eb 54%),radial-gradient(ellipse at 28% 72%,#000000ad,#0000 44%)}.wordmark{width:62px}.cart-link{font-size:.8rem}.hero-copy{margin-top:340px}.hero-copy h1{font-size:3.45rem}.riot-softly{width:285px}.hero-copy p,.flavour-intro p{font-size:.92rem}.feature-strip{min-height:auto;margin-top:-24px;margin-bottom:-24px;padding:40px 22px 42px;background:url(/assets/paper-strip-3.webp) center / auto 100% repeat-x}.feature-grid{grid-template-columns:1fr;gap:26px}.feature-card{padding:0;border-left:0}.feature-card+.feature-card{border-left:0}.flavours{gap:36px;padding:48px 22px 54px;background:linear-gradient(#00000014,#00000057),url(/assets/bottom-background-clean.webp) center top / auto 100% no-repeat,url(/assets/textured-black-background.webp) center / cover repeat,var(--ink)}.flavour-intro h2{font-size:2.95rem}.riot-word{width:166px;margin-top:8px}.product-grid{grid-template-columns:1fr;gap:38px}.product-bottle{max-width:260px}.product-card p{min-height:0;max-width:260px;margin-right:auto;margin-left:auto}.culture-callout{display:grid;grid-template-columns:1fr;justify-items:start;min-height:auto;margin-top:-22px;margin-bottom:0;padding:28px 22px}.culture-callout:before{background:url(/assets/paper-strip-3.webp) center / auto 100% repeat-x}.culture-line{display:grid;grid-column:1;gap:8px}.culture-callout .button{grid-column:1}.culture-callout h2{font-size:2.55rem}.great-times{width:194px;max-width:82vw}.site-footer{grid-template-columns:1fr;gap:16px;padding:34px 22px 40px}.site-footer p:last-child{max-width:none;text-align:left}}