@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-serif-sc.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-sc-400.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-sans-sc-500.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/spectral-200.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/spectral-300.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/spectral-200i.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/spectral-300i.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i.woff2) format("woff2")}:root{--night-paper:#0d0b09;--night-raised:#141110;--night-ink:#f4efe4;--night-ink2:#ddd5c6;--night-body:#c6bcab;--night-ink3:#a2957f;--night-muted:#8b7f6e;--night-ph:#5f5540;--night-verm:#d94436;--night-gold:#c9a44c;--day-paper:#f2e9db;--day-ink:#17130f;--day-ink2:#3a332c;--day-body:#4a423c;--day-ink3:#6b5f52;--day-muted:#9c8a72;--day-ph:#c9b391;--day-verm:#b8352c;--day-gold:#a8843c;--ink:var(--night-ink);--ink2:var(--night-ink2);--body:var(--night-body);--ink3:var(--night-ink3);--muted:var(--night-muted);--ph:var(--night-ph);--verm:var(--night-verm);--gold:var(--night-gold);--r:244,239,228;--serif:"Noto Serif SC",serif;--label:"PunctLatin","Noto Sans SC",sans-serif;--display:"Spectral",Georgia,serif;--gutter:clamp(20px,4.4vw,72px);--max:1280px}body.is-day{--ink:var(--day-ink);--ink2:var(--day-ink2);--body:var(--day-body);--ink3:var(--day-ink3);--muted:var(--day-muted);--ph:var(--day-ph);--verm:var(--day-verm);--gold:var(--day-gold);--r:23,19,15;background:var(--day-paper)}@font-face{font-family:PunctLatin;src:local("Helvetica Neue"),local("Helvetica"),local("Arial");unicode-range:U+2018,U+2019,U+201C,U+201D,U+2032,U+2033}*{box-sizing:border-box;margin:0;padding:0;border-radius:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--night-paper);color:var(--ink);font-family:var(--display);overflow-x:hidden}body,body *{transition:color .5s ease,border-color .5s ease,background-color .5s ease}#bg,.device,.device *,.wx,.wx *{transition:none}#bg{position:fixed;inset:0;z-index:-2;background:var(--night-paper);transition:background-color .7s ease}body.is-day #bg{background:var(--day-paper)}#grain{position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(201,164,76,.055) 0 1px,transparent 1px 3px)}body.is-day #grain{background:repeating-linear-gradient(0deg,rgba(120,95,60,.035) 0 1px,transparent 1px 3px)}.eyebrow{font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.zh{font-family:var(--serif)}.prose{font:300 clamp(15.5px,1.15vw,17.5px)/1.6 var(--display);color:var(--body);max-width:31em;text-wrap:pretty}section{position:relative;padding:0 var(--gutter)}.wrap{max-width:var(--max);margin:0 auto;width:100%}.rv{opacity:0;transform:translateY(11px)}.rv.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.rv.d1{transition-delay:.07s}.rv.d2{transition-delay:.14s}.rv.d3{transition-delay:.21s}.rv.d4{transition-delay:.28s}.sim{position:relative;flex:none}.iphone{position:absolute;top:0;left:0;width:402px;height:874px;transform-origin:top left;transform:scale(var(--s,1));background:#000;border-radius:66px;padding:12px;box-sizing:border-box;border:1px solid rgba(244,239,228,.22)}.screen{position:relative;width:100%;height:100%;border-radius:54px;overflow:hidden;display:flex;flex-direction:column;background:#000}.homebar{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:144px;height:5px;border-radius:3px;background:#ffffff73;z-index:9}.ios-status{height:54px;flex:none;display:grid;grid-template-columns:1fr 125px 1fr;align-items:center;position:relative;z-index:8}.ios-status .l{justify-self:center;display:flex;align-items:center;gap:7px}.ios-status .r{grid-column:3;justify-self:center;display:flex;align-items:center;gap:7px}.ios-status .t{font:600 17px/1 -apple-system,SF Pro Text,Helvetica,Arial,sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums}.ios-status svg{display:block}.ios-status .batt{position:relative;display:flex;align-items:center}.ios-status .batt b{position:absolute;left:4.5px;top:50%;transform:translateY(-50%);font:600 10px/1 -apple-system,Helvetica,Arial,sans-serif;letter-spacing:-.03em}.island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:125px;height:36.7px;border-radius:19px;background:#000;z-index:9}#heroTrack{height:150vh;position:relative}#hero{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:56px;padding-bottom:40px}#hero .grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(38px,6vw,100px);align-items:center}h1{font:200 clamp(36px,5.4vw,72px)/1.07 var(--display);letter-spacing:-.021em;color:var(--ink);margin:16px 0 20px;max-width:13em}h1 em{font-style:italic;font-weight:300}.hero-copy .zh-l{font-family:var(--serif);font-weight:400;letter-spacing:.02em}.hero-copy .en-l{font-family:var(--display);font-weight:200;letter-spacing:-.021em}.hero-copy h1 .decode-pair:last-child .en-l{color:var(--verm);font-style:italic;font-weight:300}.hero-copy .prose .zh-l{font-size:17px;line-height:1.75;color:var(--body)}.hero-copy .prose .en-l{font-size:17px;line-height:1.6;color:var(--body)}.decode-pair{display:grid;align-items:start;overflow:hidden}.decode-pair>span{grid-area:1/1}.decode-pair.block>span{display:block}.decode-pair i{font-style:inherit}.decode-pair .zh-l i{display:inline-block;will-change:opacity,transform,filter}.decode-pair .en-l i{display:inline;opacity:0}.decode-pair i.scr{color:var(--verm)}.brand{position:absolute;top:clamp(22px,3.6vh,42px);left:var(--gutter);display:flex;align-items:center;gap:11px;z-index:5;text-decoration:none}.brand svg{display:block}.brand b{font:500 10px/1 var(--label);letter-spacing:.3em;text-transform:uppercase;color:#f4efe4}.cta{margin-top:clamp(24px,4vh,44px);display:flex;align-items:center;gap:clamp(18px,2.4vw,32px);flex-wrap:wrap}.btn{background:var(--verm);border:1px solid var(--verm);color:#0d0b09;padding:14px 26px;text-decoration:none;transition:opacity .25s ease;justify-items:center;align-items:center}.btn{font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase}`.hero-copy .zh-l` and `.hero-copy .en-l` (0,2,0) hand every pair in the hero the page serif and the display face. The button is inside .hero-copy,so it is caught by both and silently becomes two different typefaces — the failure this paragraph exists to prevent. These selectors must therefore also be (0,2,0),and must come after them in source order. */ .btn>.zh-l,.btn>.en-l{font-family:var(--label);font-weight:500}.btn>.en-l{font-size:9px;letter-spacing:.28em}.btn>.zh-l{font-size:13px;letter-spacing:.06em}.btn>span{line-height:14px}.btn:hover{opacity:.86}.cue{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none}.cue .lbl{display:grid}.cue .lbl>span{grid-area:1/1;transition:opacity .5s ease;white-space:nowrap}.cue .lbl .b{opacity:0}html.intro-wait,body.intro-wait{overflow:hidden}html.intro-wait,body.intro-wait,body.intro-hold{touch-action:none}html.intro-wait body *,body.intro-wait *,body.intro-hold *{pointer-events:none!important}body.hero-ready .cue .lbl .a{opacity:0}body.hero-ready .cue .lbl .b{opacity:1}.phone-col{display:flex;flex-direction:column;align-items:center}.cue .eyebrow{color:var(--gold)}.cue i{font-style:normal;animation:cue 2.6s ease-in-out infinite}@keyframes cue{0%,to{opacity:.32;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.wx{--wx-chrome:#141414;--wx-bg:#111111;--wx-in:#2C2C2C;--wx-out:#59B26A;--wx-ink:#EDEDED;--wx-dim:#8A8A8D;--wx-foot:#1D1D1D;--wx-line:#2C2C2C;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--wx-bg);font-family:-apple-system,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.screen.wx-screen{background:#141414}.screen.wx-screen .ios-status{color:#fff;background:#141414}.wx .zh-l{font-family:PunctLatin,PingFang SC,Noto Sans SC,-apple-system,sans-serif}.wx-nav{position:relative;height:46px;flex:none;display:flex;align-items:center;padding:0 16px;background:var(--wx-chrome);border-bottom:1px solid var(--wx-line)}.wx-nav .bk,.wx-nav .dots{display:flex;color:#fff}.wx-nav .dots{margin-left:auto}.wx-nav .nm{position:absolute;left:50%;transform:translate(-50%);font-weight:400;font-size:17px;line-height:1.2;color:#fff;white-space:nowrap}.wx-body{flex:1;min-height:0;padding:12px 0 10px;display:flex;flex-direction:column;gap:14px;justify-content:flex-end;overflow:hidden;background:var(--wx-bg)}.wx-time{text-align:center;font-weight:400;font-size:13px;line-height:1;color:var(--wx-dim);margin:8px 0 5px}.wx-row{display:flex;gap:11px;align-items:flex-start;padding:0 12px}.wx-row.out{flex-direction:row-reverse}.av{width:40px;height:40px;flex:none;border-radius:4px;overflow:hidden}.av img{width:100%;height:100%;display:block;object-fit:cover}.bub{position:relative;background:var(--wx-in);border-radius:5px;padding:9.5px 13px;display:grid;width:fit-content;max-width:min(222px,calc(100% - 51px))}.bub:before{content:"";position:absolute;left:-3px;top:15px;width:11px;height:11px;background:inherit;border-radius:1px;transform:rotate(45deg)}.bub>span{grid-area:1/1;position:relative}.bub .zh-l{font-size:17px;line-height:1.29;font-weight:400;color:var(--wx-ink)}.bub .en-l{font-weight:400;font-size:17px;line-height:1.29;color:var(--wx-ink)}.bub i{font-style:inherit}.bub .zh-l i{display:inline-block}.bub .en-l i{display:inline;opacity:0}.bub i.scr{color:#ff6a5c}.wx-row.out .bub{display:block;background:var(--wx-out);font-size:17px;line-height:1.29;color:#0b0b0b}.wx-row.out .bub .zh-l,.wx-row.out .bub .en-l,.wx-row.out .bub i{color:#0b0b0b}.wx-row.out .bub:before{left:auto;right:-3px}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal}.wx-foot{flex:none;display:flex;align-items:center;gap:11px;padding:8px 12px 42px;background:var(--wx-foot);border-top:1px solid var(--wx-line)}.wx-foot .ic{width:30px;height:30px;flex:none;color:#fff}.wx-foot .ic svg{width:30px;height:30px;display:block}.wx-foot .fld{flex:1;height:40px;border-radius:5px;background:var(--wx-in);display:flex;align-items:center;justify-content:flex-end;padding-right:11px;color:var(--wx-dim)}.wx-foot .fld svg{width:20px;height:20px;display:block}#feed{padding:0}#feedTrack{height:450vh;position:relative}#stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:clamp(40px,6vw,104px);padding:56px var(--gutter) 28px}#stage .sect-tag{position:absolute;top:clamp(20px,3.4vh,42px);left:var(--gutter);z-index:6}.notes{width:min(430px,35vw);position:relative;height:250px;flex:none}.note{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.note.on{opacity:1;transform:none}.note .bar{width:26px;height:1px;background:var(--verm);margin-bottom:13px}.note .n{font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--verm);margin-bottom:13px}.note h3{font:300 clamp(21px,1.9vw,27px)/1.25 var(--display);letter-spacing:-.014em;color:var(--ink);margin-bottom:11px}.note p{font:300 clamp(15.5px,1.15vw,17.5px)/1.58 var(--display);color:var(--body);text-wrap:pretty}.device{flex:1;min-height:0;position:relative;background:var(--night-paper);display:flex;flex-direction:column}.device:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(201,164,76,.055) 0 1px,transparent 1px 3px)}.screen.app-screen{background:var(--night-paper)}.screen.app-screen .ios-status{color:var(--night-ink2)}.d-head{padding:11px 20px 0;position:relative;z-index:2;background:var(--night-paper)}.d-head .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;transition:opacity .16s ease}.d-head.swap .row{opacity:0}.d-head .row>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-head .q{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-gold);opacity:.82}.d-head .eyebrow{color:var(--night-muted)}.track{height:1px;background:#f4efe41f;position:relative}.track b{position:absolute;inset:0 auto 0 0;background:var(--night-gold);display:block;transition:width .55s cubic-bezier(.16,1,.3,1)}.d-view{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}#reel{position:absolute;top:0;left:0;right:0;will-change:transform;padding-bottom:calc(var(--vh,560px) * .28)}.st{min-height:var(--vh,560px);padding:26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.c-tabs{display:flex;border-top:1px solid rgba(244,239,228,.13);position:relative;z-index:2;background:var(--night-paper);padding-bottom:22px}.c-tabs div{flex:1;text-align:center;padding:11px 0 13px;font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-muted)}.c-tabs div.on{color:var(--night-verm);box-shadow:inset 0 2px 0 var(--night-verm)}.hero-cell{border-top:1px solid rgba(244,239,228,.15);border-bottom:1px solid rgba(244,239,228,.15);width:100%;display:flex;align-items:center;justify-content:center;padding:15px 0}.hero-glyph{font:400 86px/1 var(--serif);color:var(--night-ink)}.py{font:400 18px/1 var(--display);letter-spacing:.05em;color:var(--night-verm);height:18px;text-align:center}.py.hidden{color:var(--night-ph);letter-spacing:.3em}.gloss{font:300 16px/1.3 var(--display);font-style:italic;color:var(--night-ink3);text-align:center}.sublabel{font:400 9px/1 var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--night-muted)}.words{display:flex;gap:15px;font:400 19px/1 var(--serif);color:var(--night-ink2);margin-top:8px}.opts{display:flex;flex-direction:column;gap:7px;width:100%}.opt{border:1px solid rgba(244,239,228,.2);padding:11px 0;text-align:center;font:400 18px/1 var(--display);color:var(--night-ink2)}.opt.sel{border:2px solid var(--night-verm);background:#d944362b;color:var(--night-ink)}.band{display:grid;grid-template-columns:repeat(7,1fr);width:100%;border-top:1px solid rgba(244,239,228,.15);border-left:1px solid rgba(244,239,228,.15)}.band span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font:400 16px/1 var(--serif);color:var(--night-ink2);border-right:1px solid rgba(244,239,228,.15);border-bottom:1px solid rgba(244,239,228,.15)}.band span.tapped{color:var(--night-verm);background:#d9443629}.sent{font:400 25px/1.7 var(--serif);color:var(--night-ink);text-align:center}.slot{display:inline-block;min-width:28px;border-bottom:2px solid var(--night-gold);color:transparent}.slot.filled{border-bottom-color:var(--night-verm);color:var(--night-verm)}.t1{color:#e05a4d}.t2{color:#e0913a}.t3{color:#5aa469}.t4{color:#4a8fd0}.t5{color:#8b7f6e}.sent-py{font:400 12.5px/1.5 var(--display);letter-spacing:.05em;color:var(--night-ink3);text-align:center}.rest{font:300 19px/1.55 var(--display);font-style:italic;color:var(--night-ink3);text-align:center;max-width:15em}.vault{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;width:100%;padding:0 6px}.vault span{display:flex;flex-direction:column;align-items:center;gap:8px}.vault b{font:400 27px/1 var(--serif);color:var(--night-ink)}.vault i{display:block;width:100%;height:2px;background:#f4efe421;position:relative}.vault i:after{content:"";position:absolute;inset:0 auto 0 0;background:var(--night-gold);width:0;transition:width .7s cubic-bezier(.16,1,.3,1)}.vault.on i:after{width:calc(var(--v,0) * 1%)}.vault .untracked b{color:var(--night-ph)}.vault em{display:block;height:2px;text-align:center;font-style:normal;font:400 15px/0 -apple-system,PingFang SC,Noto Sans SC,sans-serif;color:var(--night-ph)}.hint{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-ph);text-align:center;margin-top:6px}.band span{transition:background-color .16s ease,color .16s ease}.opt,.slot,.py{transition:all .2s ease}#about{padding-top:clamp(58px,9vh,112px);padding-bottom:clamp(48px,7vh,90px)}#about h2{font:200 clamp(27px,3.7vw,50px)/1.16 var(--display);letter-spacing:-.02em;color:var(--ink);max-width:18em}#about h2 span{display:block}#about h2 span:last-child{color:var(--verm);font-style:italic;font-weight:300}#about .lead{font:300 clamp(15.5px,1.2vw,18px)/1.55 var(--display);color:var(--body);max-width:40em;margin-top:clamp(16px,2.2vh,24px);text-wrap:pretty}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(34px,5.5vw,86px);align-items:stretch}.about-copy{min-width:0}.about-copy>.eyebrow{margin-bottom:18px}.about-copy .versus{margin-top:clamp(26px,3.5vh,38px);padding-top:clamp(22px,3vh,30px);border-top:1px solid rgba(var(--r),.13)}.menu{position:relative;align-self:start;transition:transform .4s cubic-bezier(.16,1,.3,1)}.menu:hover{transform:translateY(-3px)}.menu-toggle{position:absolute;inline-size:1px;block-size:1px;opacity:0}.menu-toggle:focus-visible+.menu-trigger{outline:2px solid var(--verm);outline-offset:8px}.menu-trigger{display:block;cursor:pointer}.menu .kind{font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}.card{background:rgba(var(--r),.05);border:1px solid rgba(var(--r),.16);padding:clamp(28px,2.8vw,42px) clamp(25px,2.5vw,38px) clamp(24px,2.4vw,34px)}#about .menu .card{min-height:0}body.is-day .card{background:#efe6d6}.card-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:13px;margin-bottom:18px;border-bottom:2px solid rgba(var(--r),.3)}.card-head span:first-child{font:400 clamp(19px,1.7vw,24px)/1 var(--serif);color:var(--ink)}.card-head span:last-child{font:500 9px/1 var(--label);letter-spacing:.3em;color:var(--muted)}.ln{display:grid;grid-template-columns:0px minmax(0,1fr) auto;align-items:baseline;align-content:center;column-gap:0;padding:10px 0;margin:0;flex:1 1 0;border-bottom:1px dotted rgba(var(--r),.22);transition:grid-template-columns .48s cubic-bezier(.16,1,.3,1),column-gap .48s cubic-bezier(.16,1,.3,1)}.ln:last-child{border-bottom:0}.menu-toggle:checked+.menu-trigger .ln{grid-template-columns:84px minmax(0,1fr) auto;column-gap:17px}.dish{grid-row:1/3;align-self:center;width:0;height:0;overflow:hidden;border-radius:1px;opacity:0;transform:translate(-5px);transition:width .48s cubic-bezier(.16,1,.3,1),height .48s cubic-bezier(.16,1,.3,1),opacity .28s ease,transform .48s cubic-bezier(.16,1,.3,1)}.dish img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(.94) brightness(.94)}body.is-day .dish img{filter:saturate(.78) contrast(.92) brightness(.96)}.menu-toggle:checked+.menu-trigger .dish{width:84px;height:84px;opacity:1;transform:none}.menu-toggle:checked+.menu-trigger .ln:nth-child(2) .dish{transition-delay:.03s}.menu-toggle:checked+.menu-trigger .ln:nth-child(3) .dish{transition-delay:.06s}.menu-toggle:checked+.menu-trigger .ln:nth-child(4) .dish{transition-delay:.09s}.menu-toggle:checked+.menu-trigger .ln:nth-child(5) .dish{transition-delay:.12s}.ln .zh{grid-column:2;font:400 clamp(18px,1.55vw,23px)/1.4 var(--serif);color:var(--ink)}.ln s{text-decoration:none;font:300 clamp(13px,1vw,15px)/1 var(--display);color:var(--ink3);grid-column:3;grid-row:1}.ln .rom{display:none;grid-column:2/-1;font:400 11.5px/1.6 var(--display);letter-spacing:.04em;color:var(--muted);opacity:0}.menu-toggle:checked+.menu-trigger .ln .rom{display:block;animation:reveal-pinyin .45s ease .1s both}@keyframes reveal-pinyin{to{opacity:1}}.versus h3{font:300 clamp(21px,2.25vw,30px)/1.24 var(--display);letter-spacing:-.015em;color:var(--ink);margin-bottom:clamp(14px,2vh,20px)}.versus h3 span{font-family:var(--serif);font-weight:400;font-size:.88em}.versus ul{list-style:none;display:grid;gap:12px}.versus li{font:300 clamp(15px,1.08vw,16.5px)/1.55 var(--display);color:var(--body);padding:17px 18px 18px;border:1px solid rgba(var(--r),.13);background:rgba(var(--r),.035);text-wrap:pretty}.versus li b{display:block;font-weight:400;color:var(--ink);margin-bottom:3px}.menu-hint{display:grid;align-items:center;min-height:30px;margin-top:clamp(16px,2.2vh,22px);color:var(--gold);transition:opacity .5s ease}.menu-hint.done{opacity:1}.menu-hint>span{grid-area:1/1;transition:opacity .28s ease}.menu-hint .before,.menu-hint .after{font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.menu-hint .after{opacity:0}.menu-toggle:checked+.menu-trigger .menu-hint .before{opacity:0}.menu-toggle:checked+.menu-trigger .menu-hint .after{opacity:1}@media(min-width:861px){.menu{align-self:stretch;display:flex;flex-direction:column}.menu-trigger,.card{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.menu-hint{position:absolute;top:100%;left:0;right:0;margin-top:clamp(14px,1.8vh,20px)}#about{padding-bottom:calc(clamp(48px,7vh,90px) + 46px)}}#signup{padding:clamp(48px,7.5vh,96px) 0 clamp(42px,6.5vh,80px);border-top:1px solid rgba(var(--r),.13)}#signup .wrap{text-align:center;display:flex;flex-direction:column;align-items:center}#signup .prose{margin-inline:auto}#signup h2{font:200 clamp(26px,3.7vw,50px)/1.16 var(--display);letter-spacing:-.02em;color:var(--ink);margin:16px 0}form{display:flex;gap:12px;align-items:flex-end;margin:clamp(24px,4vh,40px) auto 13px;flex-wrap:wrap;max-width:560px;width:100%;justify-content:center}input[type=email]{flex:1;min-width:230px;background:transparent;border:0;border-bottom:2px solid var(--gold);padding:11px 2px;text-align:center;font:300 19px/1.3 var(--display);color:var(--ink);outline:none}input[type=email]::placeholder{color:var(--ph)}input[type=email].ok{border-bottom-color:var(--verm);color:var(--verm)}button{background:transparent;border:1px solid var(--verm);color:var(--verm);padding:13px 24px;cursor:pointer;font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase}button:hover{background:#b8352c14}.fineprint{font:300 13.5px/1.5 var(--display);color:var(--muted)}.done{font:500 10px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--verm);padding:18px 0;display:none}footer{border-top:1px solid rgba(var(--r),.13);padding:22px var(--gutter) 32px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.mark{display:flex;align-items:center;gap:10px}.mark b{font:500 10px/1 var(--label);letter-spacing:.3em;text-transform:uppercase;color:var(--ink2)}footer .links{display:flex;gap:20px}footer a{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none}footer a:hover{color:var(--verm)}@media(max-width:1080px){.notes{width:min(360px,38vw);height:320px}.split{gap:clamp(28px,4vw,52px)}}@media(max-width:860px){#heroTrack{height:132svh}#hero{position:sticky;top:0;height:100svh;min-height:0;padding-top:46px;padding-bottom:12px;display:flex;align-items:center}#hero .grid{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.phone-col{order:-1;flex:1 1 auto;min-height:0;justify-content:center}.hero-copy{flex:0 0 auto}h1{font-size:clamp(27px,7.4vw,38px);line-height:1.1;margin:0 0 6px;max-width:none}.hero-copy .prose .zh-l,.hero-copy .prose .en-l{font-size:14.5px;line-height:1.45}.brand{top:16px}.cta{margin-top:10px;gap:14px}.split{grid-template-columns:1fr;gap:34px}#about .about-copy{order:-1}#signup .prose{max-width:26em}#feedTrack{height:500vh}#stage{flex-direction:column;gap:18px;justify-content:center;padding:52px var(--gutter) 18px}#feedSim{order:1}.notes{width:min(430px,100%);height:146px;order:2}.note h3{font-size:19px;margin-bottom:8px}.note p{font-size:15px}.note .bar{display:none}.note .n{margin-bottom:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}#heroTrack{height:auto}#hero{position:static;height:auto;min-height:0;padding-top:80px;padding-bottom:60px}.sim{margin-inline:auto}#feedTrack{height:auto}#stage{position:static;height:auto;overflow:visible;display:block;padding:40px var(--gutter)}#stage .sect-tag{position:static;margin-bottom:32px}.rm-beat{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;max-width:820px;margin:0 auto clamp(48px,7vh,80px)}.rm-screen{width:min(340px,100%);border:1px solid rgba(244,239,228,.15);background:var(--night-paper)}.rm-head{display:flex;justify-content:space-between;gap:10px;padding:13px 17px 12px;border-bottom:1px solid rgba(244,239,228,.13)}.rm-head .q{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-gold);opacity:.82}.rm-head .eyebrow{color:var(--night-muted)}.st{min-height:0;padding:30px 17px}.note{position:static;opacity:1;transform:none;width:auto}}@media(prefers-reduced-motion:reduce)and (min-width:900px){.rm-beat{grid-template-columns:1fr 340px;gap:clamp(36px,5vw,64px);align-items:center}}
