.xs{--xa-on:#fff;text-align:left;width:100%;height:100%;font:400 13px/1.35 var(--f-body), system-ui, sans-serif;letter-spacing:normal;text-transform:none;color:var(--xs-fg);background:var(--xs-bg);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.xs-light{--xs-bg:#f2f4f7;--xs-card:#fff;--xs-chip:#e8ebf0;--xs-line:#e0e4ea;--xs-line2:#cdd3db;--xs-fg:#11151b;--xs-mut:#56606d}.xs-dark{--xs-bg:#0c1016;--xs-card:#151b24;--xs-chip:#1a212c;--xs-line:#e8edf317;--xs-line2:#e8edf333;--xs-fg:#e8edf3;--xs-mut:#9ba7b6;--xa-on:#0c1016}.xs span,.xs b,.xs i,.xs em,.xs small{display:block}.xs b{font-weight:600}.xs-bar,.xs-head,.xs-tabs,.xs-body{font-size:13px}@container (min-width:760px){.xs-bar,.xs-head,.xs-tabs,.xs-body{font-size:14.5px}}@container (min-width:1000px){.xs-bar,.xs-head,.xs-tabs,.xs-body{font-size:15.5px}}.xs .xs-bar{background:var(--xs-card);border-bottom:1px solid var(--xs-line);flex:none;align-items:center;gap:.6em;padding:.75em 1.1em;display:flex}.xs .xs-logo{background:var(--xa);width:1.75em;height:1.75em;color:var(--xa-on);border-radius:.45em;flex:none;place-items:center;font-size:.92em;font-weight:700;display:grid}.xs .xs-biz{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:650;overflow:hidden}.xs .xs-ex{border:1px solid var(--xs-line2);font:500 .85em/1 var(--f-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--xs-mut);border-radius:999px;flex:none;margin-left:auto;padding:.45em .7em}.xs .xs-head{flex-wrap:wrap;flex:none;align-items:baseline;gap:.15em .7em;padding:.9em 1.1em .15em;display:flex}.xs .xs-head b{letter-spacing:-.01em;font-size:1.3em;font-weight:650}.xs .xs-head>span{color:var(--xs-mut);font-size:.92em}.xs .xs-tabs{flex:none;gap:.45em;padding:.6em 1.1em 0;display:flex}.xs .xs-tabs span{background:var(--xs-chip);color:var(--xs-mut);border-radius:999px;padding:.4em .85em;font-size:.92em;font-weight:500}.xs .xs-tabs .on{background:var(--xa);color:var(--xa-on)}.xs .xs-body{align-content:start;gap:.9em;min-height:0;padding:.9em 1.1em 1.1em;display:grid}@container (min-width:600px){.xs .xs-body.split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.xs .xs-panel{border:1px solid var(--xs-line);background:var(--xs-card);border-radius:.8em;align-content:start;gap:.55em;padding:.8em .9em;display:grid}.xs .xs-h{font:600 .85em/1.25 var(--f-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--xs-mut);justify-content:space-between;gap:.6em;display:flex}.xs .xs-h i{font:600 1em/1.25 var(--f-body), system-ui, sans-serif;letter-spacing:0;text-transform:none;color:var(--xa);text-align:right;font-style:normal}.xs .xs-pill{white-space:nowrap;border-radius:999px;flex:none;place-self:center start;padding:.3em .65em;font-size:.85em;font-style:normal;font-weight:600}.xs-light .xs-pill.ok{color:#16633a;background:#e1f3e8}.xs-light .xs-pill.warn{color:#85500a;background:#fcefd9}.xs-dark .xs-pill.ok{color:#7fdcaa;background:#3cbe7829}.xs-dark .xs-pill.warn{color:#f6c46a;background:#f5a53229}.xs .xs-pill.new{background:color-mix(in oklab, var(--xa) 15%, transparent);color:var(--xa)}.xs-light .xs-pill.new{color:color-mix(in oklab, var(--xa) 80%, #000)}.xs .xs-pill.muted{background:var(--xs-chip);color:var(--xs-mut)}.xs .xs-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;display:grid}.xs .xs-col{background:var(--xs-chip);border-radius:.8em;align-content:start;gap:.5em;padding:.6em;display:grid}@container (min-width:580px){.xs .xs-board{grid-template-columns:repeat(4,minmax(0,1fr))}}.xs .xs-colh{justify-content:space-between;padding:.1em .2em;font-size:.92em;font-weight:650;display:flex}.xs .xs-colh i{color:var(--xs-mut);font-style:normal;font-weight:500}.xs .xs-card{border:1px solid var(--xs-line);background:var(--xs-card);border-radius:.6em;gap:.25em;padding:.6em .7em;display:grid;box-shadow:0 1px 2px #0000000d}.xs .xs-card>span{color:var(--xs-mut);font-size:.92em}.xs .xs-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;display:grid}.xs .xs-tile{border:1px solid var(--xs-line);background:var(--xs-card);border-radius:.8em;gap:.15em;padding:.75em .85em;display:grid}.xs .xs-tile>span{color:var(--xs-mut);font-size:.85em;font-weight:500}.xs .xs-tile b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75em;font-weight:650;line-height:1.1}.xs .xs-tile small{color:var(--xa);font-size:.85em}.xs .xs-chart{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:.5em;height:8.5em;display:grid}.xs .xs-chart>span{grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:.25em;min-width:0;display:grid}.xs .xs-chart b{color:var(--xs-mut);font-variant-numeric:tabular-nums;font-size:.85em;font-weight:500}.xs .xs-chart i{width:100%;height:var(--v);background:color-mix(in oklab, var(--xa) 32%, transparent);border-radius:.35em .35em .15em .15em;align-self:end}.xs .xs-chart small{color:var(--xs-mut);font-size:.85em}.xs .xs-chart .hi i{background:var(--xa)}.xs .xs-chart .hi b{color:var(--xa);font-weight:650}.xs .xs-step{grid-template-columns:1.15em minmax(0,1fr);column-gap:.75em;padding-bottom:.8em;display:grid;position:relative}.xs .xs-step:last-child{padding-bottom:0}.xs .xs-step:before{content:"";background:var(--xs-line2);width:2px;position:absolute;top:1.3em;bottom:.05em;left:calc(.575em - 1px)}.xs .xs-step:last-child:before{display:none}.xs .xs-step i{z-index:1;border:2px solid var(--xs-line2);background:var(--xs-card);border-radius:50%;grid-row:span 2;width:1.15em;height:1.15em;margin-top:.1em;position:relative}.xs .xs-step.done i{border-color:var(--xa);background:var(--xa)}.xs .xs-step.done i:after{content:"";border:solid var(--xa-on);border-width:0 2px 2px 0;width:.28em;height:.52em;position:absolute;top:.12em;left:.3em;transform:rotate(45deg)}.xs .xs-step.now i{border-color:var(--xa);box-shadow:0 0 0 .25em color-mix(in oklab, var(--xa) 22%, transparent)}.xs .xs-step>span{color:var(--xs-mut);font-size:.92em}.xs .xs-step.next b{color:var(--xs-mut);font-weight:500}.xs .xs-thread{gap:.45em}.xs .xs-msg{border-radius:1.05em;max-width:86%;padding:.55em .8em}.xs .xs-msg.them{background:var(--xs-chip);border-bottom-left-radius:.3em;justify-self:start}.xs .xs-msg.us{background:var(--xa);color:var(--xa-on);border-bottom-right-radius:.3em;justify-self:end}.xs .xs-msg.sys{text-align:center;max-width:none;font:500 .85em/1.3 var(--f-mono), ui-monospace, monospace;color:var(--xs-mut);justify-self:center;padding:.15em .4em}.xs .xs-row{border-top:1px solid var(--xs-line);justify-content:space-between;align-items:center;gap:.7em;padding:.6em 0;display:flex}.xs .xs-row:first-child{border-top:0;padding-top:.15em}.xs .xs-row>span{gap:.1em;min-width:0;display:grid}.xs .xs-row>span>span{color:var(--xs-mut);font-size:.92em}.xs .xs-choices{gap:.5em;display:grid}.xs .xs-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;display:grid}.xs .xs-opt{border:1px solid var(--xs-line2);background:var(--xs-card);border-radius:.7em;gap:.1em;padding:.65em .8em;display:grid}.xs .xs-opt>span{color:var(--xs-mut);font-size:.92em}.xs .xs-opt.on{border-color:var(--xa);box-shadow:inset 0 0 0 1px var(--xa);background:color-mix(in oklab, var(--xa) 10%, var(--xs-card))}.xs .xs-cta{text-align:center;justify-items:center;gap:.35em;display:grid}.xs .xs-cta b{background:var(--xa);width:100%;color:var(--xa-on);border-radius:.7em;padding:.8em 1em;font-weight:650}.xs .xs-cta>span{color:var(--xs-mut);font-size:.92em}.xs .xs-note{border-left:2px solid var(--xa);color:var(--xs-mut);padding-left:.7em;font-size:.92em}
.work-grid>li{position:relative}.scv-zoom{z-index:2;color:#eef2f7;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060ab8;border:1px solid #eef2f747;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;transition:border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:12px;right:12px}.scv-zoom:hover{border-color:var(--accent-bright,#5aa7ff)}.scv-zoom:active{transform:scale(.94)}.scv-zoom svg,.scv-x svg,.scv-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.scv-dlg{color:#eef2f7;background:#04060a;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden}.scv-dlg::backdrop{background:#04060ae6}.scv-dlg[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}@media (prefers-reduced-motion:no-preference){html:not([data-motion=static]) .scv-dlg[open]{animation:.35s cubic-bezier(.16,1,.3,1) scv-in}}@keyframes scv-in{0%{opacity:0;transform:scale(.985)}}html:has(.scv-dlg[open]){overflow:hidden}.scv-top{padding:calc(10px + env(safe-area-inset-top)) 12px 10px 20px;justify-content:space-between;align-items:center;gap:12px;display:flex}.scv-n{font:500 12px/1 var(--f-mono), ui-monospace, monospace;letter-spacing:.12em;color:var(--fg-2,#a3aebc)}.scv-x,.scv-btn{color:#eef2f7;cursor:pointer;background:#04060acc;border:1px solid #eef2f74d;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:border-color .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:grid}.scv-x:hover,.scv-btn:hover{border-color:var(--fg-2,#a3aebc)}.scv-x:active,.scv-btn:active{transform:scale(.94)}.scv-btn:disabled{opacity:.3;cursor:default}.scv-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow:auto hidden}.scv-track::-webkit-scrollbar{display:none}.scv-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;margin:0;padding:0 12px;display:grid}.scv-pan{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-y:contain;scrollbar-width:thin;border-radius:10px;min-height:0;display:flex;overflow:auto}.scv-pan img{max-width:none;height:auto;margin:auto;display:block}.scv-slide.wide img{width:min(var(--nw), 1100px)}.scv-slide.tall img{width:min(100%, var(--nw), 440px)}.scv-drawn{border:1px solid #eef2f724;border-radius:12px;flex:none;width:min(100%,1100px);margin:auto;overflow:hidden}.scv-slide figcaption{text-align:center;min-height:1.4em;color:var(--fg-2,#a3aebc);font-size:14px;line-height:1.4}@media (min-width:761px){.scv-slide{padding:0 24px}.scv-slide.wide img,.scv-slide.tall img{width:auto;max-width:min(100%, var(--nw));max-height:100%}}.scv-nav{padding:10px 12px calc(12px + env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:14px;display:flex}.scv-cap{font:500 12px/1.3 var(--f-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2,#a3aebc);text-align:center;margin:0}
@media (max-width:1023px){.bp-grid{gap:0}.bp-list{display:contents}.bp-list>li:first-child .bp-btn{border-top:1px solid var(--line)}.bp-grid>.bp-panel{border-bottom:1px solid var(--line);padding:22px 0 30px}.bp-btn{min-height:64px}}@media (pointer:coarse),(max-width:760px){.lc-range::-webkit-slider-thumb{width:44px;height:44px;box-shadow:none;background:radial-gradient(circle,#eef2f7 0 12.5px,#2e8dff3d 13px 19.5px,#0000 20px);margin-top:-20px}.lc-range::-moz-range-thumb{width:44px;height:44px;box-shadow:none;background:radial-gradient(circle,#eef2f7 0 12px,#2e8dff3d 12.5px 19px,#0000 19.5px)}.lc-dots i{position:relative}.lc-dots i:before{content:"";position:absolute;inset:-15px -3px}.wf-top>.hint{order:-1}}.peek-btns{gap:8px;margin-left:auto;display:inline-flex}.peek-btns button{border:1px solid var(--line-2);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;transition:border-color .2s,opacity .2s,transform .2s cubic-bezier(.16,1,.3,1);display:grid}.peek-btns button:hover{border-color:var(--fg-2)}.peek-btns button:active{transform:scale(.94)}.peek-btns button:disabled{opacity:.35;cursor:default}.peek-btns svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}@media (min-width:1024px){.peek-btns{display:none}}@media (pointer:coarse),(max-width:760px){.st-when{letter-spacing:.06em;font-size:12px}.bp-rep b,.wf-chip .mono,.sg-track figcaption b{font-size:12px}}@media (max-width:760px){#work .work-line{display:none}}
.work-grid{scroll-padding-inline:var(--gutter)}@media (max-width:1023px){.v3 .work-grid{margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter) 24px}}.work-grid>li[hidden]{display:none!important}.work-card{gap:16px}.work-card .h-card{transition:color .25s var(--ease-out)}.work-card:hover .h-card{color:var(--accent-bright)}.wg-nav{align-items:center;gap:14px;margin-left:auto;display:inline-flex}.wg-n{letter-spacing:.12em;color:var(--fg-2);font-size:12px}@media (min-width:1024px){.wg-n,.wg-bar.no-fine{display:none}}.wc-shot{--rx:0deg;--ry:0deg;isolation:isolate;aspect-ratio:4/5;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease-out), border-color .3s var(--ease-out), box-shadow .45s var(--ease-out);background:#0b0f16;border:1px solid #eef2f729;border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 30px 60px -32px #000000e6,0 0 100px -46px #2e8dff59;container-type:size}@media (min-width:761px){.wc-shot{aspect-ratio:4/3}}@media (min-width:1024px){.wc-shot{aspect-ratio:16/10}}:is(.work-card,.xg-tile):hover .wc-shot{border-color:#5aa7ff8c;box-shadow:0 30px 60px -32px #000000e6,0 0 120px -40px #2e8dff8c}.wc-shot picture{display:contents}.wc-shot img{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}@media (max-width:760px){.wc-shot picture img{object-position:var(--pos,50% 0)}}.v3 .wc-shot img.wc-focus{max-width:none;height:auto;width:min(var(--nw), max(calc(var(--nw) * var(--s)), calc(100cqh * var(--r) / (1 - var(--fy) / 100)), calc(100cqw / (1 - var(--fx) / 100))));translate:calc(var(--fx) * -1%) calc(var(--fy) * -1%);position:absolute;top:0;left:0}@media (min-width:1024px){.v3 .wc-shot img.wc-focus{width:min(var(--nw), max(calc(var(--nw) * var(--sd)), calc(100cqh * var(--r) / (1 - var(--fyd) / 100)), calc(100cqw / (1 - var(--fxd) / 100))));translate:calc(var(--fxd) * -1%) calc(var(--fyd) * -1%)}}.work-card .wc-shot .xs .xs-bar{padding-right:64px}@container (max-width:359px){.work-card .xs .xs-ex{display:none}}.work-tags{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.wc-ex{color:#cfe4ff;letter-spacing:.12em;background:#2e8dff1f;border:1px solid #5aa7ff99;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}@media (max-width:760px){.work-tags{font-size:12px}}.work-grid>li[data-sep]{display:none}.wc-sep-h{font-family:var(--f-display), Arial, sans-serif;letter-spacing:-.035em;font-size:clamp(1.6rem,1.2rem + 1vw,2.3rem);font-weight:300;line-height:1.05}.wc-sep p{color:var(--fg-2);max-width:60ch;font-size:15.5px}@media (min-width:1024px){.work-grid.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:52px 28px}.work-grid.bento>li{grid-column:span 2;min-width:0}.work-grid.bento>li[data-span="3"]{grid-column:span 3}.work-grid.bento>li[data-span=c]{grid-column:1/-1;justify-self:center;width:calc(50% - 14px)}.work-grid.bento>li[data-span=f]{grid-area:span 2/span 4}.work-grid.bento>li[data-span=f] .work-card{height:100%}.work-grid.bento>li[data-span=f] .wc-shot{aspect-ratio:auto;flex:auto;min-height:340px}.work-grid.bento>li[data-span=f] .h-card{font-size:clamp(1.9rem,1.3rem + 1vw,2.5rem)}.work-grid.bento>li[data-sep]:not([hidden]){border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:10px 28px;padding-top:36px;display:flex}}@media (max-width:760px){.work-grid.bento .work-line{display:none}}@media (min-width:1024px){.work-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.xg-tile{all:unset;box-sizing:border-box;cursor:zoom-in;scroll-snap-align:start;perspective:1100px;gap:14px;width:100%;display:grid}.xg-tile:focus-visible .wc-shot{outline:2px solid var(--accent-bright);outline-offset:3px}.xg-cap{color:var(--fg-2);font-size:15px;line-height:1.45}@media (prefers-reduced-motion:reduce){.wc-shot{transition:border-color .3s var(--ease-out);transform:none}}html[data-motion=static] .wc-shot{transition:border-color .3s var(--ease-out);transform:none}.ex-note{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:15px;display:flex}.ex-who{margin-top:10px}