/* Hallmark · macrostructure: Manifesto · tone: street-poster · anchor hue: duck green
 * Existing homepage route only. Original brand art integrated through background masks.
 * Pre-emit critique: P5 H4 E4 S5 R4 V5 · no runtime dependencies */
:root{--street-night:#111714;--street-panel:#19231d;--street-ink:#142019;--street-silver:#e2e8dd;--street-muted:#adb8aa;--street-green:#b8ed44;--street-line:#3f4e41;--street-glow:#356b33;--street-veil:#111714e8;--street-clear:#11171400;--street-forest:#0c4735;--street-silver-shade:#b6c1b2;--street-font:var(--font-display);--street-body:var(--font-body);--street-gutter:32px;--street-ease:cubic-bezier(.2,.7,.3,1)}
body[data-view="home"]{background:var(--street-night);color:var(--street-silver)}body[data-view="home"] .demo-strip{background:var(--street-night);color:var(--street-muted);border-bottom:1px solid var(--street-line)}body[data-view="home"] .demo-strip>span:first-child{color:var(--street-green)}body[data-view="home"] .header{background:var(--street-night);color:var(--street-silver);border-bottom:1px solid var(--street-line)}body[data-view="home"] .brand-product-wordmark{background:var(--street-night)}body[data-view="home"] .desktop-nav button{color:var(--street-muted)}body[data-view="home"] .desktop-nav button.active{color:var(--street-green)}body[data-view="home"] .desktop-nav .active:after{background:var(--street-green)}body[data-view="home"] .icon-button{background:transparent;color:var(--street-silver);border-color:var(--street-line);border-radius:3px}body[data-view="home"] .bag-button b{background:var(--street-green);color:var(--street-ink)}body[data-view="home"] #app{max-width:none;padding:0;min-height:80dvh}body[data-view="home"] .bottom-nav{background:var(--street-night);color:var(--street-silver);border-top-color:var(--street-line)}body[data-view="home"] .bottom-nav button{color:var(--street-muted)}body[data-view="home"] .bottom-nav button.active{color:var(--street-green)}body[data-view="home"] .bottom-nav .active span{background:transparent;padding:0}body[data-view="home"] .bottom-nav .active svg{stroke-width:2.3}body[data-view="home"] .bottom-nav .active:after{content:'';width:14px;height:2px;background:var(--street-green)}
.street-home{overflow:clip;background:var(--street-night);color:var(--street-silver);font-family:var(--street-body)}.street-home button{font-family:var(--street-body)}.street-home svg{stroke:currentColor}.street-hero{position:relative;isolation:isolate;min-height:570px;overflow:clip;background:var(--street-night);color:var(--street-silver)}.street-hero-art{position:absolute;z-index:-2;inset:0 0 0 33%;background-image:url('assets/brand-duck-reference.webp');background-position:65% 47%;background-size:auto 118%;background-repeat:no-repeat;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to right,transparent 0%,var(--street-night) 24%,var(--street-night) 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,var(--street-night) 24%,var(--street-night) 88%,transparent 100%)}.street-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--street-night) 10%,var(--street-veil) 29%,var(--street-clear) 65%),linear-gradient(0deg,var(--street-night) 0%,var(--street-clear) 30%);pointer-events:none}.street-hero-grid{position:absolute;inset:0;opacity:.08;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent 0 47px,var(--street-silver) 48px 49px);pointer-events:none}.street-hero-inner{position:relative;max-width:1200px;margin:auto;padding:24px var(--street-gutter) 0;min-height:570px}.street-issue{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:2px;color:var(--street-muted)}.street-issue span:first-child{color:var(--street-green);font-weight:700}.street-hero-copy{position:relative;z-index:2;max-width:650px;padding:44px 0 38px}.street-pretitle{font-size:12px;letter-spacing:5px;color:var(--street-muted)}.street-hero h1{font-family:var(--street-font);font-size:clamp(45px,6.5vw,80px);line-height:1.14;letter-spacing:-3px;margin:18px 0 22px;font-weight:900}.street-hero h1 span{color:var(--street-green)}.street-hero-description{font-size:13px;line-height:1.9;color:var(--street-silver)}.street-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;padding:12px 22px;background:var(--street-green);color:var(--street-ink);font-weight:800;border:0;border-radius:0;font-size:13px;box-shadow:5px 5px 0 var(--street-line)}.street-primary svg{width:24px;height:24px}.street-hero .street-primary{margin-top:24px}.street-hero-footnote{font-size:9px;color:var(--street-muted);margin-top:16px;letter-spacing:1px}.street-side-note{position:absolute;right:var(--street-gutter);top:200px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--street-silver)}.street-hero-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--street-line);font-size:11px;gap:12px;max-width:100%;padding-block:14px;color:var(--street-muted)}.street-hero-bottom>span{letter-spacing:3px}.street-hero-bottom button{font-size:11px;display:flex;align-items:center;gap:14px;color:var(--street-green)}.street-hero-bottom svg{width:18px;height:18px}
.street-tape{position:relative;background:var(--street-green);color:var(--street-ink);border-top:1px solid var(--street-green);padding:13px 0;overflow:clip;transform:rotate(-1.5deg);width:102%;margin-inline:-1%;z-index:3}.street-tape>span{display:flex;align-items:center;justify-content:center;gap:32px;white-space:nowrap;font-size:18px;letter-spacing:3px;font-weight:900}.street-tape svg{flex:0 0 21px;width:21px;height:21px}.street-portals{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:45px var(--street-gutter) 48px;gap:24px}.street-portals>button{position:relative;display:flex;align-items:start;gap:14px;text-align:left;padding:20px 0;border-top:1px solid var(--street-line);border-bottom:1px solid var(--street-line);color:var(--street-silver);background:transparent;white-space:normal}.street-portal-number{font-size:10px;color:var(--street-muted)}.street-portals small{font-size:8px;letter-spacing:2px;color:var(--street-muted)}.street-portals strong{display:block;font-size:25px;line-height:1.4;letter-spacing:-.5px;margin-top:12px}.street-portals>button>svg{margin-left:auto;color:var(--street-green);flex-shrink:0;width:24px;height:24px;align-self:end}
.street-event{position:relative;isolation:isolate;min-height:440px;color:var(--street-silver);background:var(--street-forest);overflow:clip}.street-event-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;filter:saturate(.65)}.street-event-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--street-veil),var(--street-clear) 85%),linear-gradient(0deg,var(--street-night),var(--street-clear) 70%)}.street-event-inner{position:relative;max-width:1200px;min-height:440px;margin:auto;padding:28px var(--street-gutter) 36px}.street-event-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:1px}.street-event-copy{margin-top:70px;position:relative;z-index:2}.street-event h2{font-size:54px;letter-spacing:-2px;line-height:1.15;margin-bottom:24px}.street-outline{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid var(--street-silver);background:var(--street-night);color:var(--street-silver);padding:11px 16px;font-size:12px;min-height:48px}.street-outline svg{width:20px;height:20px}.street-event-copy small{display:block;font-size:8px;color:var(--street-silver);margin-top:12px}.street-event-word{position:absolute;right:var(--street-gutter);bottom:18px;font-family:var(--street-font);font-size:clamp(70px,12vw,145px);font-weight:900;line-height:1;letter-spacing:-6px;opacity:.4;color:var(--street-green);pointer-events:none}
.street-words{max-width:1200px;margin:auto;padding:52px var(--street-gutter) 60px;background:var(--street-night);color:var(--street-silver)}.street-words-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:2px;padding-bottom:20px;border-bottom:1px solid var(--street-line);color:var(--street-muted)}.street-words-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:32px}.street-words h2{font-size:52px;line-height:1.22;letter-spacing:-2px}.street-words p{font-size:12px;line-height:1.9;color:var(--street-muted);margin-top:18px}.street-words .street-primary{margin-top:24px}.street-quotes{border-left:1px solid var(--street-line);padding-left:32px}.street-quotes blockquote{font-size:32px;line-height:1.55;font-weight:700;margin:0 0 22px;color:var(--street-green)}.street-quotes>div{display:grid}.street-quotes>div>span{font-size:13px;padding:14px 0;border-top:1px solid var(--street-line)}.street-quotes>button{display:flex;align-items:center;gap:16px;font-size:11px;padding:12px 0;color:var(--street-green)}.street-quotes>button svg{width:18px;height:18px}.street-quotes>small{font-size:8px;color:var(--street-muted)}
.street-beer{position:relative;isolation:isolate;background:var(--street-silver);color:var(--street-ink);overflow:clip}.street-beer-type{position:absolute;inset:15px 0 auto -6px;z-index:-1;font-family:var(--street-font);font-size:clamp(72px,11vw,160px);letter-spacing:-8px;font-weight:900;line-height:1.02;color:var(--street-silver-shade);white-space:nowrap;pointer-events:none}.street-beer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding:46px var(--street-gutter);align-items:center;gap:36px;position:relative}.street-beer-copy>span{font-size:10px}.street-beer h2{font-size:39px;line-height:1.3;letter-spacing:-1.5px;margin:22px 0 18px}.street-beer p{font-size:13px;line-height:1.9}.street-dark-link{display:inline-flex;align-items:center;gap:28px;font-weight:700;font-size:13px;border-bottom:2px solid var(--street-ink);padding:12px 0;margin-top:18px;color:var(--street-ink)}.street-dark-link svg{width:20px;height:20px}.street-beer-copy>small{font-size:9px;display:block;margin-top:14px;color:var(--street-ink)}.street-beer-inner>img{width:100%;height:390px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(12px 20px 0 var(--street-silver-shade));mix-blend-mode:multiply}.street-close{max-width:1200px;margin:auto;padding:32px var(--street-gutter);display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--street-silver);background:var(--street-night)}.street-close>span{font-size:21px;font-weight:700;letter-spacing:1px}.street-close>button{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--street-green)}.street-close>button svg{width:19px;height:19px}.street-home>footer{padding:0 var(--street-gutter) 32px;max-width:1200px;margin:auto}.street-home .marquee{border-color:var(--street-line);margin-top:0;color:var(--street-silver)}.street-home .marquee-toggle{background:var(--street-night);color:var(--street-green);border-color:var(--street-line)}.street-home .footer-note{color:var(--street-muted);font-size:9px}
@media(hover:hover){.street-portals>button:hover strong{color:var(--street-green)}.street-primary:hover{box-shadow:2px 2px 0 var(--street-line);transform:translate(2px,2px)}.street-outline:hover{background:var(--street-green);color:var(--street-ink);border-color:var(--street-green)}}
@media(max-width:760px){:root{--street-gutter:20px}.street-hero{min-height:525px}.street-hero-inner{min-height:525px;padding-top:18px}.street-issue{font-size:7px;letter-spacing:1px}.street-hero-art{inset:0 -40px 0 13%;background-size:auto 81%;background-position:right 40%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,var(--street-night) 32%,var(--street-night) 100%);mask-image:linear-gradient(90deg,transparent 0%,var(--street-night) 32%,var(--street-night) 100%)}.street-hero:after{background:linear-gradient(90deg,var(--street-veil),var(--street-clear) 70%),linear-gradient(0deg,var(--street-night),var(--street-clear) 35%)}.street-hero-copy{padding:48px 0 36px;max-width:100%}.street-pretitle{font-size:10px;letter-spacing:3px}.street-hero h1{font-size:52px;letter-spacing:-2px;line-height:1.2;margin:18px 0 20px}.street-hero-description{font-size:11px;max-width:250px}.street-hero .street-primary{font-size:12px;min-height:48px;padding:11px 17px;margin-top:25px;gap:30px}.street-hero-footnote{font-size:8px}.street-side-note{font-size:7px;right:12px;top:100px;letter-spacing:2px}.street-hero-bottom{font-size:9px;padding-block:12px}.street-hero-bottom>span{letter-spacing:1px}.street-hero-bottom button{font-size:9px;gap:9px}.street-tape{padding:11px 0}.street-tape>span{font-size:14px;gap:20px;letter-spacing:1px}.street-tape svg{flex-basis:16px;width:16px;height:16px}.street-portals{grid-template-columns:minmax(0,1fr);gap:0;padding:24px var(--street-gutter) 28px}.street-portals>button{gap:16px;padding:16px 0;border-bottom:0}.street-portals>button:last-child{border-bottom:1px solid var(--street-line)}.street-portals>button>span:nth-child(2){display:flex;align-items:center;justify-content:space-between;flex:1;gap:15px}.street-portals strong{font-size:17px;line-height:1.4;margin:0;letter-spacing:0}.street-portals strong br{display:none}.street-portals small{font-size:7px;max-width:90px;letter-spacing:1px}.street-portal-number{font-size:9px;line-height:24px}.street-portals>button>svg{width:18px;height:18px;align-self:center}.street-event,.street-event-inner{min-height:400px}.street-event-inner{padding-top:22px;padding-bottom:30px}.street-event-backdrop{object-position:65% center}.street-event-shade{background:linear-gradient(90deg,var(--street-veil),var(--street-clear)),linear-gradient(0deg,var(--street-night),var(--street-clear) 85%)}.street-event-top{font-size:8px;letter-spacing:0}.street-event-copy{margin-top:88px}.street-event h2{font-size:39px;line-height:1.25;letter-spacing:-1px;margin-bottom:20px}.street-outline{font-size:11px;gap:18px;padding:10px 13px}.street-event-copy small{font-size:7px}.street-event-word{font-size:76px;right:12px;bottom:12px;letter-spacing:-4px;opacity:.25}.street-words{padding-top:34px;padding-bottom:36px}.street-words-label{font-size:8px;letter-spacing:1px;padding-bottom:16px}.street-words-grid{grid-template-columns:minmax(0,1fr);gap:34px;margin-top:24px}.street-words h2{font-size:40px;line-height:1.2;letter-spacing:-1px}.street-words p{font-size:11px;margin-top:16px}.street-words .street-primary{font-size:12px;min-height:46px;margin-top:20px}.street-quotes{border-left:0;border-top:1px solid var(--street-line);padding:24px 0 0}.street-quotes blockquote{font-size:27px;margin-bottom:16px}.street-quotes>div>span{font-size:11px;padding:12px 0}.street-quotes>button{font-size:10px}.street-quotes>small{font-size:8px}.street-beer-type{font-size:75px;letter-spacing:-4px;top:20px;opacity:.85}.street-beer-inner{display:block;padding-top:30px;padding-bottom:28px;min-height:520px}.street-beer-inner>img{position:absolute;width:55%;height:280px;top:65px;right:-7px;z-index:-1;transform:rotate(8deg);filter:none}.street-beer-copy{padding-top:48px;max-width:100%}.street-beer-copy>span{font-size:8px;background:var(--street-silver);padding:5px 0}.street-beer h2{font-size:31px;letter-spacing:-1px;margin:21px 0 130px;line-height:1.3;text-shadow:1px 1px 0 var(--street-silver)}.street-beer p{font-size:11px;line-height:1.8}.street-dark-link{font-size:12px;gap:24px;margin-top:15px}.street-beer-copy>small{font-size:8px}.street-close{padding-top:25px;padding-bottom:24px;display:block}.street-close>span{font-size:22px}.street-close>button{margin-top:13px;font-size:10px;gap:18px}.street-home>footer{padding-bottom:100px}.street-home .footer-note{font-size:8px;line-height:1.8}.street-home .marquee{font-size:14px}}
@media(max-width:350px){:root{--street-gutter:16px}.street-hero h1{font-size:45px}.street-hero-copy{padding-top:44px}.street-hero-art{inset:0 -58px 0 7%;background-size:auto 76%}.street-hero-description{font-size:10px;max-width:220px}.street-hero-inner,.street-hero{min-height:500px}.street-portals strong{font-size:14px}.street-portals small{font-size:6px;max-width:72px}.street-issue{font-size:6px}.street-event h2{font-size:36px}.street-words h2{font-size:37px}.street-beer h2{font-size:28px}.street-close>span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.street-home button{transition:none;transform:none}.street-tape{transform:none}}
.street-hero h1{text-shadow:3px 3px 0 var(--street-night)}
@media(max-width:760px){.street-hero:after{background:linear-gradient(90deg,var(--street-veil) 0%,var(--street-veil) 34%,var(--street-clear) 90%),linear-gradient(0deg,var(--street-night),var(--street-clear) 35%)}.street-portals>button>span:nth-child(2){gap:10px}.street-portals small{max-width:78px}.street-portals strong{font-size:16px}}