:root{color-scheme:light;--c-bg:#f2f2f0;--page-bg:var(--c-bg);--page-fg:var(--c-ink);--c-surface:#fff;--c-ink:#0b0c10;--c-navy:#0f141f;--c-control:#e3e4e1;--c-line:#0b0c101f;--c-line-on-dark:#ffffff2e;--c-control-on-dark:#ffffff24;--c-dark:#0b0c10;--c-dark-2:#121416;--c-on-dark:#fff;--g-dark:radial-gradient(120% 90% at 30% 20%,#1a1c22 0%,#0c0d11 55%,#08090c 100%);--c-ok:#1bb26b;--c-wip:#f5a524;--c-link-line:color-mix(in srgb,currentColor 25%,transparent);--c-error:#d9362b;--c-error-ink:#b42318;--c-accent:#2957ff;--c-on-accent:#fff;--c-accent-ink:#2957ff;--f-sans:var(--font-sans),"Helvetica Neue",Arial,sans-serif;--f-mono:var(--font-mono),ui-monospace,Menlo,monospace;--lh-display:1;--lh-display-l:.9;--lh-statement:1.1;--lh-title:1.15;--lh-lead:1.4;--lh-body:1.4;--lh-label:1.15;--lh-prose:1.6;--measure:62ch;--ls-display:-.02em;--ls-display-l:-.02em;--ls-title:normal;--ls-label:normal;--fw-regular:400;--fw-medium:500;--tag-top:1.5em;--tag-bottom:.9em;--tag-sep:.32em;--cols:12;--fs-page-title:clamp(4rem, .0211rem + 16.9765vw, 20.393rem);--fs-display-xl:clamp(3.25rem, 1.2254rem + 8.6385vw, 11.5915rem);--fs-display-l:clamp(3.0625rem, 1.6056rem + 6.216vw, 9.0648rem);--fs-display-m:clamp(2.3438rem, 1.2676rem + 4.5915vw, 6.7775rem);--fs-stat:clamp(1.875rem, 1.2676rem + 2.5915vw, 4.3775rem);--fs-quote:clamp(1.625rem, 1.1276rem + 2.1221vw, 3.6741rem);--fs-title:clamp(1.5rem, 1.0775rem + 1.8028vw, 3.2408rem);--fs-display-s:clamp(2.25rem, 1.5458rem + 3.0047vw, 5.1514rem);--fs-statement:clamp(1.375rem, 1.0669rem + 1.3146vw, 2.6444rem);--fs-lg:clamp(1.25rem, 1.118rem + .5634vw, 1.794rem);--fs-lead:clamp(1rem, .8768rem + .5258vw, 1.5077rem);--fs-body:clamp(1rem, .956rem + .1878vw, 1.1813rem);--fs-small:clamp(.875rem, .8662rem + .0376vw, .9113rem);--fs-pill:clamp(.875rem, .8662rem + .0376vw, .9113rem);--fs-label:clamp(.6875rem, .6444rem + .184vw, .8652rem);--fs-micro:.75rem;--gap:clamp(.9375rem, .6338rem + 1.2958vw, 2.1887rem);--pad-x:clamp(1.375rem, .2746rem + 4.6948vw, 5.9085rem);--pad-y:clamp(1.375rem, .8468rem + 2.2535vw, 3.5511rem);--sec:clamp(6rem, 3.6761rem + 9.9155vw, 15.5746rem);--sec-sm:clamp(4rem, 2.8732rem + 4.8075vw, 8.6423rem);--gap-work:clamp(2.5rem, 1.7958rem + 3.0047vw, 5.4014rem);--gap-posts:clamp(2rem, 1.4366rem + 2.4038vw, 4.3211rem);--gap-marquee:clamp(1.5rem, 1.0775rem + 1.8028vw, 3.2408rem);--pad-card:clamp(1.25rem, .9287rem + 1.3709vw, 2.5738rem);--pad-panel:clamp(1.375rem, .9085rem + 1.9906vw, 3.2972rem);--frame-gap:clamp(1.5rem, 1.2051rem + 1.2582vw, 2.715rem);--stack-xs:clamp(.375rem, .331rem + .1878vw, .5563rem);--stack-s:clamp(.75rem, .662rem + .3756vw, 1.1127rem);--stack-m:clamp(1.125rem, .993rem + .5634vw, 1.669rem);--stack-l:clamp(1.75rem, 1.4859rem + 1.1268vw, 2.838rem);--stack-xl:clamp(2.5rem, 1.9718rem + 2.2535vw, 4.6761rem);--logo-w:clamp(5.75rem, 5.1118rem + 2.723vw, 8.3794rem);--app-icon:clamp(4.5rem, 4.0599rem + 1.8779vw, 6.3134rem);--avatar:clamp(3.5rem, 2.7958rem + 3.0047vw, 6.4014rem);--r-media:clamp(.75rem, .5739rem + .7512vw, 1.4754rem);--r-card:clamp(.625rem, .515rem + .4695vw, 1.0783rem);--r-menu:10px;--r-pill:6.25em;--dot:6px;--r-dot:1px;--ctl:45px;--check:14px;--target:24px;--hairline:1px;--indent:14vw;--sticky-top:calc(var(--pad-y) + var(--ctl) + var(--stack-l));--e-out:cubic-bezier(.4,0,.1,1);--e-expo:cubic-bezier(.35,0,0,1);--e-back:cubic-bezier(.16,1,.3,1);--d-fast:.3s;--d-med:.6s;--d-slow:1s;--d-page:.8s;--rise:24px;--stagger-rv:70ms;--stagger:45ms;--hdr:var(--c-ink)}[data-accent=blue]{--c-accent:#2957ff;--c-on-accent:#fff;--c-accent-ink:#2957ff}[data-accent=mint]{--c-accent:#80ed99;--c-on-accent:#0b0c10;--c-accent-ink:#0a7a4b}[data-accent=lime]{--c-accent:#b3ff00;--c-on-accent:#0b0c10;--c-accent-ink:#4a6b00}[data-theme=dark]{--page-fg:var(--c-on-dark);--c-line:var(--c-line-on-dark)}@media (width<=812px){:root{--cols:6}}*{box-sizing:border-box}html{background:var(--page-bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--page-bg);color:var(--page-fg);font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--f-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit}h1,h2,h3,h4,h5,p,blockquote,figure{margin:0}h1,h2,h3,h4,h5{font-weight:inherit;font-size:inherit;text-wrap:balance}p,li,dd,blockquote{text-wrap:pretty}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--c-accent-ink);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-page-title{font-size:var(--fs-page-title);letter-spacing:var(--ls-display);line-height:.85;font-weight:var(--fw-regular);text-transform:uppercase}.t-display-xl{font-size:var(--fs-display-xl);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-regular)}.t-display-l{font-size:var(--fs-display-l);line-height:var(--lh-display-l);letter-spacing:var(--ls-display-l);font-weight:var(--fw-regular)}.t-display-m{font-size:var(--fs-display-m);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-regular)}.t-statement{font-size:var(--fs-statement);line-height:var(--lh-statement)}.t-title{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title)}.t-quote{font-size:var(--fs-quote);line-height:var(--lh-title)}.t-headline{font-size:var(--fs-display-s);line-height:var(--lh-display);letter-spacing:var(--ls-display);text-wrap:balance}.t-lg{font-size:var(--fs-lg);line-height:var(--lh-title)}.t-lead{font-size:var(--fs-lead);line-height:var(--lh-lead)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-small{font-size:var(--fs-small);line-height:var(--lh-body)}.t-label{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase}.t-mono{font-family:var(--f-mono)}.grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);padding-inline:var(--pad-x);display:grid}.span-all{grid-column:1/-1}.sec{padding-top:var(--sec)}.sec-sm{padding-top:var(--sec-sm)}.row-gap-l{row-gap:var(--stack-l)}.row-gap-xl{row-gap:var(--stack-xl)}.c1-3{grid-column:1/span 3}.c1-4{grid-column:1/span 4}.c1-5{grid-column:1/span 5}.c1-6{grid-column:1/span 6}.c1-7{grid-column:1/span 7}.c1-8{grid-column:1/span 8}.c1-10{grid-column:1/span 10}.c5-5{grid-column:5/span 5}.c5-8{grid-column:5/span 8}.c7-6{grid-column:7/span 6}.c8-5{grid-column:8/span 5}.c9-4{grid-column:9/span 4}@media (width<=812px){.c1-3,.c1-4,.c1-5,.c1-6,.c1-7,.c1-8,.c1-10,.c5-5,.c5-8,.c7-6,.c8-5,.c9-4{grid-column:1/-1}}.on-dark{background:var(--c-dark);color:var(--c-on-dark)}.on-accent{background:var(--c-accent);color:var(--c-on-accent)}@view-transition{navigation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stack-m{gap:var(--stack-m);align-content:start;display:grid}.align-end{align-self:end}.center{justify-content:center;display:flex}.x-dot{width:var(--dot);height:var(--dot);border-radius:var(--r-dot);background:currentColor;flex:none;display:inline-block}.x-dot--lg{width:calc(var(--dot) + 2px);height:calc(var(--dot) + 2px)}.x-dot--accent{background:var(--c-accent)}.x-dot--ok{background:var(--c-ok)}.x-dot--wip{background:var(--c-wip)}.x-dot--pulse{animation:x-dot-pulse 2.4s var(--e-out) infinite}@keyframes x-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.x-eyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;align-items:center;gap:12px;line-height:1;display:flex}.x-eyebrow .n{font-family:var(--f-mono)}.x-tags{flex-wrap:wrap;align-items:center;gap:.2em .5em;display:flex}.x-tags .tag{white-space:nowrap;align-items:center;gap:.5em;display:inline-flex}.x-tags .sep{width:var(--tag-sep);height:var(--tag-sep);border-radius:var(--r-dot);background:currentColor;flex:none}.x-pill{height:var(--ctl);border-radius:var(--r-pill);font:var(--fw-medium) var(--fs-pill)/1 var(--f-sans);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;transition:background-color var(--d-fast) var(--e-out), color var(--d-fast) var(--e-out);align-items:center;gap:10px;padding:0 18px 0 22px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.x-pill .x-dot{transition:transform .4s var(--e-out)}.x-pill--dark{background:var(--c-navy);color:#fff}.x-pill--grey{background:var(--c-control);color:var(--c-ink)}.x-pill--white{background:var(--c-surface);color:var(--c-ink)}.x-pill--accent{background:var(--c-accent);color:var(--c-on-accent)}@media (hover:hover){.x-pill:hover .x-dot{transform:rotate(45deg)scale(1.3)}.x-pill--dark:hover{background:var(--c-accent);color:var(--c-on-accent)}.x-pill--grey:hover,.x-pill--white:hover,.x-pill--accent:hover{background:var(--c-ink);color:#fff}[data-hdr=dark] .x-pill--accent:hover{color:var(--c-ink);background:#fff}[data-hdr=dark] .x-pill--white:hover,[data-hdr=dark] .x-pill--grey:hover{background:var(--c-control-on-dark);color:var(--c-on-dark)}}.x-round{width:var(--ctl);height:var(--ctl);background:var(--c-control);color:var(--c-ink);transition:background-color var(--d-fast) var(--e-out), color var(--d-fast) var(--e-out);border-radius:50%;flex:none;place-items:center;display:grid}.x-round svg{width:14px;height:14px}.x-round--ink{background:var(--c-ink);color:#fff}@media (hover:hover){.x-round:hover{background:var(--c-ink);color:#fff}.x-round--ink:hover{background:var(--c-accent);color:var(--c-on-accent)}}.x-chip{border-radius:var(--r-pill);background:var(--c-bg);height:30px;color:var(--c-ink);font:var(--fw-regular) var(--fs-label)/1 var(--f-sans);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.x-avail{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.x-status{position:relative}.x-status .tip{right:0;top:calc(var(--ctl) + 9px);background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-menu);font-size:var(--fs-label);white-space:nowrap;opacity:0;transition:opacity var(--d-fast) var(--e-out), transform var(--d-fast) var(--e-out);pointer-events:none;padding:10px 12px;line-height:1.35;position:absolute;transform:translateY(-4px);box-shadow:0 10px 30px #0b0c1014}.x-status:hover .tip,.x-status:focus-visible .tip{opacity:1;transform:none}.x-header{z-index:50;padding:calc(var(--pad-y) + env(safe-area-inset-top,0px)) var(--pad-x) 0;pointer-events:none;color:var(--hdr);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.x-header>*{pointer-events:auto}.x-logo{width:var(--logo-w);color:var(--hdr);transition:color .5s var(--e-out);display:block}.x-logo svg{width:100%;height:auto;display:block}.x-header .ctrls{align-items:center;gap:10px;display:flex}.x-header.is-dark .x-round,.x-header.is-dark .x-pill--grey{color:#fff;background:#ffffff24}.x-header.is-accent .x-round,.x-header.is-accent .x-pill--grey{color:var(--c-on-accent);background:#ffffff59}.x-header.is-accent .x-pill--dark{background:var(--c-ink);color:#fff}.x-header.is-dark .x-pill--dark{color:var(--c-ink);background:#fff}.x-menu-btn .dots{transition:transform .45s var(--e-out);gap:3px;display:inline-flex}.x-menu-btn .dots .x-dot{width:5px;height:5px}.x-menu-btn .lbl{height:1em;line-height:1;display:inline-block;overflow:hidden}.x-menu-btn .lbl span{transition:transform .45s var(--e-out);display:block}@media (hover:hover){.x-menu-btn:hover .dots{transform:rotate(90deg)}}.menu-open .x-menu-btn{background:var(--c-surface)!important;color:var(--c-ink)!important}.menu-open .x-menu-btn .dots{transform:rotate(90deg)}.menu-open .x-menu-btn .lbl span{transform:translateY(-100%)}@media (width<=812px){.x-header .hide-m,.x-menu-btn .lbl{display:none}.x-menu-btn{padding:0 16px}}.x-dim{z-index:40;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .5s var(--e-out);background:linear-gradient(270deg,#0b0b1280,#0b0b1200) 100%/50% 100% no-repeat;position:fixed;inset:0}.x-menu{z-index:49;right:var(--pad-x);top:calc(var(--pad-y) + var(--ctl) + 13px + env(safe-area-inset-top,0px));width:min(320px,calc(100vw - 2 * var(--pad-x)));pointer-events:none;gap:8px;display:grid;position:fixed}.x-menu .card{background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-menu);opacity:0;transition:opacity .35s var(--e-out) calc(var(--d) * 1ms), transform .5s var(--e-back) calc(var(--d) * 1ms);padding:10px;transform:translateY(-10px)}.menu-open .x-dim{opacity:1;pointer-events:auto}.menu-open .x-menu{pointer-events:auto}.menu-open .x-menu .card{opacity:1;transform:none}.x-menu nav a{height:54px;font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:var(--ls-label);transition:background-color var(--d-fast) var(--e-out);border-radius:8px;align-items:center;gap:12px;padding:0 14px;text-decoration:none;display:flex}.x-menu nav a .x-dot{opacity:0;transition:transform .4s var(--e-out), opacity .3s var(--e-out);transform:scale(0)rotate(90deg)}.x-menu nav a:hover{background:var(--c-bg)}.x-menu nav a.is-current .x-dot,.x-menu nav a:hover .x-dot{opacity:1;transform:none}.x-menu .apps{gap:12px;padding:16px;display:grid}.x-menu .mini{align-items:center;gap:12px;text-decoration:none;display:flex}.x-menu .mini img,.x-menu .mini svg{border-radius:10px;width:40px;height:40px}.x-menu .mini b{font-weight:var(--fw-medium);display:block}.x-menu .mini span{font-size:var(--fs-label)}.x-menu .card--dark{background:var(--c-ink);color:#fff;padding:18px}.x-menu .card--dark b{font-weight:var(--fw-medium);margin-bottom:2px;display:block}.x-menu .card--dark p{font-size:var(--fs-small)}.x-menu a.card--dark{text-decoration:none;display:block}@media (width<=812px){.x-dim{background:var(--g-dark)}.menu-open .x-header,.menu-open .x-logo{color:var(--c-on-dark)}.x-menu{left:var(--pad-x);right:var(--pad-x);width:auto;top:calc(var(--pad-y) + var(--ctl) + 28px + env(safe-area-inset-top,0px));bottom:var(--pad-y);flex-direction:column;gap:0;display:flex;overflow-y:auto}.x-menu .card,.x-menu .card--dark{color:var(--c-on-dark);background:0 0;border-radius:0;padding:0}.x-menu nav{counter-reset:n;display:grid}.x-menu nav a{counter-increment:n;border-top:var(--hairline) solid var(--c-line-on-dark);height:auto;font-size:var(--fs-title);line-height:var(--lh-title);border-radius:0;grid-template-columns:40px 1fr;align-items:baseline;padding:12px 0;display:grid}.x-menu nav a:last-child{border-bottom:var(--hairline) solid var(--c-line-on-dark)}.x-menu nav a:before{content:counter(n, decimal-leading-zero);font:var(--fw-regular) var(--fs-label)/1 var(--f-mono);letter-spacing:0;transform:translateY(-.5em)}.x-menu nav a .x-dot{display:none}.x-menu nav a:hover{background:0 0}.x-menu nav .lbl{justify-self:start}.x-menu nav a.is-current .lbl{z-index:0;color:var(--c-on-accent);position:relative}.x-menu nav a.is-current .lbl:before{content:"";z-index:-1;background:var(--c-accent);border-radius:var(--r-dot);position:absolute;inset:.12em -.06em .02em}.x-menu .apps{padding-top:var(--stack-l);gap:10px;margin-top:auto}.x-menu .card--dark{padding-top:var(--stack-m);margin-top:var(--stack-m);border-top:var(--hairline) solid var(--c-line-on-dark)}.x-menu .card--dark b{font-size:var(--fs-lg);font-weight:var(--fw-regular)}}.x-mark{z-index:0;transition:color .5s var(--e-out) .7s;display:inline-block;position:relative}.in .x-mark,.x-mark.in,.x-mark--static{color:var(--c-on-accent)}.x-mark:before{content:"";z-index:-1;background:var(--c-accent);border-radius:var(--r-dot);transform-origin:0;transition:transform 1s var(--e-expo) .35s;position:absolute;inset:.12em -.06em .02em;transform:scaleX(0)}.in .x-mark:before,.x-mark.in:before,.x-mark--static:before{transform:scaleX(1)}.w{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.w>span{transition:transform var(--d-slow) var(--e-expo) calc(var(--i) * var(--stagger)), opacity .8s var(--e-out) calc(var(--i) * var(--stagger));display:inline-block}.js [data-split]:not(.in) .w>span{opacity:0;transform:translateY(55%)}@media (prefers-reduced-motion:no-preference){.js [data-split]:not([data-ready]),.js [data-roll]:not([data-ready]){visibility:hidden;animation:0s linear 2.5s forwards x-failsafe}}@keyframes x-failsafe{to{visibility:visible}}.roll{line-height:1.1;display:inline-flex;overflow:hidden}.roll-in{display:inline-flex}.roll .c{height:1.1em;display:inline-block;overflow:hidden}.roll .c>span{transition:transform var(--d-slow) var(--e-expo) calc(var(--i) * 28ms);display:block;position:relative;transform:translateY(-300%)}.roll .c>span>span{white-space:pre;height:1.1em;display:block}.roll .c>span>.x{position:absolute;left:0}.in .roll .c>span,.roll.in .c>span{transform:none}@media (prefers-reduced-motion:reduce){.js [data-split]:not(.in) .w>span{opacity:1;transform:none}.roll .c>span{transform:none}}.x-hero{--hero-fg:var(--c-on-dark);height:100svh;min-height:560px;position:relative}.x-hero[data-tone=light]{--hero-fg:var(--c-ink)}.x-frame{border-radius:0 0 var(--r-media) var(--r-media);isolation:isolate;background:var(--frame-bg);transition:background .6s var(--e-out);position:absolute;inset:0;overflow:hidden}.x-frame[data-tone=dark]{--frame-bg:var(--g-dark);--frame-fg:var(--c-on-dark)}.x-frame[data-tone=light]{--frame-bg:radial-gradient(120% 90% at 30% 15%,#fff 0%,#e7e8e5 60%,#dcddda 100%);--frame-fg:var(--c-ink)}.x-frame canvas{opacity:0;transition:opacity 1.2s var(--e-out);position:absolute;inset:0;width:100%!important;height:100%!important}.x-frame.is-ready canvas{opacity:1}.x-hero .over{left:var(--pad-x);right:var(--pad-x);bottom:var(--pad-y);z-index:3;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);row-gap:var(--stack-m);color:var(--hero-fg);pointer-events:none;align-items:end;display:grid;position:absolute}.x-hero .over a{pointer-events:auto}.x-hero .head{grid-column:1/span 8}.x-hero .side{gap:var(--stack-s);text-align:right;grid-column:9/span 4;justify-items:end;display:grid}.x-hero .side .t-small{max-width:34ch}.x-hero .acts{gap:10px;justify-content:inherit;flex-wrap:wrap;display:flex}@media (width<=812px){.x-hero .head,.x-hero .side{text-align:left;grid-column:1/-1;justify-items:start}.x-hero .side{gap:var(--stack-m)}.x-hero .side .t-small{font-size:var(--fs-body);line-height:var(--lh-body);max-width:none}.x-hero .acts{grid-template-columns:1fr 1fr;width:100%;display:grid}.x-hero .acts .x-pill{justify-content:center}.x-hero .side .x-avail{display:none}}.x-stats{gap:var(--gap);border-top:1px solid var(--c-line);grid-template-columns:repeat(4,minmax(0,1fr));padding-top:22px;display:grid}.x-stat b{font:var(--fw-regular) var(--fs-stat)/1 var(--f-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;display:block}.x-stat span{font-size:var(--fs-small);line-height:var(--lh-body);margin-top:10px;display:block}@media (width<=812px){.x-stats{grid-template-columns:1fr 1fr;row-gap:28px}}.x-media{border-radius:var(--r-card);aspect-ratio:16/10;max-width:100%;overflow:hidden}.x-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.6s var(--e-expo);transform:scale(1.12)}.in .x-media img,.x-media.in img{transform:none}.x-work-grid{gap:var(--gap-work) var(--gap);grid-template-columns:1fr 1fr;display:grid}@media (width<=812px){.x-work-grid{grid-template-columns:1fr}}.x-work{cursor:pointer;text-decoration:none;display:block}.x-work .img{border-radius:var(--r-card);aspect-ratio:634/412;background:var(--c-control);position:relative;overflow:hidden}.x-work .img img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--e-expo)}.x-work .img .x-dot{transition:transform .45s var(--e-back);background:#fff;position:absolute;top:14px;right:14px;transform:scale(0)rotate(90deg)}.x-work .x-tags{margin-block:var(--tag-top) var(--tag-bottom);min-height:calc(var(--lh-label) * 1em)}.x-work h3{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);font-weight:var(--fw-regular);align-items:center;display:flex}@media (hover:hover){.x-work:hover .img img{animation:x-focus var(--d-slow) var(--e-out);transform:scale(1.035)}.x-work:hover .img .x-dot{transform:none}}.x-marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.x-marquee .track{align-items:center;gap:var(--gap-marquee);width:max-content;animation:48s linear infinite x-mq;display:flex}.x-marquee span{font-size:var(--fs-title);line-height:var(--lh-title);white-space:nowrap}@keyframes x-mq{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.x-marquee .track{animation:none}}.x-app-grid{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}@media (width<=812px){.x-app-grid{grid-template-columns:1fr}}.x-app{background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-media);padding:var(--pad-card);transition:transform var(--d-med) var(--e-back);flex-direction:column;gap:22px;display:flex}@media (hover:hover){.x-app:hover{transform:translateY(-6px)}}.x-app .top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.x-app .icon{width:var(--app-icon);aspect-ratio:1;border-radius:22%;height:auto}.x-app h3{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-regular)}.x-app .x-tags{margin-top:var(--stack-xs)}.x-app .desc{font-size:var(--fs-body);line-height:var(--lh-body);max-width:44ch}.x-app .foot{border-top:1px solid var(--c-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.x-app .price{font-size:var(--fs-body);line-height:var(--lh-body)}.x-quote .q{min-height:3.4em}.x-quote .who{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.x-quote .who b{font-weight:var(--fw-medium)}.x-quote .nav{gap:8px;display:flex}.x-fade{transition:opacity .45s var(--e-out), transform var(--d-med) var(--e-expo)}.x-fade.is-out{opacity:0;transform:translateY(12px)}.x-rule{--rule:var(--c-line);background:linear-gradient(var(--rule),var(--rule)) 0 100% / 100% var(--hairline) no-repeat;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.on-dark .x-rule,.on-accent .x-rule{--rule:color-mix(in srgb,currentColor 25%,transparent)}.x-foot{margin-top:var(--sec-sm);padding-bottom:var(--pad-y);text-align:left;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);display:grid}.x-foot .row{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--stack-s);border-top:1px solid var(--c-line-on-dark);padding-block:var(--stack-m) var(--stack-l);display:grid}.x-foot .k{grid-column:1/span 4}.x-foot .v{grid-column:5/-1;margin:0;padding:0;list-style:none}.x-foot a{transition:background-size .4s var(--e-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.x-foot a:hover{background-size:100% 1px}.x-foot .big{font-size:var(--fs-title);line-height:var(--lh-title)}.x-foot .v>.t-small{margin-top:var(--stack-xs)}.x-foot .list{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.x-foot .list a{gap:var(--stack-xs);background:0 0;width:fit-content;display:grid}.x-foot .list a:hover .t-lg{text-underline-offset:.15em;text-decoration:underline 1px}.x-foot .posts{gap:var(--stack-xs);font-size:var(--fs-body);line-height:var(--lh-body);display:grid}.x-foot .posts .all{margin-top:var(--stack-xs);display:inline-block}.x-foot .inline{gap:var(--stack-l);font-size:var(--fs-body);flex-wrap:wrap;display:flex}.x-foot .mark{margin-top:var(--sec-sm);grid-column:1/-1}.x-foot .mark svg{width:100%;height:auto;display:block}.x-foot .bottom{justify-content:space-between;align-items:center;gap:var(--stack-s);margin-top:var(--stack-l);flex-wrap:wrap;grid-column:1/-1;display:flex}.x-foot .x-round{background:var(--c-control-on-dark);color:var(--c-on-dark)}@media (hover:hover){.x-foot .x-round:hover{background:var(--c-accent);color:var(--c-on-accent)}}@media (width<=812px){.x-foot .k,.x-foot .v{grid-column:1/-1}.x-foot .list{grid-template-columns:1fr}}.x-pagehead{padding-top:calc(var(--pad-y) + var(--ctl) + var(--sec-sm));row-gap:var(--stack-l);align-items:start}.x-pagehead .head{grid-column:1/span 10}.x-pagehead .side{justify-items:end;gap:var(--stack-s);grid-column:11/span 2;padding-top:.4em;display:grid}.x-pagehead .n{font:var(--fw-regular) var(--fs-stat)/1 var(--f-mono);letter-spacing:-.04em}.x-pagehead .side .x-dot{width:calc(var(--fs-stat) * .22);height:calc(var(--fs-stat) * .22)}.x-pagehead .intro{grid-column:1/span 6}@media (width<=812px){.x-pagehead .head{grid-column:1/span 4}.x-pagehead .side{grid-column:5/span 2}.x-pagehead .intro{grid-column:1/-1}}.x-facts{gap:var(--stack-l) var(--gap);grid-template-columns:1fr 1fr;align-content:start;margin:0;display:grid}.x-facts dt{margin-bottom:var(--stack-xs)}.x-facts dd{font-size:var(--fs-body);line-height:var(--lh-body);justify-items:start;margin:0;display:grid}.x-facts dd a{min-height:var(--target);transition:background-size .4s var(--e-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;align-items:center;text-decoration:none;display:inline-flex}.x-facts dd a:hover{background-size:100% 1px}.x-cs-head{padding-top:calc(var(--pad-y) + var(--ctl) + var(--sec-sm));row-gap:var(--stack-l);align-items:start}.x-cs-head .back{margin-bottom:var(--stack-m)}.x-cs-head h1{margin-block:calc(var(--stack-s) - var(--stack-l)) var(--stack-m)}.x-cs-cover{margin:var(--sec-sm) 0 0;border-radius:var(--r-media);overflow:hidden}.x-cs-cover img{width:100%;height:auto;display:block}.x-rows{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);font-size:var(--fs-body);line-height:var(--lh-body);display:grid}.x-rows>*{margin:0 0 var(--stack-s);grid-column:5/-1;padding-right:16%}.x-rows>h2{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;grid-column:1/span 4;padding-right:0}.x-rows>h2,.x-rows>h2+*{border-top:1px solid var(--c-line);padding-top:var(--stack-m);margin-top:var(--stack-xl)}.x-rows>h2:first-child,.x-rows>h2:first-child+*{margin-top:0}.x-rows ul{padding-left:1.1em}.x-rows li{margin-bottom:var(--stack-xs)}.x-rows li::marker{content:"■  ";font-size:.5em}@media (width<=812px){.x-rows>*,.x-rows>h2{grid-column:1/-1;padding-right:0}.x-rows>h2+*{margin-top:var(--stack-s);border-top:0;padding-top:0}}.x-gallery{gap:var(--gap);grid-template-columns:1fr 1fr;align-items:start;display:grid}.x-gallery figure{border-radius:var(--r-media);background:color-mix(in srgb,currentColor 7%,transparent);margin:0;overflow:hidden}.x-gallery figure.full{grid-column:1/-1}.x-gallery figure.tall{width:calc(50% - var(--gap) / 2);justify-self:center}.x-gallery img{width:100%;height:auto;display:block}@media (width<=812px){.x-gallery{grid-template-columns:1fr}.x-gallery figure.tall{width:100%}}.x-next{gap:var(--stack-m);border-top:1px solid var(--c-line);padding-top:var(--stack-m);text-decoration:none;display:grid}.x-next .name{text-wrap:balance;display:block}.x-next .name .x-dot{width:.2em;height:.2em;transition:transform .5s var(--e-out);margin-left:.12em}@media (hover:hover){.x-next:hover .name .x-dot{transform:rotate(45deg)}.x-next:hover .name{color:var(--c-accent)}}.x-case{z-index:45;background:var(--case-bg,#111);color:#fff;opacity:0;pointer-events:none;transition:opacity .5s var(--e-out);position:fixed;inset:0;overflow:auto}.x-case.is-open{opacity:1;pointer-events:auto}.x-case .inner{min-height:100%;padding:calc(var(--pad-y) + 120px) var(--pad-x) 60px;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);align-content:start;row-gap:36px;display:grid}.x-case .tag{color:var(--case-accent);grid-column:1/-1}.x-case h2{grid-column:1/span 10}.x-case .img{border-radius:var(--r-media);aspect-ratio:16/8;grid-column:1/-1;overflow:hidden}.x-case .img img{object-fit:cover;width:100%;height:100%}.x-case .facts{gap:var(--gap);border-top:1px solid #ffffff2e;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:20px;display:grid}.x-case .facts .t-label{margin-bottom:8px}.x-case .facts p{font-size:var(--fs-body)}.x-case .note{font-size:var(--fs-label);line-height:var(--lh-body);grid-column:1/-1}.x-case .r{opacity:0;transition:opacity var(--d-med) var(--e-out) .25s, transform .8s var(--e-expo) .25s;transform:translateY(16px)}.x-case.is-open .r{opacity:1;transform:none}.x-flip{z-index:46;border-radius:var(--r-card);pointer-events:none;position:fixed;overflow:hidden}.x-flip img{object-fit:cover;width:100%;height:100%}@media (width<=812px){.x-case h2{grid-column:1/-1}.x-case .facts{grid-template-columns:1fr 1fr}}.show-zones [data-avoid]{outline:1.5px dashed var(--c-accent);outline-offset:14px;border-radius:4px}.x-closing{margin-top:var(--sec);padding-top:var(--sec);text-align:center}[data-theme=dark] .x-closing{border-radius:var(--r-media) var(--r-media) 0 0}.x-closing__actions{align-items:center;gap:var(--stack-m);flex-direction:column;display:flex}.x-caps{margin:0;padding:0;list-style:none}.x-caps li{border-bottom:1px solid var(--c-line)}.x-caps a{gap:var(--gap);transition:padding var(--d-med) var(--e-expo);grid-template-columns:60px minmax(0,4fr) minmax(0,6fr) 24px;align-items:baseline;padding-block:22px;text-decoration:none;display:grid}.x-caps .name{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title)}.x-caps .sum{max-width:52ch}.x-caps .go{transition:transform .4s var(--e-out);place-self:center end;transform:scale(0)rotate(90deg)}@media (hover:hover){.x-caps a:hover{padding-left:12px}.x-caps a:hover .go{transform:none}}@media (width<=812px){.x-caps a{grid-template-columns:40px minmax(0,1fr)}.x-caps .sum{grid-column:2}.x-caps .go{display:none}}.x-post-grid{gap:var(--gap-posts) var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=812px){.x-post-grid{grid-template-columns:1fr}}.x-post{align-content:start;gap:14px;text-decoration:none;display:grid}.x-post .img{border-radius:var(--r-card);aspect-ratio:4/3;background:var(--c-control);overflow:hidden}.x-post .img img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--e-expo)}.x-post h3{font-size:var(--fs-lg);line-height:var(--lh-title);text-wrap:balance}@media (hover:hover){.x-post:hover .img img{transform:scale(1.035)}}.x-apps-band{margin-top:var(--sec);padding-block:var(--sec) var(--sec-sm);border-radius:var(--r-media) var(--r-media) 0 0}.x-prose a:not([class]),.x-rows a:not([class]),.x-faq .a a:not([class]),.x-link{color:inherit;text-decoration-line:underline;text-decoration-thickness:var(--hairline);text-underline-offset:.15em;text-decoration-color:var(--c-link-line);transition:text-decoration-color var(--d-fast) var(--e-out)}.x-prose a:not([class]):hover,.x-rows a:not([class]):hover,.x-faq .a a:not([class]):hover,.x-link:hover{text-decoration-color:currentColor}.x-sprite{width:0;height:0;position:absolute;overflow:hidden}.x-lines>span{display:block}.x-lines>.indent{padding-left:var(--indent)}@media (width<=812px){.x-lines>.indent{padding-left:0}}.x-rule+.x-steps>li{border-top:0;padding-top:0}.x-rule~.x-postlist>li:first-child{border-top:0}.x-rule:has(+.x-timeline){background:0 0;padding-bottom:0}.x-skip{left:var(--pad-x);top:var(--stack-s);z-index:60;padding:var(--stack-xs) var(--stack-s);background:var(--c-ink);color:var(--c-on-dark);border-radius:var(--r-menu);transition:transform var(--d-fast) var(--e-out);position:fixed;transform:translateY(-200%)}.x-skip:focus{transform:none}.x-intro{padding-top:calc(var(--pad-y) + var(--ctl) + var(--sec-sm));row-gap:var(--stack-l);align-items:end}.x-intro .head{text-wrap:balance;grid-column:1/span 11}.x-intro .head.t-headline{grid-column:1/span 8}.x-intro .lead{grid-column:1/span 6}.x-intro .side{gap:var(--stack-s);text-align:right;grid-column:9/span 4;justify-items:end;display:grid}@media (width<=812px){.x-intro .head,.x-intro .head.t-headline,.x-intro .lead,.x-intro .side{text-align:left;grid-column:1/-1;justify-items:start}}.x-crumb ol{align-items:center;gap:var(--stack-xs) var(--stack-s);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.x-crumb li{align-items:center;gap:var(--stack-s);display:flex}.x-crumb li+li:before{content:"";width:var(--tag-sep);height:var(--tag-sep);border-radius:var(--r-dot);background:currentColor}.x-crumb a{background:linear-gradient(currentColor,currentColor) 0 100%/0 var(--hairline) no-repeat;transition:background-size .4s var(--e-out);text-decoration:none}.x-crumb a:hover{background-size:100% var(--hairline)}.x-filter{gap:var(--stack-xs);flex-wrap:wrap;display:flex}.x-chip-link{align-items:center;gap:var(--stack-xs);height:var(--ctl);padding:0 var(--stack-m);border-radius:var(--r-pill);background:var(--c-control);color:var(--c-ink);font:var(--fw-medium) var(--fs-pill)/1 var(--f-sans);text-transform:uppercase;white-space:nowrap;transition:background-color var(--d-fast) var(--e-out), color var(--d-fast) var(--e-out);text-decoration:none;display:inline-flex}.x-chip-link .x-dot{display:none}.x-chip-link .c{font-family:var(--f-mono);font-weight:var(--fw-regular)}@media (width<=812px){.x-filter{scrollbar-width:none;margin-inline:calc(var(--pad-x) * -1);padding-inline:var(--pad-x);mask-image:linear-gradient(90deg,transparent,#000 var(--pad-x),#000 calc(100% - var(--pad-x)),transparent);flex-wrap:nowrap;overflow-x:auto}.x-filter::-webkit-scrollbar{display:none}}.x-chip-link.is-active{background:var(--c-ink);color:var(--c-on-dark)}.x-chip-link.is-active .x-dot{display:inline-block}@media (hover:hover){.x-chip-link:not(.is-active):hover{background:var(--c-surface)}}.x-feature{gap:var(--stack-m);align-content:start;text-decoration:none;display:grid}.x-feature .img{border-radius:var(--r-media);aspect-ratio:16/10;background:var(--c-control);overflow:hidden}.x-feature .img img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--e-expo)}.x-feature h2,.x-feature h3{font-size:var(--fs-title);line-height:var(--lh-title);text-wrap:balance}.x-feature p{max-width:var(--measure)}@media (hover:hover){.x-feature:hover .img img{transform:scale(1.035)}}.x-postlist{align-self:start;margin:0;padding:0;list-style:none}.x-postlist li{border-top:var(--hairline) solid var(--c-line)}.x-postlist li:last-child{border-bottom:var(--hairline) solid var(--c-line)}.x-postlist a{gap:var(--stack-xs);padding-block:var(--stack-m);text-decoration:none;display:grid}.x-postlist .ttl{font-size:var(--fs-lg);line-height:var(--lh-title);text-wrap:balance;transition:transform var(--d-med) var(--e-expo)}@media (hover:hover){.x-postlist a:hover .ttl{transform:translateX(var(--stack-xs))}}.x-progress{z-index:55;background:var(--c-accent);transform-origin:0;height:2px;transform:scaleX(var(--p,0));pointer-events:none;position:fixed;inset:0 0 auto}@media (prefers-reduced-motion:reduce){.x-progress{display:none}}.x-post p{max-width:var(--measure)}.x-posthead{padding-top:calc(var(--pad-y) + var(--ctl) + var(--sec-sm));row-gap:var(--stack-l);align-items:center}.x-posthead .txt{gap:var(--stack-m);grid-column:1/span 6;align-content:center;display:grid}.x-posthead .cover{border-radius:var(--r-media);aspect-ratio:16/10;background:var(--c-control);grid-column:7/span 6;margin:0;overflow:hidden}.x-posthead .cover img{object-fit:cover;width:100%;height:100%}.x-posthead .byline{align-items:center;gap:var(--stack-xs) var(--stack-m);flex-wrap:wrap;display:flex}.x-posthead .byline a{text-decoration:none}@media (width<=812px){.x-posthead .txt,.x-posthead .cover{grid-column:1/-1}}.x-article{align-items:start}.x-article .side{top:var(--sticky-top);gap:var(--stack-l);grid-column:1/span 3;display:grid;position:sticky}.x-article .body{grid-column:5/span 7;min-width:0}.x-article .end{gap:var(--stack-xl);margin-top:var(--stack-xl);grid-column:5/span 7;display:grid}.x-toc ol{margin:var(--stack-s) 0 0;font-size:var(--fs-small);line-height:var(--lh-body);border-left:var(--hairline) solid var(--c-line);padding:0;list-style:none;display:grid}.x-toc a{padding:calc(var(--stack-s) / 2) 0 calc(var(--stack-s) / 2) var(--stack-s);margin-left:calc(var(--hairline) * -1);transition:border-color var(--d-fast) var(--e-out);border-left:2px solid #0000;text-decoration:none;display:block}.x-toc a:hover,.x-toc a.is-current{border-color:currentColor}.x-share ul{margin:var(--stack-s) 0 0;gap:var(--stack-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}@media (width<=812px){.x-article .side{display:none}.x-article .body,.x-article .end{grid-column:1/-1}}.x-prose{font-size:var(--fs-body);line-height:var(--lh-prose);max-width:var(--measure)}.x-prose>*+*{margin-top:var(--stack-m)}.x-prose h2{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);margin-top:var(--stack-xl);scroll-margin-top:var(--sticky-top);text-wrap:balance}.x-prose h3{font-size:var(--fs-lg);line-height:var(--lh-title);margin-top:var(--stack-l);scroll-margin-top:var(--sticky-top)}.x-prose h2+*,.x-prose h3+*{margin-top:var(--stack-s)}.x-prose h2+h3{margin-top:var(--stack-m)}.x-prose>:first-child{margin-top:0}.x-prose strong{font-weight:var(--fw-medium)}.x-prose ul,.x-prose ol{gap:var(--stack-xs);padding-left:1.2em;display:grid}.x-prose ul li::marker{content:"■  ";font-size:.5em}.x-prose ol li::marker{font-family:var(--f-mono);font-size:.85em}.x-prose blockquote{border-left:2px solid var(--c-accent);padding-left:var(--stack-m);font-size:var(--fs-lg);line-height:var(--lh-title)}.x-prose img{border-radius:var(--r-card);width:100%;height:auto}.x-prose p:has(>img:only-child){margin-block:var(--stack-l)}.x-prose hr{border:0;border-top:var(--hairline) solid var(--c-line);margin-block:var(--stack-xl)}.x-prose code{font-family:var(--f-mono);font-size:.9em}.x-prose table{border-collapse:collapse;width:100%;font-size:var(--fs-small);line-height:var(--lh-body);display:block;overflow-x:auto}.x-prose th,.x-prose td{text-align:left;min-width:9em;padding:var(--stack-s) var(--stack-m) var(--stack-s) 0;border-bottom:var(--hairline) solid var(--c-line);vertical-align:top}.x-prose th{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-regular);border-bottom-color:currentColor}.x-prose p:has(>img:only-child)+p:has(>em:only-child){margin-top:calc(var(--stack-l) * -1 + var(--stack-xs));font-size:var(--fs-small)}.x-person{gap:var(--stack-m);align-content:start;display:grid}.x-person .photo{border-radius:var(--r-card);aspect-ratio:4/5;background:var(--c-control);overflow:hidden}.x-person .photo img{object-fit:cover;width:100%;height:100%}.x-person .name{font-size:var(--fs-title);line-height:var(--lh-title)}.x-person .name a{background:linear-gradient(currentColor,currentColor) 0 100%/0 var(--hairline) no-repeat;transition:background-size .4s var(--e-out);text-decoration:none}.x-person .name a:hover{background-size:100% var(--hairline)}.x-person .txt{gap:var(--stack-xs);align-content:start;display:grid}.x-person .bio,.x-person .links{margin-top:var(--stack-s)}.x-person .photo img{filter:grayscale()}.x-person .bio{max-width:var(--measure)}.x-person .links{gap:var(--stack-m);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.x-person--compact{grid-template-columns:var(--avatar) minmax(0,1fr);gap:var(--stack-m);margin-top:var(--stack-l)}.x-person--compact .photo{aspect-ratio:1;border-radius:var(--r-card)}.x-person--compact .bio{margin-top:var(--stack-xs)}.x-person--compact .name{font-size:var(--fs-lg)}.x-person--profile{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap)}.x-person--profile .photo{grid-column:1/span 4}.x-person--profile .txt{gap:var(--stack-m);grid-column:6/span 6;align-content:start;display:grid}@media (width<=812px){.x-person--profile .photo{grid-column:1/span 4}.x-person--profile .txt{grid-column:1/-1}}.x-person--row{column-gap:var(--gap);padding-top:var(--stack-m);border-top:var(--hairline) solid var(--c-line);grid-template-columns:repeat(6,minmax(0,1fr))}.x-person--row .photo{grid-column:span 2}.x-person--row .txt{grid-column:span 4}.x-person--row .bio{margin-top:var(--stack-xs)}.x-chapter{row-gap:var(--stack-l);scroll-margin-top:var(--sticky-top);align-items:start}.x-chapter .x-rule{margin-bottom:var(--stack-s)}.x-chapter .name{top:var(--sticky-top);gap:var(--stack-s);grid-column:1/span 5;display:grid;position:sticky}.x-chapter .txt{gap:var(--stack-l);grid-column:7/span 6;display:grid}.x-chapter .work{gap:var(--stack-m);margin-top:var(--stack-l);grid-column:1/-1;display:grid}@media (width<=812px){.x-chapter .name{position:static}.x-chapter .name,.x-chapter .txt{grid-column:1/-1}}.x-list{gap:var(--stack-s) var(--gap);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.x-list li{align-items:baseline;gap:var(--stack-s);border-bottom:var(--hairline) solid var(--c-line);padding-bottom:var(--stack-s);display:flex}.x-list li .x-dot{transform:translateY(-.15em)}@media (width<=812px){.x-list{grid-template-columns:1fr}}.x-steps{grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:var(--stack-l) var(--gap);margin:0;padding:0;list-style:none;display:grid}.x-steps li{gap:var(--stack-s);border-top:var(--hairline) solid var(--c-line);padding-top:var(--stack-m);align-content:start;display:grid}.x-steps .n{font-family:var(--f-mono);font-size:var(--fs-stat);letter-spacing:-.04em;line-height:1}.x-steps .ttl{font-size:var(--fs-lg);line-height:var(--lh-title)}.x-steps--stack{grid-template-columns:1fr}.x-steps--stack .n{font-size:var(--fs-lg)}.on-dark .x-steps li,.on-accent .x-steps li{border-color:var(--c-line-on-dark)}@media (width<=812px){.x-steps{grid-template-columns:1fr}}.x-faq{row-gap:var(--stack-l)}.x-faq+.x-faq{padding-top:var(--stack-xl)}.x-faq .grp{top:var(--sticky-top);grid-column:1/span 4;align-self:start;position:sticky}.x-faq .items{grid-column:5/-1}.x-faq:not(:has(+.x-faq)) .items{border-bottom:var(--hairline) solid var(--c-line)}.x-faq details{border-top:var(--hairline) solid var(--c-line)}.x-faq summary{justify-content:space-between;align-items:center;gap:var(--gap);padding-block:var(--stack-m);cursor:pointer;font-size:var(--fs-lg);line-height:var(--lh-title);list-style:none;display:flex}.x-faq summary::-webkit-details-marker{display:none}.x-faq .pm{width:var(--check);height:var(--check);flex:none;position:relative}.x-faq .pm:before,.x-faq .pm:after{content:"";border-radius:var(--r-dot);height:2px;transition:transform .4s var(--e-out);background:currentColor;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.x-faq .pm:after{transform:rotate(90deg)}.x-faq details[open] .pm:after{transform:rotate(0)}.x-faq .a{gap:var(--stack-s);padding-bottom:var(--stack-l);max-width:var(--measure);padding-right:var(--gap);display:grid}.x-faq .a ol{gap:var(--stack-xs);margin:0;padding-left:1.2em;display:grid}.x-faq .a ol li::marker{font-family:var(--f-mono)}@media (width<=812px){.x-faq .grp{position:static}.x-faq .grp,.x-faq .items{grid-column:1/-1}}.x-timeline{gap:var(--gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.x-timeline li{gap:var(--stack-s);border-top:var(--hairline) solid var(--c-line);padding-top:var(--stack-m);align-content:start;display:grid;position:relative}.x-timeline li:before{content:"";left:0;top:calc(var(--dot) / -2 - var(--hairline) / 2);width:var(--dot);height:var(--dot);border-radius:var(--r-dot);background:currentColor;position:absolute}.x-timeline .yr{font-family:var(--f-mono);font-size:var(--fs-stat);letter-spacing:-.04em;line-height:1}@media (width<=812px){.x-timeline{grid-auto-flow:row}}.x-brief{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);display:grid}.x-brief .row{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--stack-s);padding:var(--stack-m) 0 var(--stack-l);border:0;border-top:var(--hairline) solid var(--c-line);min-width:0;margin:0;display:grid}.x-brief .n{font-family:var(--f-mono);font-size:var(--fs-small);line-height:var(--lh-title);grid-column:1}.x-brief .q{float:none;font-size:var(--fs-lg);line-height:var(--lh-title);grid-column:2/span 4;padding:0}.x-brief .q .opt{font-size:var(--fs-small)}.x-brief .q .hint{max-width:34ch;margin-top:var(--stack-s);font-size:var(--fs-small);line-height:var(--lh-body);display:block}.x-brief .a{gap:var(--stack-s);grid-column:6/-1;align-content:start;min-width:0;display:grid}.x-brief .send{border-bottom:0;padding-bottom:0}.x-brief .send .a{align-items:center;gap:var(--stack-m);flex-wrap:wrap;display:flex}.x-line{width:100%;padding:0 0 var(--stack-s);border:0;border-bottom:var(--hairline) solid var(--c-line);color:inherit;font:var(--fw-regular) var(--fs-lg)/var(--lh-title) var(--f-sans);transition:border-color var(--d-fast) var(--e-out), box-shadow var(--d-fast) var(--e-out);background:0 0;border-radius:0}textarea.x-line{min-height:calc(var(--fs-lg) * 5);resize:none;field-sizing:content}.x-line:focus{box-shadow:0 var(--hairline) 0 currentColor;border-color:currentColor;outline:none}.x-line[aria-invalid=true]{border-color:var(--c-error);box-shadow:0 var(--hairline) 0 var(--c-error)}.x-brief .err{font-size:var(--fs-small);color:var(--c-error-ink)}.x-brief .err:empty{display:none}.x-opts{gap:var(--stack-s) var(--gap);grid-template-columns:1fr 1fr;display:grid}.x-opt{align-items:center;gap:var(--stack-s);cursor:pointer;font-size:var(--fs-body);line-height:var(--lh-title);display:flex;position:relative}.x-opt input{opacity:0;width:1px;height:1px;position:absolute}.x-opt .box{width:var(--check);height:var(--check);border:var(--hairline) solid currentColor;border-radius:var(--r-dot);transition:background-color var(--d-fast) var(--e-out);flex:none;place-items:center;display:grid}.x-opt .box:after{content:"";width:var(--dot);height:var(--dot);border-radius:var(--r-dot);background:var(--c-on-dark);transition:transform var(--d-fast) var(--e-back);transform:scale(0)}.x-opt input:checked+.box{background:var(--c-ink)}.x-opt input:checked+.box:after{transform:none}.x-opt input:focus-visible+.box{outline:2px solid var(--c-accent-ink);outline-offset:3px}@media (hover:hover){.x-opt:hover .box{background:var(--c-surface)}.x-opt:hover input:checked+.box{background:var(--c-ink)}}.x-brief .note,.x-brief .status{font-size:var(--fs-small)}.x-brief .status:empty{display:none}.x-brief.is-sending .send .x-pill{opacity:.5;pointer-events:none}.x-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.x-rule+.x-brief>.row:first-child{padding-top:var(--stack-s);border-top:0}@media (width<=812px){.x-brief .n{grid-column:1}.x-brief .q{grid-column:2/-1}.x-brief .a{grid-column:1/-1}.x-opts{grid-template-columns:1fr}}.x-actions{gap:var(--stack-xs);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.js [data-rv]{transition:opacity var(--d-slow) var(--e-out) var(--rv-delay,0s), transform var(--d-slow) var(--e-expo) var(--rv-delay,0s)}.js [data-rv]:not(.in){opacity:0;transform:translateY(var(--rise))}.js [data-rv-img] img{transition:clip-path 1.2s var(--e-expo) var(--rv-delay,0s), transform 1.6s var(--e-expo) var(--rv-delay,0s)}.js [data-rv-img]:not(.in) img{clip-path:inset(100% 0 0);transform:scale(1.1)}.js .x-rule[data-rv-line]{transition:background-size 1.2s var(--e-expo)}.js .x-rule[data-rv-line]:not(.in){background-size:0 var(--hairline)}.x-zoom{z-index:46;pointer-events:none;position:fixed;overflow:hidden}.x-zoom img{object-fit:cover;width:100%;height:100%;display:block}.x-zoom:after{content:"";background:var(--zoom-bg);opacity:0;transition:opacity var(--d-fast) var(--e-out);position:absolute;inset:0}.x-zoom.is-dark:after{opacity:1}.x-arrive body:after{content:"";z-index:46;background:var(--arrive-bg);pointer-events:none;animation:x-unveil var(--d-med) var(--e-out) .1s forwards;position:fixed;inset:0}main,.x-closing{transition:opacity var(--d-fast) var(--e-out)}.is-leaving main,.is-leaving .x-closing{opacity:0}}@keyframes x-focus{0%{filter:blur()}30%{filter:blur(6px)brightness(1.06)}to{filter:blur()}}@keyframes x-unveil{to{opacity:0;visibility:hidden}}
