:root{--color-ink:#1a0a10;--color-ink-soft:#2b1116;--color-paper:#f7ede4;--color-paper-dim:#d9c3b9;--color-signal:#e63946;--color-signal-deep:#c8102e;--color-on-signal:#fff;--color-accent:#ff8a5c;--color-alert:#ff4d4d;--color-line:color-mix(in srgb, var(--color-paper) 24%, transparent);--font-display:"Arial Narrow", "Arial", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-body:"Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--page-gutter:clamp(1rem, 3vw, 3rem);--header-height:5rem;--radius-pill:999px;--ease-beat:cubic-bezier(.2, .8, .2, 1)}
@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}}@layer base{html{background:var(--color-ink);color:var(--color-paper)}body{background:linear-gradient(90deg, transparent 49.88%, #ffffff06 50%, transparent 50.12%), var(--color-ink);min-width:20rem;font-family:var(--font-body);text-rendering:optimizelegibility;overflow-wrap:break-word;font-size:1rem;line-height:1.62}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}::selection{color:var(--color-on-signal);background:var(--color-signal-deep)}}@layer components{.site-frame{overflow:clip}.skip-link{z-index:100;color:var(--color-on-signal);background:var(--color-signal-deep);padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.brand-mark{aspect-ratio:277/181;background:currentColor;width:clamp(9rem,16vw,14rem);display:block;-webkit-mask:url(/offbeat-logo.png) 50%/contain no-repeat;mask:url(/offbeat-logo.png) 50%/contain no-repeat}.brand-mark--compact{width:5.4rem}.site-header{z-index:40;min-height:var(--header-height);border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-ink) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(0,1fr) auto auto 3.4rem;display:grid;position:sticky;top:0}.site-header__brand{width:fit-content;padding:.4rem var(--page-gutter);color:var(--color-paper);align-items:center;display:flex}.site-menu>summary{display:none}.site-menu:not([open]) nav{display:block}.site-menu nav,.site-menu ol{height:100%}.site-menu ol{display:flex}.site-menu li{border-left:1px solid var(--color-line);align-content:space-between;min-width:clamp(4rem,7vw,7.2rem);padding:.55rem .7rem .65rem;display:grid}.site-menu li>span{color:var(--color-paper-dim);font:.55rem/1 var(--font-mono)}.site-menu a{letter-spacing:.015em;width:fit-content;font-size:.78rem;font-weight:600}.site-menu a[aria-current=page]:after{background:var(--color-signal);content:"";border-radius:50%;width:.45rem;height:.45rem;margin-left:.4rem;display:inline-block}.language-switch{border-left:1px solid var(--color-line);color:var(--color-on-signal);background:var(--color-signal-deep);font:800 .82rem/1 var(--font-mono);place-items:center;display:grid}main{min-height:70vh}.home-hero{min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 2rem;isolation:isolate;position:relative}.home-hero__bg{z-index:-2;background:var(--color-ink);position:absolute;inset:0;overflow:hidden}.home-hero__track{will-change:transform;width:100%;height:100%;transition:transform .9s cubic-bezier(.4,0,.2,1);display:flex}.home-hero__slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden}.home-hero__bg img{object-fit:cover;object-position:var(--hero-position);filter:brightness(.62)saturate(.92)}.home-hero__bg img,.home-index__card__bg img,.page-heading__bg img,.bobc-hero-bg img{transform-origin:50%;transform:translate(6%)scale(1.18)}.home-hero__bg:after{content:"";background:radial-gradient(circle at 80% 18%,#e6394621,#0000 24%),linear-gradient(90deg,#1a0a10e6 0%,#1a0a10cc 40%,#1a0a1073 72%,#1a0a1042 100%),linear-gradient(#1a0a108c 0%,#1a0a101f 38%,#1a0a1099 100%);position:absolute;inset:0}.home-hero:before{z-index:-1;opacity:.13;background-image:radial-gradient(circle, var(--color-paper) .7px, transparent .8px);content:"";background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 55%,#0000);mask-image:linear-gradient(90deg,#0000 5%,#000 55%,#0000)}.home-hero__meta{border-top:1px solid var(--color-line);color:var(--color-paper-dim);font:.62rem/1.3 var(--font-mono);letter-spacing:.13em;justify-content:space-between;gap:1rem;padding-top:.65rem;display:flex}.home-hero h1{max-width:9ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;text-transform:uppercase;margin-top:clamp(5rem,13vh,9rem);font-size:clamp(5.5rem,18vw,16rem);font-weight:800;line-height:.82;display:grid}.home-hero h1 span{padding-left:7vw}.home-hero h1 strong{color:var(--color-signal);font-weight:inherit}.home-hero__foot{grid-template-columns:minmax(15rem,min(44vw,70rem)) 1fr;align-items:end;gap:clamp(2rem,3vw,7rem);margin-top:clamp(3rem,8vh,7rem);display:grid}.home-hero__foot p{max-width:70rem;font-size:clamp(1.05rem,1.5vw,2.5rem)}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.button{border:1px solid var(--color-line);letter-spacing:.01em;text-transform:uppercase;min-width:min(100%,clamp(12rem,18vw,38rem));max-width:100%;min-height:clamp(3.5rem,4.5vw,8rem);transition:transform .16s var(--ease-beat), color .16s, background .16s;justify-content:space-between;align-items:center;gap:clamp(1rem,2vw,4rem);padding:clamp(.8rem,1.2vw,2rem) clamp(1.15rem,1.6vw,3.5rem);font-size:clamp(1rem,1.2vw,2.25rem);font-weight:650;display:inline-flex}.button:hover{color:var(--color-ink);background:var(--color-paper);transform:translateY(-3px)}.button--signal{border-color:var(--color-signal-deep);color:var(--color-on-signal);background:var(--color-signal-deep)}.home-hero__foot .button-row{gap:clamp(.7rem,1vw,2.5rem)}.site-footer{border-top:1px solid var(--color-line);padding:0 var(--page-gutter) 1rem;background:var(--color-ink-soft)}.site-footer__signal{align-items:center;gap:clamp(.5rem,2vw,2rem);height:2.5rem;display:flex;overflow:hidden}.site-footer__signal i{background:var(--color-line);flex:1;height:1px}.site-footer__signal i:nth-child(3n+1){background:var(--color-signal);height:9px}.site-footer__grid{border-top:1px solid var(--color-line);grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:2rem;min-height:16rem;display:grid}.site-footer__grid p{color:var(--color-paper-dim)}.site-footer__grid>a{border-bottom:1px solid;justify-self:end;padding-bottom:.25rem}.site-footer__base{border-top:1px solid var(--color-line);color:var(--color-paper-dim);font:.8125rem/1.5 var(--font-mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;gap:.375rem;padding-top:.75rem;display:flex}.site-footer__base small{font-size:inherit}.section-label{color:var(--color-paper-dim);font:.64rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.text-link{letter-spacing:.01em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:.5rem;width:fit-content;padding-bottom:.18rem;font-size:.82rem;font-weight:650;display:inline-flex}.lede{max-width:46rem;color:var(--color-paper-dim);font-size:clamp(1.05rem,2vw,1.55rem)}.page-index{color:var(--color-signal);font:750 clamp(4rem, 13vw, 11rem)/.84 var(--font-display);letter-spacing:-.025em}.home-index{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1.55fr;display:grid}.home-index__card{isolation:isolate;min-height:clamp(25rem,52vw,43rem);transition:color .22s var(--ease-beat), background .22s var(--ease-beat);align-content:space-between;padding:clamp(1.25rem,3vw,3rem);display:grid;position:relative;overflow:hidden}.home-index__card:first-child{border-right:1px solid var(--color-line)}.home-index__card>span{font:.62rem/1.2 var(--font-mono);letter-spacing:.12em}.home-index__card h2{font:800 clamp(4rem, 11vw, 10rem)/.84 var(--font-display);letter-spacing:-.025em;text-wrap:balance;text-transform:uppercase;align-self:center}.home-index__card p{max-width:27rem;color:var(--color-paper-dim)}.home-index__card b{font:clamp(3rem, 7vw, 7rem)/1 var(--font-display);position:absolute;bottom:1rem;right:1.5rem}.home-index__card:before{z-index:-1;aspect-ratio:1;border:1px solid var(--color-line);content:"";border-radius:50%;width:70%;position:absolute;inset:17% -20% auto auto}.home-index__card--bobc:after{z-index:-1;opacity:.16;background:repeating-linear-gradient(-12deg, transparent 0 14px, var(--color-paper) 15px, transparent 16px 28px);content:"";position:absolute;inset:0}.home-index__card__bg{z-index:-2;background:var(--color-ink);position:absolute;inset:0;overflow:hidden}.home-index__card__bg img{object-fit:cover;filter:brightness(.42)saturate(.85);transition:opacity .26s var(--ease-beat)}.home-index__card:hover{color:var(--color-on-signal);background:var(--color-signal-deep)}.home-index__card:hover p{color:var(--color-on-signal)}.home-index__card:hover .home-index__card__bg{opacity:0}.future-strip{min-height:38rem;padding:clamp(4rem, 8vw, 8rem) var(--page-gutter);background:var(--color-paper);color:var(--color-ink);grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);display:grid}.future-strip .section-label{color:color-mix(in srgb, var(--color-ink) 55%, transparent)}.future-strip h2{max-width:8ch;font:750 clamp(3.5rem, 7vw, 7rem)/.9 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-top:2rem}.future-links{border-top:1px solid}.future-links a{text-wrap:balance;border-bottom:1px solid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;min-height:6.5rem;font-size:clamp(1.25rem,2.5vw,2.4rem);font-weight:650;line-height:1.15;display:grid}.future-links span,.future-links b{font:.6rem/1 var(--font-mono)}.future-links b{border-radius:var(--radius-pill);border:1px solid;padding:.45rem .6rem}.future-links a:hover b{color:var(--color-paper);background:var(--color-ink)}.home-about{min-height:24rem;padding:clamp(4rem, 8vw, 8rem) var(--page-gutter);grid-template-columns:.45fr 1fr auto;align-items:start;gap:3rem;display:grid}.home-about>p:nth-child(2){max-width:40rem;font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.15}.inner-page{padding:clamp(3rem, 8vw, 8rem) var(--page-gutter)}.page-heading{border-top:1px solid var(--color-line);isolation:isolate;grid-template-columns:minmax(7rem,.35fr) 1fr;align-content:space-between;gap:2rem;min-height:43rem;padding-top:1rem;display:grid;position:relative}.page-heading__bg{z-index:-1;background:var(--color-ink);position:absolute;inset:0;overflow:hidden}.page-heading__bg img{object-fit:cover;filter:brightness(.42)saturate(.85)}.page-heading__bg:after{content:"";background:linear-gradient(90deg,#1a0a10ed 0%,#1a0a10d6 44%,#1a0a108a 76%,#1a0a1061 100%),linear-gradient(#1a0a1080 0%,#1a0a1014 42%,#1a0a10a3 100%);position:absolute;inset:0}.page-heading h1{max-width:11ch;font:800 clamp(4.2rem, 11vw, 10rem)/.86 var(--font-display);letter-spacing:-.03em;text-wrap:balance;text-transform:uppercase;margin-top:clamp(5rem,11vw,10rem)}.page-heading .lede{margin-top:2rem}.meetup-card{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:1.1fr 1fr minmax(13rem,.45fr);display:grid}.meetup-card>*{min-height:27rem;padding:clamp(1.25rem,3vw,3rem)}.meetup-card>*+*{border-left:1px solid var(--color-line)}.meetup-card__facts{display:grid}.meetup-card__facts>div{align-content:center;display:grid}.meetup-card__facts span,.meetup-notes span,.meetup-qr figcaption{color:var(--color-paper-dim);font:.62rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.meetup-card__facts strong{font:750 clamp(1.8rem, 4vw, 4rem)/1 var(--font-display);text-wrap:balance;text-transform:uppercase}.meetup-card__facts .text-link{margin-top:.75rem}.meetup-card__body{flex-direction:column;justify-content:space-between;gap:3rem;display:flex}.free-badge{width:fit-content;color:var(--color-on-signal);background:var(--color-signal-deep);font:800 .8rem/1 var(--font-mono);text-transform:uppercase;padding:.6rem .9rem;display:block;transform:rotate(-2deg)}.meetup-notes{border-top:1px solid var(--color-line);padding-top:1rem}.meetup-notes p{margin-top:.7rem}.meetup-qr{background:var(--color-paper);align-content:center;gap:1rem;display:grid}.meetup-qr img{width:100%;height:auto;image-rendering:crisp-edges}.meetup-qr figcaption{color:var(--color-ink)}.meetup-empty{border:1px solid var(--color-line);text-align:center;background:radial-gradient(circle,#e639461a,#0000 55%);align-content:center;justify-items:center;min-height:25rem;padding:clamp(2rem,5vw,5rem);display:grid}.meetup-empty>span{color:var(--color-signal);font:1.2rem/1 var(--font-mono);letter-spacing:.6em}.meetup-empty h2{max-width:13ch;font:750 clamp(2.7rem, 7vw, 6rem)/.92 var(--font-display);text-wrap:balance;margin:2rem 0 1rem}.meetup-empty p{max-width:34rem;color:var(--color-paper-dim)}.coming-page{min-height:calc(100svh - var(--header-height));padding:clamp(3rem, 7vw, 7rem) var(--page-gutter);grid-template-columns:minmax(7rem,.3fr) 1fr;display:grid;position:relative;overflow:hidden}.coming-page__content{z-index:1;max-width:76rem;position:relative}.coming-stamp{border:1px solid var(--color-signal);border-radius:var(--radius-pill);width:fit-content;color:var(--color-signal);font:.68rem/1 var(--font-mono);letter-spacing:.15em;margin:clamp(5rem,13vh,9rem) 0 2rem;padding:.55rem .9rem;transform:rotate(-3deg)}.coming-page h1{max-width:11ch;font:800 clamp(4rem, 10vw, 9rem)/.86 var(--font-display);letter-spacing:-.03em;text-wrap:balance;text-transform:uppercase}.coming-page .lede{margin:2rem 0 4rem}.coming-page__meter{opacity:.12;align-items:end;gap:2vw;height:29%;display:flex;position:absolute;bottom:0;left:0;right:-1rem}.coming-page__meter i{background:var(--color-paper);flex:1;height:15%}.coming-page__meter i:nth-child(2n){height:58%}.coming-page__meter i:nth-child(3n){height:100%}.coming-page__meter i:nth-child(5n){background:var(--color-signal);height:37%}.page-heading--about{min-height:37rem}.about-grid{border-top:1px solid var(--color-line);grid-template-columns:1.35fr .75fr;align-items:start;gap:4rem;padding:clamp(3rem,7vw,7rem) 0;display:grid}.about-grid__lead{text-wrap:pretty;max-width:26ch;font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1.25}.about-grid .button{grid-column:2;width:fit-content}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (max-width:1120px){.site-header{grid-template-columns:minmax(0,1fr) auto 3.4rem 5rem}.site-menu{order:2}.site-menu>summary{border-left:1px solid var(--color-line);cursor:pointer;height:100%;font:.65rem/1 var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:.3rem;padding:.6rem .75rem;list-style:none;display:flex}.site-menu>summary::-webkit-details-marker{display:none}.site-menu[open]>summary span:last-child{transform:rotate(45deg)}.site-menu nav{border-bottom:1px solid var(--color-line);background:var(--color-ink);height:auto;position:absolute;top:100%;left:0;right:0}.site-menu:not([open]) nav{display:none}.site-menu ol{grid-template-columns:repeat(2,1fr);display:grid}.site-menu li{border-top:1px solid var(--color-line);min-height:4rem}}@media (max-width:980px){.home-hero__foot{grid-template-columns:1fr}.button-row{justify-content:flex-start}}@media (max-width:640px){:root{--header-height:4.25rem}.brand-mark--compact{width:4.4rem}.home-hero{padding-top:.8rem}.home-hero__bg img{object-position:var(--hero-mobile-position)}.home-hero__bg img,.home-index__card__bg img,.page-heading__bg img,.bobc-hero-bg img{transform:translate(3%)scale(1.12)}.home-hero__meta span:last-child{display:none}.home-hero h1{margin-top:7rem;font-size:clamp(4.3rem,25vw,8rem);line-height:.86}.home-hero h1 span{padding-left:0}.home-hero:after{z-index:-1;content:"";background:linear-gradient(#0000 18%,#1a0a103d 34%,#1a0a1033 62%,#0000 74%);position:absolute;inset:0}.button-row,.button{width:100%}.site-footer__grid{grid-template-columns:1fr;padding:3rem 0}.site-footer__grid>a{justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:800px){.home-index,.future-strip,.home-about,.page-heading,.coming-page,.about-grid{grid-template-columns:1fr}.home-index__card{min-height:31rem}.home-index__card:first-child{border-right:0;border-bottom:1px solid var(--color-line)}.future-strip{min-height:auto}.future-links a{grid-template-columns:2.3rem 1fr}.future-links b{grid-column:2;width:fit-content;margin-bottom:1rem}.home-about{gap:2rem}.page-heading{min-height:38rem}.page-heading h1{margin-top:3rem}.meetup-card{grid-template-columns:1fr}.meetup-card>*{min-height:auto}.meetup-card>*+*{border-top:1px solid var(--color-line);border-left:0}.meetup-card__facts{gap:2.5rem}.meetup-card__body{min-height:22rem}.meetup-qr img{max-width:15rem}.coming-page{gap:3rem}.coming-stamp{margin-top:2rem}.about-grid .button{grid-column:1}}.site-frame:lang(zh-CN) :is(h1,h2){line-height:1.08!important}.site-frame:lang(zh-CN) :is(.home-about>p,.about-grid__lead){line-height:1.35}.site-frame :is(h1,h2){overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}.site-frame:lang(zh-CN) :is(h1,h2,h3,.home-about>p){word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual}.site-frame:lang(zh-CN) :is(.page-heading h1,.coming-page h1){max-width:7.6em;font-size:clamp(2.9rem,7.8vw,7rem)}.site-frame:lang(zh-CN) .meetup-empty h2{max-width:6.6em}.site-frame:lang(zh-CN) .home-about>p:nth-child(2){max-width:48rem}.site-header{view-transition-name:site-header}.site-footer{view-transition-name:site-footer}.home-hero__bg{view-transition-name:hero-carousel}.beatbone-embed{view-transition-name:beatbone-frame}.home-index__card--meetup .home-index__card__bg{view-transition-name:hero-photo-meetup}.home-index__card--bobc .home-index__card__bg{view-transition-name:hero-photo-bobc}.page-heading__bg{view-transition-name:hero-photo-meetup}.bobc-hero-bg{view-transition-name:hero-photo-bobc}:root{--vt-fade:.38s;--vt-push:.42s;--vt-ease-push:cubic-bezier(.2, .85, .25, 1);--vt-ease-fade:cubic-bezier(.33, 0, .2, 1)}@keyframes vt-in{0%{opacity:0}to{opacity:1}}::view-transition-old(*){mix-blend-mode:normal}::view-transition-new(*){mix-blend-mode:normal}::view-transition-old(*){opacity:0;animation:none}::view-transition-new(*){animation:vt-in var(--vt-fade) var(--vt-ease-fade) both}::view-transition-old(root){opacity:1;animation:none}::view-transition-new(root){opacity:1;animation:none}::view-transition-group(page-body){animation:none}::view-transition-group(root){z-index:0}::view-transition-group(hero-carousel){z-index:0}::view-transition-group(hero-photo-meetup){z-index:0}::view-transition-group(hero-photo-bobc){z-index:0}::view-transition-group(page-body){z-index:1}::view-transition-group(site-header){z-index:1}::view-transition-group(site-footer){z-index:1}::view-transition-group(beatbone-frame){z-index:1}::view-transition-group(hero-photo-meetup){animation-duration:var(--vt-push);animation-timing-function:var(--vt-ease-push)}::view-transition-group(hero-photo-bobc){animation-duration:var(--vt-push);animation-timing-function:var(--vt-ease-push)}::view-transition-group(site-header){animation:none}::view-transition-group(site-footer){animation:none}::view-transition-group(hero-carousel){animation:none}::view-transition-group(beatbone-frame){animation:none}::view-transition-new(site-header){opacity:1;animation:none}::view-transition-new(site-footer){opacity:1;animation:none}::view-transition-new(hero-carousel){opacity:1;animation:none}::view-transition-new(beatbone-frame){opacity:1;animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-old(*){opacity:0!important}::view-transition-new(*){opacity:1!important}}