@font-face{font-family:LF Sans;src:url(/fonts/title.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:LF Mono;src:url(/fonts/mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--paper: #F3F1EC;--milk: #F7F4EE;--ink: #15120F;--ash: #5B5651;--line: #DAD5CC;--steel: #2F6F8F;--scan: #7CC6E6;--crema: #C8935A;--espresso: #3B2618;--night: #110D0A;--foam: #F1ECE4;--foam-2: #B9B0A4;--night-line: #2C241E;--danger: #A03A26;--bg: var(--paper);--fg: var(--ink);--fg-2: var(--ash);--rule: var(--line);--data: var(--steel);--display: "LF Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;--sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--mono: "LF Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--f-display: clamp(56px, 9vw, 148px);--f-h2: clamp(30px, 4.4vw, 64px);--f-sub: clamp(20px, 2vw, 26px);--f-body: 17px;--f-small: 14px;--f-mono: 13px;--gutter: 20px;--wrap: 1240px;--gap-ch: 136px;--nav-h: 56px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--spring: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1)}@media(min-width:768px){:root{--gutter: 32px;--f-body: 18px;--gap-ch: 168px}}@media(min-width:1200px){:root{--gutter: 48px;--gap-ch: 192px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px);background:var(--night);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--f-body)/1.8 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}html[lang=en] body{line-height:1.6}img,video,canvas,svg{display:block;max-width:100%}img,video{height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit}p{margin:0 0 1em;text-wrap:pretty}h1,h2,h3,h4{margin:0;font-weight:700;text-wrap:balance}h3{font-size:var(--f-body);line-height:1.4}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}:focus-visible{outline:2px solid var(--data);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.island{display:contents}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--mono);font-size:var(--f-mono);line-height:1.5;letter-spacing:0;font-variant-numeric:tabular-nums}.ash{color:var(--fg-2)}.small{font-size:var(--f-small);line-height:1.7}.skip{position:fixed;left:var(--gutter);top:-60px;z-index:50;background:var(--ink);color:var(--paper);padding:8px 14px}.skip:focus{top:8px}h1,h2,h3,h4,.interlude__line,.start__statement,.final__title,.footer__big,.trace__pattern,.hero__sub,.proof__title,.swan3d__title{font-feature-settings:"palt"}.dark,.hero,.proof,.chapter--dark,.swan3d,.night,.interlude--video{--bg: var(--night);--fg: var(--foam);--fg-2: var(--foam-2);--rule: var(--night-line);--data: var(--scan);background:var(--bg);color:var(--fg)}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;background:var(--espresso);color:var(--foam);border:0;border-radius:999px;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .18s var(--ease-out),color .2s linear}.btn:before{content:"";position:absolute;z-index:-1;left:var(--px, 50%);bottom:0;width:260%;aspect-ratio:1;border-radius:50%;background:var(--foam);transform:translate(-50%,100%) scale(.2);pointer-events:none}.btn.is-pour{color:var(--espresso)}.btn.is-pour:before{animation:pour-in .5s cubic-bezier(.3,.7,.2,1) forwards,pour-out .45s .55s ease-in forwards}@keyframes pour-in{to{transform:translate(-50%,62%) scale(1)}}@keyframes pour-out{to{transform:translate(-50%,62%) scale(1);opacity:0}}.btn:active{transform:scale(.97)}.btn--foam{background:var(--foam);color:var(--espresso)}.btn--foam:before{background:var(--crema)}.btn--foam.is-pour{color:var(--night)}.btn--small{min-height:36px;padding:0 16px;font-size:var(--f-small)}.btn[disabled]{opacity:.6;cursor:progress}@media(hover:hover)and (pointer:fine){.btn:hover{transform:translateY(-1px)}}.link{color:var(--fg);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}@media(hover:hover)and (pointer:fine){.link:hover{text-decoration-color:currentColor}}.wordmark{display:inline-flex;align-items:baseline;gap:.45em;text-decoration:none;white-space:nowrap}.wordmark__zh{font-family:var(--display);font-weight:700;font-size:22px;line-height:1}.wordmark__en{font-size:var(--f-small);opacity:.7;line-height:1}.wordmark__img{height:22px;width:auto}.nav{position:fixed;inset:0 0 auto;z-index:30;color:var(--foam);background:#110d0ad1;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.nav__inner{height:var(--nav-h);display:flex;align-items:center;gap:24px}.nav__links{display:none;gap:24px;font-size:var(--f-small)}.nav__links a{text-decoration:none;color:var(--foam-2)}.nav__links a[aria-current=true]{color:var(--foam)}@media(hover:hover)and (pointer:fine){.nav__links a:hover{color:var(--foam)}}.nav__end{display:flex;align-items:center;gap:16px;font-size:var(--f-small);flex:none;margin-left:auto}.nav__lang{text-decoration:none;color:var(--foam-2)}.nav .btn{background:var(--foam);color:var(--espresso)}@media(min-width:1024px){.nav__links{display:flex}}@media(max-width:1023px){.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--night)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav{background:var(--night)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html.js .interlude [data-rv],html.js .start__statement [data-rv]{animation:rv-wipe linear both;animation-timeline:view();animation-range:entry 10% cover 34%}}}@keyframes rv-wipe{0%{clip-path:inset(0 0 100% 0);transform:translateY(.3em)}to{clip-path:inset(0 0 -.3em 0);transform:none}}@media(prefers-reduced-motion:no-preference){html.js .ch-head h2:not(.is-in),html.js .spring-in:not(.is-in){opacity:0;transform:translateY(.55em) scale(.985)}html.js .ch-head h2.is-in,html.js .spring-in.is-in{animation:spring-up 1.1s var(--spring) both}html.js .hero h1 .h1a,html.js .hero h1 .h1b{animation:spring-up 1.2s var(--spring) both}html.js .hero h1 .h1b{animation-delay:.08s}}@keyframes spring-up{0%{opacity:0;transform:translateY(.55em) scale(.985)}18%{opacity:1}to{opacity:1;transform:none}}.chapter{padding-top:var(--gap-ch)}.chapter--dark{padding-bottom:24px}.chapter--milk{background:var(--milk);padding-top:96px}.ch-head{display:grid;gap:18px;margin-bottom:64px}.ch-head__rule{height:1px;background:var(--fg);opacity:.9}.ch-head__meta{display:flex;justify-content:space-between;gap:16px;color:var(--fg-2)}.ch-head__meta span:first-child{color:var(--data)}.ch-head h2{font-family:var(--display);font-size:var(--f-h2);line-height:1.1;max-width:15em}html[lang=en] .ch-head h2{letter-spacing:-.025em;line-height:1.02;max-width:14em}.ch-head__intro{max-width:36em;color:var(--fg-2)}.ch-head__intro p:first-child{color:var(--fg)}@media(min-width:1024px){.ch-head{grid-template-columns:4fr 8fr;column-gap:32px}.ch-head__rule,.ch-head__meta,.ch-head h2{grid-column:1 / -1}.ch-head__intro{grid-column:2}}.hud{position:absolute;inset:0;pointer-events:none;color:var(--scan);font-size:12px}.hud p,.hud dl{margin:0;position:absolute}.hud__tl{left:0;top:0}.hud__tr{right:0;top:0;text-align:right;color:var(--foam-2)}.hud__bl{left:0;bottom:0}.hud__br{right:0;bottom:0;text-align:right}.hud b{font-weight:400;color:var(--foam)}.hud dl div{display:flex;gap:10px;justify-content:inherit}.hud__br div{justify-content:flex-end}.hud dt{color:var(--foam-2);min-width:3.2em}.hud dd{margin:0;color:var(--foam);min-width:7.5em}.hud__br dd{min-width:4.5em;text-align:right}.hud__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--scan);margin-right:8px;vertical-align:1px;animation:blink 1.6s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.25}}.frame-brackets{position:relative}.frame-brackets:before,.frame-brackets:after{content:"";position:absolute;width:22px;height:22px;pointer-events:none;z-index:5;border:1px solid var(--data)}.frame-brackets:before{left:-10px;top:-10px;border-right:0;border-bottom:0}.frame-brackets:after{right:-10px;bottom:-10px;border-left:0;border-top:0}.cup{position:relative;aspect-ratio:1 / 1;width:100%}.cup canvas{position:absolute;inset:0;width:100%;height:100%}.cup__surf{transition:none}.cup__ripple{position:absolute;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;border:1px solid rgba(251,245,234,.55);opacity:0;pointer-events:none;transform:scale(.15)}.cup__ripple.is-on{animation:ripple .8s cubic-bezier(.2,.6,.3,1) forwards}@keyframes ripple{0%{opacity:.8;transform:scale(.15)}to{opacity:0;transform:scale(1)}}.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;align-items:center;padding:calc(var(--nav-h) + 24px) 0 40px}.hero__bg{position:absolute;inset:0}.hero__bg img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#110d0ac7,#110d0a6b 46%,#110d0a1a),linear-gradient(0deg,#110d0ab3,#110d0a00 30%)}.hero__grid{position:relative;z-index:1;display:grid;gap:28px;align-items:center}.hero__copy{will-change:transform,opacity}.hero__mark{color:var(--scan);margin-bottom:18px}.hero h1{font-family:var(--display);font-size:var(--f-display);line-height:.94}.hero h1 span{display:block}.hero h1 .h1b{color:var(--foam-2);font-size:var(--f-h2);line-height:1.05;margin-top:.18em;white-space:nowrap}html[lang=en] .hero h1{letter-spacing:-.04em;line-height:.9}.hero__sub{margin-top:28px;font-family:var(--display);font-size:var(--f-sub);line-height:1.35}.hero__sub span:last-child{color:var(--crema)}.hero__lede{margin-top:18px;max-width:30em;color:var(--foam-2)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}.link--foam{color:var(--foam)}.hero__stage{width:100%;max-width:min(680px,calc(100svh - var(--nav-h) - 110px));justify-self:center;transform-origin:50% 60%;will-change:transform}.cup--hero .hud{inset:2%}.hero__note{margin:10px 0 0;color:var(--foam-2);max-width:40em}@media(min-width:1024px){.hero__grid{grid-template-columns:5fr 7fr;gap:40px}.hero__stage{justify-self:end}}@media(max-width:1023px){.hero{align-items:start}.hero__stage{order:-1;max-width:min(92vw,52svh)}.hero:after{background:linear-gradient(0deg,#110d0aeb,#110d0a8c 45%,#110d0a33)}.hero h1{font-size:clamp(52px,15vw,96px)}.hero__lede{display:none}.hero__sub{margin-top:16px}.hud{font-size:11px}.hud__tr{display:none}}.proof{padding:80px 0 120px;position:relative}.proof__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px;margin-bottom:32px}.proof__fig{color:var(--scan)}.proof__title{font-family:var(--display);font-size:var(--f-sub);line-height:1.3}.proof__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.proof__item{display:grid;gap:12px;align-content:start}.proof__item figcaption{color:var(--foam-2)}.proof__photo{aspect-ratio:1 / 1;overflow:visible}.proof__photo picture,.proof__photo img{width:100%;height:100%;object-fit:cover}.proof__note{margin-top:24px;color:var(--foam-2);max-width:44em}@media(min-width:900px){.proof__grid{gap:40px;max-width:980px}}.interlude{min-height:86vh;min-height:86svh;display:grid;align-content:center;padding-block:96px}.interlude__inner{position:relative;z-index:2}.interlude__line{font-family:var(--display);font-size:var(--f-h2);line-height:1.14;max-width:14em}html[lang=en] .interlude__line{letter-spacing:-.02em}.interlude__src{margin-top:20px;color:var(--fg-2)}.interlude__lead{margin-top:32px;max-width:34em;color:var(--fg-2)}.interlude--video{position:relative;min-height:100vh;min-height:100svh;align-content:end;padding-bottom:12vh;overflow:hidden;overflow:clip}.interlude__media{position:absolute;inset:0}.interlude__media video{width:100%;height:100%;object-fit:cover}.interlude__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#110d0a73,#110d0a33 35%,#110d0ad1)}.interlude__hud{position:absolute;z-index:2;left:var(--gutter);top:calc(var(--nav-h) + 20px);color:var(--scan);display:flex;align-items:center;gap:8px}.interlude__hud .rec{width:6px;height:6px;border-radius:50%;background:var(--scan);animation:blink 1.6s steps(2,jump-none) infinite}.interlude__frame{position:absolute;z-index:2;inset:calc(var(--nav-h) + 12px) 12px 12px;pointer-events:none}.interlude__frame:before,.interlude__frame:after{content:"";position:absolute;width:28px;height:28px;border:1px solid rgba(124,198,230,.7)}.interlude__frame:before{right:0;top:0;border-left:0;border-bottom:0}.interlude__frame:after{left:0;bottom:0;border-right:0;border-top:0}.interlude--video .interlude__line{max-width:16em;text-shadow:0 1px 24px rgba(0,0,0,.35)}.start__grid{display:grid;gap:48px}.start__img img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.start__lines{display:grid;gap:28px;align-content:end}.start__lines p{margin:0;max-width:26em}.start__statement{margin-top:160px;font-family:var(--display);font-size:var(--f-display);line-height:1.04}.start__statement span{display:block}.start__statement span+span{color:var(--fg-2)}html[lang=en] .start__statement{letter-spacing:-.035em;line-height:.98}.start__after{margin-top:56px;display:grid;gap:16px;max-width:34em;padding-bottom:40px}.fig-cap{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;color:var(--fg-2)}.fig-cap .mono{color:var(--data)}@media(min-width:900px){.start__grid{grid-template-columns:5fr 1fr 6fr}.start__lines{grid-column:3;padding-bottom:24px}.start__after{margin-left:calc(100% / 12 * 4)}}.trace{position:relative}.trace__stage{position:sticky;top:var(--nav-h);min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:grid;align-content:center;padding:16px 0}.trace__grid{display:grid;gap:16px;align-items:center}.trace__fig{width:100%;max-width:min(640px,calc(100svh - var(--nav-h) - 72px));margin:0 auto}.cup--trace .hud{inset:1%}.trace__side{display:grid;gap:14px;align-content:start;min-width:0}.trace__pattern{font-family:var(--display);font-size:var(--f-h2);line-height:1;margin:0}.strokes{border-top:1px solid var(--foam)}.strokes li{display:grid;grid-template-columns:1.8em 4.4em 7.4em 1fr;gap:8px;padding:7px 8px;border-bottom:1px solid var(--night-line);color:var(--foam-2);opacity:.38;transition:opacity .2s linear,background-color .2s linear}.strokes li.is-done,.strokes li.is-now,.strokes li.strokes__head{opacity:1}.strokes li.is-now{color:var(--foam);background:#7cc6e614}.strokes li.is-now .k{color:var(--scan)}.strokes li.is-push .k{color:var(--crema)}.strokes__head{color:var(--foam-2)!important;border-bottom-color:var(--foam-2)!important}.strokes .w{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace__push{margin:0;padding:10px 0 0;color:var(--foam);opacity:0;transform:translateY(6px);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.trace__push.is-on{opacity:1;transform:none}.trace__push b{font-weight:600;color:var(--crema);margin-right:.6em}.trace__hint{color:var(--foam-2);margin:0}.trace__note{color:var(--foam-2);max-width:36em;margin:40px 0 0;padding-bottom:32px}@media(min-width:1024px){.trace__grid{grid-template-columns:7fr 5fr;gap:48px}.trace__fig{margin:0}}@media(max-width:1023px){.trace__fig{max-width:min(92vw,calc(100svh - var(--nav-h) - 250px))}.strokes li:not(.is-now):not(.strokes__head){display:none}.trace__pattern,.trace__hint{display:none}.trace__side{gap:6px}.strokes li{grid-template-columns:1.6em 3.6em 6.6em 1fr}}.swan3d{position:relative;height:260vh}@media(max-width:767px){.swan3d{height:220vh}}.swan3d__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}.swan3d__zoom{width:min(72vmin,640px);transform-origin:50% 47%;will-change:transform}.swan3d__three{position:absolute;inset:0;opacity:0;transition:opacity .25s linear}.swan3d__three.is-on{opacity:1}.swan3d__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;background:#0e0f10}.swan3d__zoom{position:relative;z-index:1}.swan3d__cap{z-index:2}.swan3d__three canvas{width:100%;height:100%}.swan3d__cap{position:absolute;left:0;right:0;bottom:8vh;bottom:8svh;color:var(--foam)}.swan3d__cap .mono{color:var(--scan);margin-bottom:8px}.swan3d__title{font-family:var(--display);font-size:var(--f-sub);line-height:1.3;max-width:22em;margin:0}.swan3d__ph{color:var(--foam-2)!important;margin-top:10px}.swan3d__white{position:absolute;inset:0;background:var(--milk);opacity:0;pointer-events:none}.layers{position:relative}.layers__stage{position:sticky;top:var(--nav-h);min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:grid;align-content:center;padding:12px 0}.layers__tray{--tw: min(100%, calc((100svh - var(--nav-h) - 190px) * 16 / 9));position:relative;width:var(--tw);aspect-ratio:16 / 9;margin:0 auto;--data: var(--steel)}.layer{position:absolute;inset:0;transform-origin:50% 100%;will-change:transform,opacity;box-shadow:0 40px 60px -40px #3b26188c}.layer picture,.layer img{width:100%;height:100%;object-fit:cover}.dim{position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none;will-change:opacity;border-radius:inherit}.layer__tag{position:absolute;left:12px;top:10px;color:var(--ink);background:#f7f4eedb;padding:2px 8px}.layers__caps{width:var(--tw, 100%);margin:14px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.layers__caps li{display:grid;gap:4px;align-content:start;color:var(--ash);transition:color .25s linear}.layers__caps h3{font-family:var(--display);font-size:var(--f-sub);line-height:1.2}.layers__caps p{margin:0}.layers__caps .mono{color:var(--ash)}.layers__caps li.is-on{color:var(--ink)}.layers__caps li.is-on .mono{color:var(--steel)}.layers__bar{display:block;height:2px;background:var(--line);position:relative;overflow:hidden;margin-bottom:8px}.layers__bar b{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}.layers__tray{--tw2: 1}@media(max-width:767px){.layers__tray{--tw: min(100%, calc((100svh - var(--nav-h) - 210px) * .8));aspect-ratio:4 / 5}.layers__caps{grid-template-columns:1fr}.layers__caps li:not(.is-on){display:none}}.hand{position:relative;margin-top:64px}.hand__stage{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));height:calc(100svh - var(--nav-h));display:grid;align-content:center;overflow:hidden}.hand__grid{display:grid;gap:16px;align-items:center}.hand__head h3{font-family:var(--display);font-size:var(--f-h2);line-height:1.1;margin:8px 0 12px}.hand__names{margin-top:20px;border-top:1px solid var(--ink)}.hand__names li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ash);transition:color .2s linear}.hand__names b{font-family:var(--display);font-weight:700;font-size:15px}.hand__names li.is-on{color:var(--ink)}.hand__names li.is-on span{color:var(--steel)}.hand__hint{margin-top:14px}.hand__deck{--ch: min(60svh, 600px);position:relative;height:calc(var(--ch) * 1.2)}.hand__head{position:relative;z-index:2}.pcard{position:absolute;left:50%;top:14%;width:calc(var(--ch) * .75);height:var(--ch);margin-left:calc(var(--ch) * -.375);transform-origin:50% 115%;will-change:transform}.pcard__btn{display:block;width:100%;height:100%;padding:0;border:0;background:#fff;cursor:zoom-in;border-radius:12px;overflow:hidden;box-shadow:0 1px #15120f14,0 28px 50px -28px #3b261899}.pcard__btn picture,.pcard__btn img{width:100%;height:100%;object-fit:cover;object-position:top center}.pcard .dim{border-radius:12px;z-index:3}.pcard__tag{position:absolute;left:10px;bottom:10px;z-index:2;color:var(--foam);background:#110d0ac7;padding:3px 9px;border-radius:999px;pointer-events:none}@media(min-width:1024px){.hand__grid{grid-template-columns:4fr 8fr;gap:48px}}@media(max-width:1023px){.hand__deck{--ch: min(54svh, 440px, 92vw)}.hand__head h3{font-size:var(--f-sub);margin:4px 0 6px}.hand__head>p:not(.mono){display:none}.hand__names{margin-top:8px;border:0}.hand__names li{display:none;border:0;padding:0}.hand__names li.is-on{display:flex;justify-content:flex-start}.hand__hint{display:none}}.lightbox{padding:0;border:0;max-width:min(720px,94vw);max-height:92vh;background:var(--paper);color:var(--ink)}.lightbox::backdrop{background:#110d0adb}.lightbox:not([open]){display:none}.lightbox.is-polyfill[open]{position:fixed;inset:0;margin:auto;z-index:60;height:fit-content;overflow:auto;box-shadow:0 0 0 100vmax #110d0adb}.lightbox__bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line)}.lightbox__bar button{background:none;border:0;cursor:pointer;text-decoration:underline}.lightbox__body img,.lightbox__body video{width:100%}.lightbox--video{background:var(--night);color:var(--foam);max-width:min(520px,94vw)}.lightbox--video .lightbox__bar{background:var(--night);border-color:var(--night-line)}.viewer{width:100vw;height:100vh;height:100svh;max-width:none;max-height:none;margin:0;inset:0;background:#110d0ae6;color:var(--foam);overflow:hidden;overscroll-behavior:contain}.viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:viewer-fade .22s var(--ease-out)}.viewer::backdrop{background:#110d0a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer.is-polyfill[open]{height:100vh;box-shadow:none;overflow:hidden}@keyframes viewer-fade{0%{opacity:0}}.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter)}.viewer__meta{margin:0;display:flex;align-items:baseline;gap:14px;min-width:0}.viewer__meta .mono{color:var(--scan);white-space:nowrap}.viewer__meta b{font-family:var(--display);font-size:var(--f-sub);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer__btn{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(241,236,228,.22);background:#110d0a8c;color:var(--foam);cursor:pointer;transition:background .2s linear,border-color .2s linear,transform .18s var(--ease-out)}.viewer__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.viewer__btn:active{transform:scale(.94)}@media(hover:hover)and (pointer:fine){.viewer__btn:hover{background:#f1ece424;border-color:#f1ece480}}.viewer__btn:focus-visible{outline:2px solid var(--scan);outline-offset:2px}.viewer__stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 var(--gutter);touch-action:pan-y}.viewer__img{display:block;min-height:0;max-height:100%;animation:viewer-img .32s var(--ease-out)}.viewer__img img{display:block;width:auto;height:auto;max-width:min(calc(100vw - 2 * var(--gutter) - 136px),900px);max-height:calc(100svh - 196px);border-radius:10px;box-shadow:0 40px 80px -30px #000000b3,0 0 0 1px #f1ece414;background:var(--paper)}@keyframes viewer-img{0%{opacity:0;transform:scale(.975)}}.viewer__zoom{display:block;min-height:0;max-height:100%;padding:0;border:0;background:none;border-radius:10px;cursor:zoom-in}.viewer__zoom:focus-visible{outline:2px solid var(--scan);outline-offset:4px}.viewer__stage.is-zoom{overflow-y:auto;align-items:flex-start;padding-block:8px 24px;touch-action:auto}.viewer__stage.is-zoom .viewer__zoom{max-height:none;cursor:zoom-out;margin:0 auto}.viewer__stage.is-zoom .viewer__img{max-height:none}.viewer__stage.is-zoom .viewer__img img{max-height:none;width:min(calc(100vw - 2 * var(--gutter) - 136px),900px);max-width:none}.viewer__stage.is-zoom .viewer__nav{position:sticky;top:calc(50% - 22px)}.viewer__thumbs{display:flex;justify-content:center;gap:10px;padding:14px var(--gutter) 18px}.viewer__thumbs button{display:block;width:42px;height:56px;padding:0;border:0;border-radius:5px;overflow:hidden;cursor:pointer;background:var(--night-line);opacity:.42;transition:opacity .2s linear,transform .2s var(--ease-out),box-shadow .2s linear}.viewer__thumbs img{width:100%;height:100%;object-fit:cover;object-position:top}.viewer__thumbs button[aria-current=true]{opacity:1;transform:translateY(-3px);box-shadow:0 0 0 2px var(--night),0 0 0 3px var(--scan)}@media(hover:hover)and (pointer:fine){.viewer__thumbs button:hover{opacity:.85}}@media(max-width:767px){.viewer__stage{padding:0 12px}.viewer__img img{max-width:calc(100vw - 24px);max-height:calc(100svh - 150px)}.viewer__nav{display:none}.viewer__stage.is-zoom .viewer__img img{width:calc(100vw - 24px)}.viewer__thumbs{gap:6px;padding-bottom:14px}.viewer__thumbs button{width:30px;height:40px}}@media(prefers-reduced-motion:reduce){.viewer[open],.viewer__img{animation:none}}.principle{position:relative}.principle__stage{position:sticky;top:var(--nav-h);min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:grid;align-content:center;padding:16px 0}.principle__grid{display:grid;gap:20px;align-items:center}.phases{display:grid;gap:14px}.phase{padding-top:10px;border-top:1px solid var(--line);color:var(--ash);transition:color .3s var(--ease-out)}.phase h3{font-family:var(--display);font-size:var(--f-sub)}.phase p{margin:4px 0 0;font-size:var(--f-small);line-height:1.7}.phase.is-on{color:var(--ink);border-top-color:var(--ink)}.phase.is-on .mono{color:var(--steel)}.phase:not(.is-on):not(.is-past) p{visibility:hidden}.phase.is-past{color:var(--ink)}.phase.is-past h3{color:var(--ash)}.anatomy{margin:0;position:relative}.anatomy__stage{width:100%}.anatomy__live svg{width:100%;height:auto}.anatomy--driven .lf-fig{pointer-events:none}.anatomy--driven .lf-fig [data-ctl],.anatomy--driven .lf-fig [data-i18n=hint],.anatomy--driven .lf-fig [data-i18n=fig]{display:none}.anatomy .lf-fig[data-fig]{--lf-ink: #15120F;--lf-copper: #2F6F8F;--lf-steam: #5B5651;--lf-paper: #F3F1EC;--anatomy-paper: #F3F1EC;--anatomy-card: #F3F1EC;--anatomy-hi: #15120F;--anatomy-lit: #2F6F8F;--anatomy-faint: #DAD5CC;--anatomy-lo: #A9A39A;--anatomy-mid: #7D776F;--anatomy-dot: #2F2A26}.anatomy figcaption{margin-top:12px;color:var(--ash);font-size:var(--f-small);line-height:1.7}.anatomy__tag{position:absolute;top:0;right:0;color:var(--ash)}@media(min-width:1024px){.principle__grid{grid-template-columns:4fr 8fr;gap:56px}}@media(max-width:1023px){.phases{grid-template-columns:1fr;gap:6px}.phase:not(.is-on){display:none}.principle__fig{max-width:min(100%,calc((100svh - var(--nav-h) - 220px) * 1.2));margin:0 auto}}.cant{margin-top:120px;display:grid;gap:24px}.cant h3{font-family:var(--display);font-size:var(--f-h2);line-height:1.1}.cant ol{border-top:1px solid var(--ink)}.cant li{padding:16px 0 16px 28px;border-bottom:1px solid var(--line);position:relative}.cant li:before{content:"";position:absolute;left:4px;top:1.45em;width:12px;height:1px;background:var(--ink)}@media(min-width:1024px){.cant{grid-template-columns:4fr 8fr;gap:56px}}.machine{position:relative;margin-top:var(--gap-ch)}.machine__stage{position:sticky;top:var(--nav-h);min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:grid;align-content:center;padding:16px 0}.machine__grid{display:grid;gap:24px;align-items:center;width:100%;max-width:1840px;margin:0 auto;padding:0 var(--gutter)}.machine__copy h3{font-family:var(--display);font-size:var(--f-h2);line-height:1.12;margin-bottom:20px}.machine__copy p{color:var(--ash);max-width:26em}.machine__zoom{transform-origin:var(--ox, 50%) var(--oy, 50%)}.machine__fig{overflow:hidden;width:100%;justify-self:center}.machine .lf-fig .lf-card,.machine .lf-fig .lf-rule,.machine .lf-fig .lf-part,.machine .lf-fig [data-readout],.machine .lf-fig [data-i18n=title],.machine .lf-fig [data-i18n=tag]{display:none}.machine__state{color:var(--steel);margin:0 0 12px}.machine__parts{border-top:1px solid var(--ink)}.machine__parts li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ash);transition:color .25s var(--ease-out)}.machine__parts li .mono{color:var(--ash);min-width:1.6em}.machine__parts li.is-on{color:var(--ink)}.machine__parts li.is-on .mono{color:var(--steel)}@media(min-width:1024px){.machine__grid{grid-template-columns:minmax(300px,3fr) minmax(0,7fr) minmax(170px,2fr);gap:40px}.machine__copy h3{font-size:clamp(30px,3vw,56px)}.machine__fig{max-width:calc((100svh - var(--nav-h) - 110px) * 566 / 504)}}@media(max-width:1023px){.machine__grid{gap:16px}.machine__fig{max-width:min(100%,calc((100svh - var(--nav-h) - 300px) * 566 / 504))}.machine__parts{display:flex;flex-wrap:wrap;gap:4px 14px;border-top:0;font-size:var(--f-small)}.machine__parts li{padding:0;border:0;gap:6px}}#ch4{background:var(--paper);padding-bottom:96px}.night{padding-bottom:120px}.night .ch-head__rule{background:var(--foam)}.duo{position:relative}.duo__stage{position:sticky;top:var(--nav-h);min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:grid;align-content:center;padding:16px 0}.duo__wrap{display:grid;gap:16px}.duo__grid{--H: min(calc(100svh - var(--nav-h) - 130px), 600px, calc((100vw - 2 * var(--gutter) - 264px) / 1.5625));display:grid;grid-template-columns:auto auto;gap:16px;justify-content:start}.duo__video,.duo__trace{position:relative;overflow:hidden;background:#1a140f;height:var(--H)}.duo__video{aspect-ratio:9 / 16}.duo__trace{aspect-ratio:1 / 1}.duo__video video,.duo__video img{width:100%;height:100%;object-fit:cover}.duo__video button{position:absolute;inset:0;background:none;border:0;padding:0;cursor:zoom-in}.duo__trace canvas{position:absolute;inset:0;width:100%;height:100%}.duo__label{position:absolute;left:12px;right:12px;bottom:12px;color:var(--foam);pointer-events:none;text-wrap:balance;text-shadow:0 0 6px rgba(0,0,0,.6)}.duo__label--top{top:12px;bottom:auto;color:var(--scan)}.duo__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--night-line)}.duo__bar i{position:absolute;inset:0;background:var(--scan);transform-origin:0 50%;transform:scaleX(0)}.duo__readout{color:var(--foam-2);margin:0 0 8px}.duo__readout b{font-weight:400;color:var(--scan)}.subs{display:grid}.subs li{grid-area:1 / 1;display:grid;gap:6px;opacity:0;transition:opacity .25s var(--ease-out)}.subs li.is-on{opacity:1}.subs .mono{color:var(--foam-2)}.subs__l{font-family:var(--display);font-weight:700;font-size:var(--f-sub);line-height:1.3;font-feature-settings:"palt"}@media(min-width:1024px){.duo__wrap{grid-template-columns:auto minmax(200px,1fr);gap:40px;align-items:end}.duo__grid{gap:24px}}@media(max-width:1023px){.duo__grid{--H: auto;display:block;position:relative}.duo__video{width:100%;height:min(58svh,520px);aspect-ratio:auto}.duo__video video{object-fit:contain}.duo__trace{position:absolute;right:10px;bottom:10px;width:min(48%,260px);height:auto;outline:1px solid var(--night-line)}.duo__trace .duo__label--top{display:none}.duo__video .duo__label{top:10px;bottom:auto;right:10px}}.warn{margin-top:72px;display:grid;gap:8px;max-width:40em;border-top:1px solid var(--foam-2);padding-top:16px;color:var(--foam-2)}.warn strong{color:var(--foam);font-weight:600}.team{display:grid;gap:48px}.person img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.person h3{margin-top:16px;font-family:var(--display);font-size:var(--f-sub)}.person__alt{font-family:var(--sans);font-weight:400;font-size:var(--f-small);color:var(--ash);margin-left:.4em}.person__role{color:var(--steel);margin:4px 0 12px}.person p:last-child{font-size:var(--f-small);line-height:1.75;max-width:28em}@media(min-width:768px){.team{grid-template-columns:repeat(3,1fr);gap:32px}.person:nth-child(2){margin-top:96px}.person:nth-child(3){margin-top:48px}}.incubator{margin-top:120px;display:grid;gap:20px;border-top:1px solid var(--ink);padding-top:24px}.incubator img{width:168px;height:auto}.incubator p{margin:0;max-width:30em}@media(min-width:900px){.incubator{grid-template-columns:4fr 8fr;align-items:start;gap:56px}}.log{margin-top:120px;display:grid;gap:24px}.log h3{font-family:var(--display);font-size:var(--f-h2);line-height:1.1}.log ol{border-top:1px solid var(--ink)}.log li{display:grid;grid-template-columns:1fr auto;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}.log time{color:var(--ash);text-align:right}@media(min-width:900px){.log{grid-template-columns:4fr 8fr;gap:56px}}.ch-head--final h2{font-size:var(--f-display);line-height:1}html[lang=en] .ch-head--final h2{letter-spacing:-.035em}.final__grid{display:grid;gap:56px}.final__intro{max-width:30em}@media(min-width:1024px){.final__grid{grid-template-columns:4fr 8fr;gap:56px}}.form{display:grid;gap:20px;grid-template-columns:1fr}.form label{display:grid;gap:6px;font-size:var(--f-small)}.form label>span{font-weight:600}.form input,.fsel__btn{height:52px;line-height:1.4}.form input,.fsel__btn,.form textarea{font:inherit;font-size:var(--f-body);color:var(--ink);background:#fff;border:1px solid #8A847C;border-radius:6px;padding:12px;width:100%}.form textarea{resize:vertical}.form input::placeholder,.form textarea::placeholder{color:var(--ash);opacity:1}.fsel{position:relative}.fsel__btn{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.fsel__btn.is-empty{color:var(--ash)}.fsel__btn:after{content:"";width:16px;height:16px;margin-left:12px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%232F6F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform .2s var(--ease-out)}.fsel__btn[aria-expanded=true]:after{transform:rotate(180deg)}.fsel.is-err .fsel__btn{border-color:var(--danger)}.fsel__list{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;max-height:280px;overflow:auto;background:#fff;border:1px solid #8A847C;border-radius:8px;box-shadow:0 24px 48px -24px #3b261873;animation:fsel-in .16s var(--ease-out)}@keyframes fsel-in{0%{opacity:0;transform:translateY(-4px)}}.fsel__opt{padding:10px 12px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.fsel__opt.is-active{background:var(--foam)}.fsel__opt[aria-selected=true]{color:var(--steel);font-weight:600}.fsel__opt[aria-selected=true]:after{content:"";width:14px;height:14px;flex:none;margin-left:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.5 3.5L13 5' fill='none' stroke='%232F6F8F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain}.form__hint--err{color:var(--danger)}.form input:focus-visible,.fsel__btn:focus-visible,.form textarea:focus-visible{outline:2px solid var(--steel);outline-offset:0;border-color:var(--steel)}.form__hint{color:var(--ash);font-size:var(--f-small);line-height:1.5}.form__end{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.form__end p{margin:0}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media(min-width:768px){.form{grid-template-columns:1fr 1fr}.form__wide{grid-column:1 / -1}}.faq{margin-top:120px;display:grid;gap:24px}.faq h3{font-family:var(--display);font-size:var(--f-h2);line-height:1.1}.faq dl{margin:0;border-top:1px solid var(--ink)}.faq dl>div{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}.faq dt{font-weight:600}.faq dd{margin:0;color:var(--ash);max-width:36em}@media(min-width:1024px){.faq{grid-template-columns:4fr 8fr;gap:56px}.faq dl>div{grid-template-columns:5fr 7fr;gap:24px}}.footer{margin-top:var(--gap-ch);border-top:1px solid var(--ink);padding:48px 0 64px;font-size:var(--f-small);line-height:1.75;color:var(--ash);background:var(--paper)}.footer__grid{display:grid;gap:32px}.footer__big{font-family:var(--display);font-weight:700;font-size:var(--f-h2);line-height:1;color:var(--ink);margin-bottom:16px}.footer p{margin:0 0 6px}.footer__logo{width:140px;height:auto;margin:4px 0 8px}@media(min-width:900px){.footer__grid{grid-template-columns:5fr 7fr;gap:56px}}#ch1,#ch6,#signup,.footer{content-visibility:auto;contain-intrinsic-size:auto 1600px}.trace,.swan3d,.layers,.hand,.principle,.machine,.duo,.interlude,.cant{content-visibility:auto;contain-intrinsic-size:auto 900px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.ov{position:absolute;inset:0;pointer-events:none;color:var(--ov, var(--scan))}.ov__trail{position:absolute;inset:0;width:100%;height:100%}.ov__frame{position:absolute;transform-origin:50% 50%;will-change:transform}.ov__frame i{position:absolute;width:15%;height:15%;border:1px solid currentColor}.ov__frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.ov__frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.ov__frame i:nth-child(3){right:0;bottom:0;border-left:0;border-top:0}.ov__frame i:nth-child(4){left:0;bottom:0;border-right:0;border-top:0}.ov__frame b{position:absolute;background:currentColor;opacity:.5}.ov__frame b:nth-of-type(1),.ov__frame b:nth-of-type(2){top:50%;width:5%;height:1px}.ov__frame b:nth-of-type(1){left:0}.ov__frame b:nth-of-type(2){right:0}.ov__frame b:nth-of-type(3),.ov__frame b:nth-of-type(4){left:50%;width:1px;height:5%}.ov__frame b:nth-of-type(3){top:0}.ov__frame b:nth-of-type(4){bottom:0}.ov__scan{position:absolute;left:0;right:0;top:0;height:1px;background:currentColor;opacity:0;will-change:transform;box-shadow:0 -18px 28px 2px #7cc6e624}.ov__cross{position:absolute;left:0;top:0;width:calc(80px * var(--s, 1));height:calc(80px * var(--s, 1));margin:calc(-40px * var(--s, 1)) 0 0 calc(-40px * var(--s, 1));opacity:0;will-change:transform;transition:opacity .2s linear}.ov__cross svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 1.5px rgba(17,13,10,.7)) drop-shadow(0 0 5px rgba(124,198,230,.45))}.ov__cross.is-on{opacity:1}.ov__arcs{opacity:0;transition:opacity .2s linear;color:var(--crema)}.ov__cross.is-push .ov__arcs{opacity:1}.nav__studio{text-decoration:none;color:var(--foam);white-space:nowrap;border-bottom:1px solid color-mix(in srgb,var(--scan) 70%,transparent);padding-bottom:1px}.nav__studio-s{display:none}@media(max-width:559px){.nav__studio-l{display:none}.nav__studio-s{display:inline}.nav__end{gap:12px}}@media(max-width:419px){.nav .wordmark__en{display:none}}@media(hover:hover)and (pointer:fine){.nav__studio:hover{border-bottom-color:var(--scan)}}.studio-cta{display:grid;gap:14px;justify-items:start;margin:40px 0 0;padding:28px 0 120px;border-top:1px solid var(--rule)}.studio-cta__mark{color:var(--data);margin:0}.studio-cta__title{font-family:var(--display);font-size:var(--f-sub);line-height:1.3;max-width:18em}.studio-cta__line{max-width:34em;margin:0 0 6px}@media(min-width:1024px){.studio-cta{grid-template-columns:4fr 8fr;column-gap:32px;align-items:start}.studio-cta__mark{grid-row:1 / span 3}.studio-cta>:not(.studio-cta__mark){grid-column:2}}.soon-card{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:start;margin:40px 0 0;padding:20px 0 0;max-width:40em;border-top:1px solid var(--night-line);color:var(--foam);text-decoration:none}.soon-card__fig{width:72px;height:72px;fill:none;stroke:var(--foam-2);stroke-width:1}.soon-card__ring{stroke-dasharray:2 5;stroke:var(--night-line)}.soon-card__path{stroke:var(--scan);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:0}.soon-card__dot{fill:var(--scan);stroke:none}.soon-card__body{display:grid;gap:6px}.soon-card__mark{color:var(--scan)}.soon-card__title{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.3}.soon-card__line{color:var(--foam-2)}.soon-card__link{color:var(--foam);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.2em}@media(prefers-reduced-motion:no-preference){.soon-card__path{animation:soon-draw 3.2s var(--ease-out) infinite}@keyframes soon-draw{0%{stroke-dashoffset:220}60%,to{stroke-dashoffset:0}}}@media(hover:hover)and (pointer:fine){.soon-card:hover .soon-card__link{text-decoration-color:currentColor}}