@font-face{font-family:Crenville;src:url(/fonts/crenville_fontage_-_sans_rough-webfont.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html{font-synthesis:none}:root{--f-display:"Crenville","Roboto",system-ui,sans-serif;--f-ui:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;--nav-h:64px;--bg:#060606;--fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{box-sizing:border-box;background:var(--bg)}*,:before,:after{box-sizing:inherit}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);font:13px/1.6 var(--f-ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.sheet-open{overflow:hidden}#page{pointer-events:none;position:relative}.marker{width:1px;height:1px;position:absolute;top:0;left:0}#works{z-index:2;visibility:hidden;pointer-events:auto;position:fixed;inset:0}#works.is-live{visibility:visible}#fruit-stage{z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}#fruit-stage.shown{opacity:1}#fruit-stage.is-live{pointer-events:auto}.fruit-canvas{visibility:hidden;cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.fruit-canvas.grabbing{cursor:grabbing}.fruit-fallback{text-align:center;font:600 24px var(--f-display);color:#fff;position:absolute;inset:auto 16px 50%}#hero-media{z-index:4;background:#000;transition:opacity .3s,visibility;position:fixed;inset:0}#hero-media.off{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}#hero-media video,#hero-media img{object-fit:cover;width:100%;height:100%;display:block}html:not(.no-ink) #hero-media{z-index:1}#ink{z-index:5;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}html.no-ink #ink{display:none}#ink-fallback{z-index:5;pointer-events:none;place-items:center start;padding:16px;display:none;position:fixed;inset:0}html.no-ink #ink-fallback{display:grid}.fb-text{text-align:left;max-width:17em;font:400 clamp(36px,5vw,88px)/1.04 var(--f-display);letter-spacing:-.014em;text-wrap:balance;color:#fff;opacity:0;text-shadow:0 1px 24px #00000073;margin:0;transition:opacity .3s}.fb-text.on{opacity:1}.skip{left:16px;top:calc(var(--nav-h) + 12px);z-index:30;color:#000;font:700 12px var(--f-ui);opacity:0;pointer-events:none;background:#fff;padding:8px 12px;text-decoration:none;position:fixed}.skip:focus,.skip:focus-visible{opacity:1;pointer-events:auto}.chrome{z-index:20;color:#fff;font:400 11px/1.45 var(--f-ui);pointer-events:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;padding:12px 16px;display:grid;position:fixed;left:0;right:0}.chrome a,.chrome button{pointer-events:auto}#site-nav{min-height:var(--nav-h);align-items:start;top:0}#site-footer{align-items:end;min-height:80px;transition:none;bottom:0}.cg{flex-direction:column;min-width:0;display:flex}.chrome>.cg:first-child{grid-column:1/3}.chrome>.cg:nth-child(2){grid-column:3/5}.chrome>.cg:nth-child(3){grid-column:5/8}.chrome>.cg:nth-child(4){grid-column:8/11}.chrome>.cg:nth-child(5){grid-column:11/13}.cg-l{letter-spacing:.09em;text-transform:uppercase;color:#ffffff8c;font-size:10px}.cl{white-space:nowrap;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}a.cl:hover{text-underline-offset:2px;text-decoration:underline}.cl .dot{opacity:0;width:1.3em;display:inline-block}.cl.on .dot{opacity:1}.cg-identity .cl:first-child{font-weight:700}.cg-progress .bar{background:#ffffff40;height:1px;margin-top:6px;display:block;overflow:hidden}.cg-progress .bar i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.cg-works .nav-works{visibility:hidden;opacity:0;transition:opacity .25s,visibility 0s .25s}.cg-works .nav-works.on{visibility:visible;opacity:1;transition:opacity .25s}.nav-works .crumbs{flex-direction:column;min-width:0;display:flex}.nav-works button{all:unset;cursor:pointer;pointer-events:auto}.nav-works button.cl:hover,.nav-works .tools button:hover{text-underline-offset:2px;text-decoration:underline}.nav-works button:focus-visible{outline-offset:1px;outline:1px solid #fff}.nav-works .cur{color:#fff9}.nav-works .tools{gap:10px;margin-top:2px;display:flex}.nav-works .zpct{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch}#loader .loader-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#loader .loader-enter{color:#0000;cursor:pointer;background:0 0;border:0;width:96px;height:36px;margin:0;padding:0;font-size:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loader .loader-enter:focus,#loader .loader-enter:focus-visible{outline:none}#loader.leaving{opacity:0;transition:opacity .4s}#site-nav,#site-footer{transition:filter .6s}html.loading #site-nav,html.loading #site-footer{filter:opacity(0);pointer-events:none}.works-scope{--canvas:#3b0910;--grid:transparent;--node:#2a060b;--node-2:#33080e;--line:#5e1720;--ink:#fbeae6;--ink-2:#e7b9b3;--ink-3:#c98e88;--acc:#ffb3a7;--acc-text:#ffb3a7;--sel:#fff;--bar:#2a060be6;--shadow:0 1px 2px #00000059, 0 14px 30px -12px #0000008c;--shadow-up:0 2px 4px #0006, 0 26px 50px -14px #000000a6;--me-bg:#220509;--me-fg:#fbeae6;--me-line:#ffb3a7;--on-mix:16%;--on-fg:0%;--brain:#ff8f8f;--brain-a:.2;--pattern:none;--cat:var(--acc);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#works{color:var(--ink)}.works-pin{background:var(--canvas);position:absolute;inset:0;overflow:hidden}.works-graph{will-change:transform;flex-direction:column;height:100%;display:flex;position:relative}.vp{touch-action:none;cursor:grab;background-color:var(--canvas);background-image:var(--pattern);-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.vp.panning,.vp.panning .node{cursor:grabbing}.vp.space,.vp.space .node{cursor:grab}.vp:has(.dragging){cursor:grabbing}.brain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.nodes{position:absolute;top:0;left:0}.wires{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.wire{fill:var(--cat);stroke:none;transition:opacity .3s}.wire.k-stub{fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:.13 .1;opacity:.7}.wire.k-br{opacity:.85}.wire.k-br.dim{opacity:.2}.wire.k-br.act{opacity:1}.wire.k-sec{opacity:.6}.wire.k-media{opacity:.55}.wire.k-in{fill:var(--ink-3);opacity:.7}.wire.dim{opacity:.14}.rest{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;pointer-events:none;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.hint{z-index:3;background:var(--bar);max-width:calc(100% - 32px);font:11px var(--f-mono);color:var(--ink-3);pointer-events:none;border-radius:3px;padding:5px 9px;position:absolute;bottom:14px;left:16px}.node{--fr:var(--line);--frame:inset 2.5px 0 0 var(--fr),inset 0 -1.5px 0 var(--fr);background:var(--node);border:1px solid var(--fr);box-shadow:var(--frame),var(--shadow);outline:1px solid color-mix(in oklab,var(--fr) 55%,transparent);outline-offset:-5px;-webkit-user-select:none;user-select:none;border-radius:14px 3px;transition:opacity .35s,box-shadow .25s,border-color .25s;position:absolute;top:0;left:0}.node.enter,.node.leave{opacity:0}.node.leave{pointer-events:none}.me,.card,.item,.mnode{cursor:grab}.node.dragging{cursor:grabbing;box-shadow:var(--frame),var(--shadow-up);transition:opacity .35s,border-color .25s}.port{z-index:2;background:var(--cat);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:29px}.port.in{left:-5px}.port.out{right:-5px}.node.mid .port{top:50%}.mono-l{font:500 10.5px/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.vp :focus-visible{outline:2px solid var(--sel);outline-offset:2px}.me{--fr:var(--me-line);--frame:inset 4px 0 0 var(--fr),inset 0 -2.5px 0 var(--fr);background:var(--me-bg);width:368px;color:var(--me-fg);box-shadow:var(--frame),var(--shadow-up);outline-offset:-7px;border-radius:22px 4px}.me-h{padding:26px 26px 22px}.me-h .mono-l,.me-l,.me-f{color:color-mix(in oklab,var(--me-fg) 52%,var(--me-bg))}.me h1{font:600 50px/.95 var(--f-display);letter-spacing:-.005em;margin:12px 0 10px}.me-h p{max-width:30ch;color:color-mix(in oklab,var(--me-fg) 82%,var(--me-bg));margin:0;font-size:12px;line-height:1.5}.me-l{border-top:1px solid color-mix(in oklab,var(--me-fg) 15%,transparent);font:500 10.5px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;padding:14px 26px 6px;display:block}.prow{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;padding:11px 26px;transition:background .2s;display:grid;position:relative}.prow:hover{background:color-mix(in oklab,var(--me-fg) 8%,var(--me-bg))}.prow.on{background:color-mix(in oklab,var(--cat) var(--on-mix),color-mix(in oklab,var(--me-fg) var(--on-fg),var(--me-bg)));box-shadow:inset 3px 0 0 var(--cat)}.prow .pn{font:600 16px/1.2 var(--f-display);letter-spacing:-.005em}.prow .pc{font:500 12px var(--f-mono);font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--me-fg) 60%,var(--me-bg))}.prow .pp{color:color-mix(in oklab,var(--me-fg) 58%,var(--me-bg));white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:12px;overflow:hidden}.prow .port{top:50%;right:-5px}.prow.on .port{transform:scale(1.25)}.me .port.mi{background:var(--ink-3);top:auto;left:-5px}.me-f{border-top:1px solid color-mix(in oklab,var(--me-fg) 15%,transparent);font:11px var(--f-mono);justify-content:space-between;gap:12px;padding:14px 26px 20px;display:flex}.work{cursor:pointer;width:360px}.work:hover{--fr:color-mix(in oklab,var(--cat) 55%,var(--line))}.work.open{--fr:color-mix(in oklab,var(--cat) 55%,var(--line));cursor:default;width:440px;box-shadow:var(--frame),var(--shadow-up)}.work.muted{opacity:.4}.work.muted:hover{opacity:.85}.w-b{gap:8px;padding:16px 18px 4px;display:grid}.w-t{font:600 22px/1.08 var(--f-display);letter-spacing:-.005em;text-wrap:balance;margin:0}.work.open .w-t{font-size:31px;line-height:1.04}.w-l{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.work.open .w-l{color:var(--ink);font-size:14px;display:block}.w-hl{font:500 11.5px var(--f-ui);color:var(--ink);align-items:center;gap:7px;display:flex}.w-more{display:none}.work.open .w-more{gap:14px;margin-top:6px;display:grid}.w-card{color:var(--ink-2);margin:0;font-size:12px}.w-card span{margin-bottom:2px;display:block}.params{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.params dt,.params dd{border-bottom:1px solid var(--line);margin:0;padding:7px 0}.params dt{font:500 10px/1.8 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding-right:14px}.params dd{font-size:12px;line-height:1.5}.tagline{font:10.5px/1.6 var(--f-mono);color:var(--ink-3)}.w-f{border-top:1px dashed var(--line);font:10.5px var(--f-mono);color:var(--ink-3);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 18px 14px;display:flex}.w-go{background:color-mix(in oklab,var(--cat) 16%,var(--node));height:28px;color:var(--ink);font:700 12px var(--f-ui);cursor:pointer;border:0;border-radius:3px;flex:none;padding:0 11px}.w-go:hover{background:color-mix(in oklab,var(--cat) 26%,var(--node))}.card{width:300px;box-shadow:var(--frame);background:color-mix(in oklab,var(--node) 72%,var(--canvas));padding:14px 16px 13px}.card.muted,.mnode.muted{opacity:.4}.c-t{font:600 16px/1.2 var(--f-display);letter-spacing:-.005em;margin:0}.c-i{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.c-f{white-space:nowrap;text-overflow:ellipsis;margin-top:10px;overflow:hidden}.sec{cursor:pointer;width:440px}.sec:hover{--fr:color-mix(in oklab,var(--cat) 50%,var(--line))}.sec.exp{--fr:color-mix(in oklab,var(--cat) 45%,var(--line));cursor:default}.s-top{padding:16px 18px 0}.s-k{gap:10px;display:flex}.s-k b{color:var(--acc-text);font-weight:500}.s-h{font:600 19px/1.2 var(--f-display);letter-spacing:-.005em;text-wrap:balance;margin:8px 0 0}.s-pre{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 18px 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.s-full{gap:12px;min-width:0;padding:12px 18px 0;display:none}.sec.exp .s-full{display:grid}.sec.exp .s-pre{display:none}.s-full p{margin:0;font-size:13px;line-height:1.6}.s-full strong{font-weight:700}.s-full ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.s-full li+li{margin-top:4px}.s-full ul ul{color:var(--ink-2);margin-top:4px}.s-f{border-top:1px dashed var(--line);font:10.5px var(--f-mono);color:var(--ink-3);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 18px 14px;display:flex}.s-go{font:700 12px var(--f-ui);color:var(--ink)}.grp{--cat:var(--ink-3);cursor:pointer;width:178px;padding:12px 18px 13px}.grp:hover{--fr:var(--ink-3)}.grp h3{font:600 17px/1.15 var(--f-display);letter-spacing:-.005em;margin:0 0 3px}.grp .tg{font:500 15px/1 var(--f-mono);color:var(--ink-3);position:absolute;top:12px;right:16px}.grp.closed{border-style:dashed;width:236px}.g-pv{border-top:1px dashed var(--line);color:var(--ink-2);margin:9px 0 0;padding-top:9px;font-size:12px;line-height:1.5;display:none}.grp.closed .g-pv{display:block}.item{--cat:var(--ink-3);width:262px;box-shadow:var(--frame);background:color-mix(in oklab,var(--node) 72%,var(--canvas));gap:2px;padding:10px 14px 11px;display:grid}.item b{font-size:13px;font-weight:700;line-height:1.35}.item span{color:var(--ink-2);font-size:12px;line-height:1.45}.item .in-k{font:500 10px/1.5 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.in-ln{flex-wrap:wrap;gap:3px 12px;margin-top:3px;display:flex}.in-ln button{font:500 11.5px var(--f-ui);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.mnode.k-in{--cat:var(--ink-3)}.mimg{width:236px;padding:6px}.mimg.cover{width:320px}.mimg .ph{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--cat) 12%,var(--node)) 0 7px,color-mix(in oklab,var(--cat) 4%,var(--node)) 7px 14px);border-radius:9px 2px;align-items:flex-end;padding:8px 10px;display:flex;position:relative;overflow:hidden}.mimg.cover .ph{aspect-ratio:16/9}.mimg .ph span{font:10px/1.3 var(--f-mono);color:var(--ink-3);word-break:break-all;position:relative}.mimg .ph img{z-index:1;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.m-cap{color:var(--ink-2);gap:2px;padding:8px 6px 4px;font-size:12px;line-height:1.4;display:grid}.m-a{color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:11px 16px 11px 12px;text-decoration:none;display:grid}.mvid{width:290px}.mlink{width:232px}.m-ic{background:var(--cat);width:30px;height:30px;color:var(--node);border-radius:50%;place-items:center;font-size:10px;display:grid}.mlink .m-ic{background:color-mix(in oklab,var(--cat) 18%,var(--node));color:var(--ink);border-radius:3px;font-size:13px}.m-a b{font-size:13px;font-weight:700;line-height:1.3;display:block}.m-a em{font:normal 10.5px/1.4 var(--f-mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}a.m-a:hover b{text-decoration:underline}.egg{width:262px;box-shadow:none;cursor:grab;background:0 0;border:0}.egg-in{background:color-mix(in oklab,var(--acc) 24%,#fff);color:#1d1b19;border-radius:2px;padding:14px 16px 15px;transform:rotate(-2.5deg);box-shadow:0 12px 26px -10px #78320073}.egg-in .mono-l,.egg-in small{color:color-mix(in oklab,var(--acc) 70%,#000)}.egg-in p{font:600 16px/1.25 var(--f-display);letter-spacing:-.005em;margin:6px 0 10px}.egg-apps{flex-wrap:wrap;gap:6px;display:flex}.egg-apps span{font:500 12px var(--f-ui);background:#ffffff8c;border-radius:3px;align-items:center;gap:6px;padding:4px 8px 4px 4px;display:inline-flex}.egg-apps i{background:var(--acc);color:#fff;width:18px;height:18px;font:700 10px var(--f-mono);border-radius:3px;place-items:center;font-style:normal;display:grid}.egg-in small{font:11px var(--f-mono);margin-top:10px;display:block}@media (prefers-reduced-motion:reduce){.wire,.node,.prow,.rest{transition:none}}.works-pin:after{content:"";height:calc(var(--nav-h) + 120px);background:linear-gradient(var(--canvas) 60%,transparent);pointer-events:none;z-index:4;position:absolute;top:0;left:0;right:0}.hint{opacity:0;transition:opacity .3s}#works.resting .hint{opacity:1}.mvid .vframe{aspect-ratio:16/9;background:#000;border-radius:9px 2px;margin:6px 6px 0;position:relative;overflow:hidden}.mvid .vframe iframe,.mvid .vframe video{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.mvid .m-cap{padding:8px 12px 10px}.mvid .m-cap a{color:inherit;text-decoration:none}.mvid .m-cap a:hover{text-decoration:underline}.node>.orn{z-index:-1;pointer-events:none;fill:var(--orn);transition:fill .25s;position:absolute;top:-25px;left:-25px;overflow:visible}.node{--orn:color-mix(in oklab,var(--acc) 55%,var(--line))}.me{--orn:var(--me-line)}.work.open,.sec.exp,.work:hover,.sec:hover{--orn:color-mix(in oklab,var(--acc) 85%,var(--line))}.grp,.item,.mnode.k-in{--orn:color-mix(in oklab,var(--ink-3) 75%,var(--line))}@media (max-width:768px){:root{--nav-h:56px}.chrome{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px}.chrome>.cg:nth-child(n){grid-column:span 2}.cg-now,.cg-contact,.cg-works,#site-footer .cg:not(.cg-studio):not(.cg-progress){display:none}#site-footer{min-height:0}.works-graph{height:auto;display:block}}.mw{color:var(--ink);background:var(--canvas);padding:12px 16px 48px}.mw .mono-l{font:500 10px/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.mw-head{border-bottom:1px solid var(--line);padding:12px 0 18px}.mw-name{font:600 40px/.95 var(--f-display);letter-spacing:-.005em;margin:0}.mw-line{color:var(--ink-2);margin:10px 0 14px;font-size:12px;line-height:1.5}.mw-inputs{gap:8px;padding:16px 0;display:grid}.mw-acc{border:1px dashed var(--line);background:var(--node);border-radius:4px}.mw-acc[open]{border-style:solid}.mw-acc summary{cursor:pointer;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;list-style:none;display:grid}.mw-acc summary::-webkit-details-marker{display:none}.mw-acc-t{font:600 17px/1.15 var(--f-display)}.mw-acc-pv{color:var(--ink-2);grid-column:1/-1;margin-top:6px;font-size:12px;line-height:1.5}.mw-acc[open] .mw-acc-pv{display:none}.mw-acc ul{gap:10px;margin:0;padding:0 14px 12px;list-style:none;display:grid}.mw-acc li{color:var(--ink-2);gap:2px;font-size:12px;line-height:1.45;display:grid}.mw-acc li b{color:var(--ink);font-size:13px}.mw-acc .in-k{font:500 10px/1.5 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.mw-acc li button,.mw-acc li a{font:500 12px var(--f-ui);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.mw-chips{scrollbar-width:none;gap:6px;margin:0 -16px;padding:4px 16px 14px;display:flex;overflow-x:auto}.mw-chip{border:1px solid var(--line);background:var(--node);height:32px;font:500 12px var(--f-ui);white-space:nowrap;cursor:pointer;border-radius:3px;flex:none;padding:0 12px}.mw-chip span{color:var(--ink-3)}.mw-chip[aria-selected=true]{border-color:var(--acc);box-shadow:inset 3px 0 0 var(--acc)}.mw-cards{gap:12px;display:grid}.mw-card{border:1px solid var(--line);background:var(--node);color:var(--ink);box-shadow:var(--shadow);border-radius:4px;text-decoration:none;display:block}.mw-case .mw-ph{border-radius:4px 4px 0 0}.mw-card-b{gap:7px;padding:14px 14px 16px;display:grid}.mw-card h3,.mw-detail h2,.mw-ch h3{font-family:var(--f-display);letter-spacing:-.005em;text-wrap:balance;margin:0;font-weight:600}.mw-case h3{font-size:22px;line-height:1.08}.mw-lead{color:var(--ink-2);margin:0;font-size:13px;line-height:1.6}.mw-case .mw-lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mw .w-hl,.mw-detail .w-hl{font:500 11.5px var(--f-ui);align-items:center;gap:7px;display:flex}.w-hl i{background:var(--acc);width:7px;height:7px;transform:rotate(45deg)}.mw-cat{box-shadow:none;background:color-mix(in oklab,var(--node) 72%,var(--canvas));padding:12px 14px 13px}.mw-cat h3{font-size:16px;line-height:1.2}.mw-cat p{color:var(--ink-2);margin:6px 0 8px;font-size:12px;line-height:1.45}.mw-visit{font:700 12px var(--f-ui);color:var(--ink);margin-top:8px;display:inline-block}.mw-ph{background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--acc) 12%,var(--node)) 0 7px,color-mix(in oklab,var(--acc) 4%,var(--node)) 7px 14px);border-radius:3px;align-items:flex-end;padding:8px 10px;display:flex;position:relative;overflow:hidden}.mw-ph[style*=auto]{min-height:120px}.mw-ph span{font:10px/1.3 var(--f-mono);color:var(--ink-3);word-break:break-all;position:relative}.mw-ph img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mw-ph[style*=auto] img{height:auto;margin:-8px -10px;position:relative}.mw-sheet{z-index:40;overscroll-behavior:contain;background:var(--canvas);color:var(--ink);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.mw-sheet-bar{z-index:2;background:var(--bar);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:10px 16px;position:sticky;top:0}.mw-back{border:1px solid var(--line);background:var(--node);height:32px;font:700 12px var(--f-ui);cursor:pointer;border-radius:3px;padding:0 12px}.mw-detail{gap:12px;padding:16px 16px 48px;display:grid}.mw-detail .mono-l{font:500 10px/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.mw-detail h2{font-size:31px;line-height:1.04}.mw-detail .mw-lead{color:var(--ink);font-size:14px}.mw-detail .w-card{color:var(--ink-2);margin:0;font-size:12px}.mw-detail .w-card span{margin-bottom:2px;display:block}.mw-detail .params{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.mw-detail .params dt,.mw-detail .params dd{border-bottom:1px solid var(--line);margin:0;padding:7px 0}.mw-detail .params dt{font:500 10px/1.8 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding-right:14px}.mw-detail .params dd{font-size:12px;line-height:1.5}.mw-links{flex-wrap:wrap;gap:6px;display:flex}.mw-links .btn{border:1px solid var(--line);background:var(--node);height:32px;color:var(--ink);font:700 12px var(--f-ui);border-radius:3px;align-items:center;padding:0 11px;text-decoration:none;display:inline-flex}.mw-ch{border-top:1px dashed var(--line);gap:10px;padding-top:18px;display:grid}.mw-ch .s-k{gap:10px;display:flex}.mw-ch .s-k b{color:var(--acc-text);font-weight:500}.mw-ch h3{font-size:19px;line-height:1.2}.mw-ch p{margin:0;font-size:13px;line-height:1.6}.mw-ch ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.mw-ch figure{margin:0}.mw-ch figcaption{color:var(--ink-2);padding-top:6px;font-size:12px}.mw-ch video{background:#000;border-radius:3px;width:100%;display:block}.mw-vid{border:1px solid var(--line);background:var(--node);color:var(--ink);border-radius:4px;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:11px 12px;text-decoration:none;display:grid}.mw-vid .m-ic{background:var(--acc);width:30px;height:30px;color:var(--node);border-radius:50%;place-items:center;font-size:10px;display:grid}.mw-vid b{font-size:13px;display:block}.mw-vid em{font:normal 10.5px var(--f-mono);color:var(--ink-3);display:block}.mw-colophon{border-top:1px solid var(--line);padding-top:12px}.mw-pn{border-top:1px solid var(--line);font:700 12px var(--f-ui);justify-content:space-between;gap:12px;padding-top:14px;display:flex}.mw-pn a{color:var(--ink);text-decoration:none}.mw-vframe{aspect-ratio:16/9;background:#000;border-radius:3px;position:relative;overflow:hidden}.mw-vframe iframe,.mw-vframe video{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.dev-panel{z-index:50;color:#ddd;width:300px;font:11px/1.4 var(--f-mono);background:#0a0a0beb;border:1px solid #333;flex-direction:column;display:flex;position:fixed;top:76px;bottom:12px;right:12px}.dev-panel.min{bottom:auto}.dev-panel.min .dev-b{display:none}.dev-h{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.dev-b{gap:6px;padding:8px 10px;display:grid;overflow-y:auto}.dev-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dev-panel button{color:#eee;cursor:pointer;background:#1a1a1d;border:1px solid #555;padding:4px 8px}.dev-s{grid-template-columns:1fr 110px 44px;align-items:center;gap:6px;display:grid}.dev-s input{width:100%}.dev-s output{text-align:right;color:#aaa}.dev-heart{z-index:4;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.dev-heart svg{opacity:.35;height:56vh}.dev-heart path{fill:none;stroke:#e0245e;stroke-width:1.2px;vector-effect:non-scaling-stroke}html.dev-mask .chrome{display:none}