/* Typography pass: locally served OFL fonts; homepage only. Brand artwork stays untouched. */
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/big-shoulders-display-700.ttf') format('truetype')}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/noto-sans-sc-500.ttf?v=club-ui-1') format('truetype')}
:root{--font-street-english:'Big Shoulders Display','Arial Narrow',sans-serif;--font-street-chinese:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--font-street-reading:var(--font-body)}
.street-home{font-family:var(--font-street-reading);font-synthesis:none}
.street-home h2,.street-home h3,.street-home .street-quotes blockquote{font-family:var(--font-street-chinese);font-weight:500;font-style:normal;letter-spacing:.015em}
.street-hero-copy{padding-top:30px;padding-bottom:30px}
.street-hero h1{font-family:var(--font-street-english);font-size:clamp(80px,10vw,112px);font-weight:700;line-height:.99;letter-spacing:-.015em;text-shadow:none;margin:20px 0 18px;white-space:nowrap}
.street-hero h1 span{color:var(--street-green)}
.street-hero-cn{font-family:var(--font-street-chinese);font-weight:500;font-size:22px;line-height:1.7;letter-spacing:.14em;margin:0 0 12px}
.street-pretitle{font-family:var(--font-street-chinese);font-weight:500;font-size:11px;letter-spacing:.25em}
.street-hero-description{font-size:12px;line-height:1.9;letter-spacing:.025em;color:var(--street-muted)}
.street-hero-footnote{font-size:9px;letter-spacing:.06em}
.street-issue{font-size:9px;letter-spacing:.12em}
.street-side-note{font-family:var(--font-street-english);font-weight:700;font-size:15px;letter-spacing:.08em}
.street-hero .street-primary{margin-top:20px}
.street-primary{font-family:var(--font-street-chinese)!important;font-size:13px;font-weight:500;letter-spacing:.06em;box-shadow:none}
.street-tape>span{font-family:var(--font-street-english);font-weight:700;font-size:25px;letter-spacing:.08em;gap:34px}
.street-portals>button{gap:14px}
.street-portals>button>span{flex:1;display:flex;flex-direction:column;gap:8px;align-items:start}
.street-portals small{font-family:var(--font-street-english);font-weight:700;font-size:32px;line-height:1.1;letter-spacing:.02em;color:var(--street-silver);max-width:none}
.street-portals strong{font-family:var(--font-street-chinese);font-size:13px;font-weight:500;letter-spacing:.05em;margin:0;color:var(--street-muted)}
.street-bilingual-title{font-family:var(--font-street-chinese);font-weight:500;letter-spacing:0!important;line-height:1.3}
.street-bilingual-title>span{display:block;font-family:var(--font-street-english);font-weight:700;font-style:normal;font-size:82px;line-height:1.02;letter-spacing:-.01em}
.street-bilingual-title>small{display:block;font-family:var(--font-street-chinese);font-weight:500;font-size:18px;line-height:1.7;letter-spacing:.09em;margin-top:15px}
.street-event-copy{margin-top:42px}
.street-event .street-bilingual-title{margin-bottom:24px}
.street-event-word{font-family:var(--font-street-english);font-weight:700;letter-spacing:-.02em;opacity:.18}
.street-outline,.street-dark-link{font-family:var(--font-street-chinese)!important;font-weight:500;letter-spacing:.04em}
.street-words h2{font-size:inherit;line-height:1.3}
.street-words-label{font-size:10px;letter-spacing:.12em}
.street-words p{font-size:12px;letter-spacing:.025em}
.street-quotes blockquote{font-size:29px;font-weight:500;line-height:1.7;letter-spacing:.04em}
.street-quotes>div>span{font-size:12px;font-weight:400;letter-spacing:.03em}
.street-beer-type{font-family:var(--font-street-english);font-weight:700;font-size:clamp(120px,23vw,300px);line-height:1;letter-spacing:.005em;top:-10px;left:0;opacity:.48}
.street-beer .street-bilingual-title{margin-top:20px;margin-bottom:20px}
.street-beer .street-bilingual-title>span{font-size:70px;line-height:1.02}
.street-beer .street-bilingual-title>small{font-size:17px}
.street-beer-copy>span{letter-spacing:.06em}
.street-close>span{font-family:var(--font-street-chinese);font-size:19px;font-weight:500;letter-spacing:.08em}
.street-home .marquee{font-family:var(--font-street-english);font-weight:700;font-size:22px;letter-spacing:.07em}
@media(hover:hover){.street-primary:hover{box-shadow:none;transform:none;filter:brightness(.96)}}
@media(max-width:760px){
.street-hero-inner,.street-hero{min-height:590px}
.street-hero-copy{padding-top:36px;padding-bottom:30px}
.street-pretitle{font-size:10px;letter-spacing:.2em}
.street-hero h1{font-size:85px;line-height:1.02;letter-spacing:-.015em;margin:18px 0 12px}
.street-hero-cn{font-size:18px;letter-spacing:.12em;margin-bottom:12px}
.street-hero-description{font-size:11px;line-height:1.85;max-width:250px;letter-spacing:.02em}
.street-hero .street-primary{font-size:12px;font-weight:500;margin-top:20px;min-height:46px;box-shadow:none}
.street-hero-footnote{font-size:8px}
.street-issue{font-size:7px;letter-spacing:.08em}
.street-side-note{font-size:12px;top:112px;letter-spacing:.1em}
.street-hero-art{background-size:auto 76%;background-position:right 42%}
.street-tape>span{font-size:22px;letter-spacing:.06em;gap:28px}
.street-tape{padding-block:9px}
.street-portals>button>span{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}
.street-portals small{font-family:var(--font-street-english);font-size:24px;max-width:none;line-height:1.2;letter-spacing:.015em}
.street-portals strong{font-family:var(--font-street-chinese);font-size:12px;font-weight:500;white-space:nowrap;color:var(--street-muted);letter-spacing:.025em}
.street-portals>button>svg{width:17px;height:17px}
.street-bilingual-title>span{font-size:65px;line-height:1.02;letter-spacing:-.01em}
.street-bilingual-title>small{font-size:14px;letter-spacing:.07em;margin-top:13px}
.street-event-copy{margin-top:58px}
.street-event h2{font-size:inherit;line-height:1.3;margin-bottom:20px}
.street-event-word{font-family:var(--font-street-english);font-size:105px;letter-spacing:-.025em;opacity:.15}
.street-outline{font-weight:500;font-size:11px}
.street-words h2{font-size:inherit;line-height:1.3}
.street-words p{font-size:11px}
.street-quotes blockquote{font-family:var(--font-street-chinese);font-size:25px;line-height:1.75;font-weight:500;letter-spacing:.035em}
.street-quotes>div>span{font-size:11px;line-height:1.8}
.street-beer-type{font-size:145px;letter-spacing:.005em;top:10px;opacity:.38}
.street-beer-inner{min-height:580px;padding-top:30px;padding-bottom:28px}
.street-beer-copy{padding-top:38px}
.street-beer .street-bilingual-title{margin:20px 0 110px;text-shadow:none}
.street-beer .street-bilingual-title>span{font-size:59px;line-height:1.02}
.street-beer .street-bilingual-title>small{font-size:14px;margin-top:12px}
.street-beer-inner>img{top:112px;width:54%;height:270px;right:-9px}
.street-close>span{font-family:var(--font-street-chinese);font-weight:500;font-size:18px;letter-spacing:.06em}
.street-home .marquee{font-size:20px;letter-spacing:.05em}
}
@media(max-width:350px){.street-hero h1{font-size:74px;line-height:1.03}.street-hero-cn{font-size:16px}.street-hero-description{font-size:10px}.street-portals small{font-size:22px}.street-portals strong{font-size:11px}.street-bilingual-title>span{font-size:58px}.street-beer .street-bilingual-title>span{font-size:53px}}
/* English leads the masthead; Chinese leads content. Avoid repeating one poster treatment everywhere. */
.street-cn-title>span{font-family:var(--font-street-chinese);font-size:40px;font-weight:500;line-height:1.45;letter-spacing:.01em}
.street-cn-title>small{font-family:var(--font-street-english);font-size:23px;font-weight:700;line-height:1.2;letter-spacing:.045em;margin-top:17px}
.street-beer .street-cn-title>span{font-family:var(--font-street-chinese);font-size:34px;line-height:1.45;font-weight:500}
.street-beer .street-cn-title>small{font-family:var(--font-street-english);font-size:24px;font-weight:700;letter-spacing:.03em}
@media(max-width:760px){.street-cn-title>span{font-family:var(--font-street-chinese);font-size:31px;line-height:1.5;font-weight:500;letter-spacing:.01em}.street-cn-title>small{font-family:var(--font-street-english);font-size:21px;font-weight:700;letter-spacing:.035em;margin-top:16px}.street-beer .street-cn-title>span{font-family:var(--font-street-chinese);font-size:27px;line-height:1.5;font-weight:500}.street-beer .street-cn-title>small{font-family:var(--font-street-english);font-size:22px;font-weight:700}.street-beer .street-bilingual-title{margin-bottom:135px}.street-beer-inner>img{top:170px;height:245px;width:54%}.street-beer-inner{min-height:570px}}
@media(max-width:350px){.street-cn-title>span{font-size:28px}.street-beer .street-cn-title>span{font-size:25px}.street-hero h1{font-size:71px}}
