@font-face{font-family:Hubot Sans;font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(/assets/hubot-sans-latin-WvD0lRGe.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hubot Sans;font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(/assets/hubot-sans-latin-ext-cnAieOLZ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/jetbrains-mono-latin-Db4Uuiha.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/jetbrains-mono-latin-ext-Bnd2h4Br.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--blue: rgb(18, 0, 255);--orange: rgb(255, 72, 0);--grey: rgb(216, 216, 216);--black: rgb(0, 0, 0);--bg: var(--grey);--fg: var(--blue);--label: var(--blue);--code: var(--blue);--font-display: "Hubot Sans", system-ui, sans-serif;--font-sans: "Hubot Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--theme-fade: .6s var(--ease-soft)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:var(--font-sans);font-size:16px;letter-spacing:-.015em;background:var(--bg);color:var(--fg);transition:background var(--theme-fade),color var(--theme-fade);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}#root{height:100%}html{cursor:var(--cursor, auto)}a,button,label,summary,select,[role=button]{cursor:var(--cursor-hover, pointer)}button{font-family:inherit}:focus-visible{outline:2px solid var(--code);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ph-img{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.ph-img__el{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease-soft)}.ph-img__el.is-loaded{opacity:1}.app{position:fixed;top:0;right:0;bottom:0;left:0}.app{--shell-bg: var(--bg);--shell-fg: var(--fg)}.app{--edge-gap: 0px}@supports (-webkit-touch-callout: none){.app{--edge-gap: 6px;top:var(--edge-gap);bottom:var(--edge-gap);contain:paint}}.topbar{position:fixed;top:calc(-1 * var(--edge-gap));left:0;right:0;height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:42px 64px 0;z-index:50;pointer-events:none}.topbar>*{pointer-events:auto}.code-block{font-family:var(--font-mono);font-size:13px;line-height:16px;letter-spacing:-.03em;color:var(--code);transition:color var(--theme-fade);display:flex;flex-direction:column;gap:4px}.code-block.right{align-items:flex-end;flex-direction:row;gap:8px;justify-self:end}.switch-mood{background:var(--fg);border:none;border-radius:6px;padding:4px 10px;font:inherit;line-height:14px;color:var(--bg);cursor:var(--cursor-hover, pointer);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background var(--theme-fade),color var(--theme-fade)}.app.topbar-on-accent .topbar{--bg: var(--shell-fg);--fg: var(--shell-bg);--label: var(--shell-bg);--code: var(--shell-bg)}.app.detail-open .topbar .code-block.right{opacity:0;pointer-events:none}.topbar .code-block.right{transition:opacity .3s var(--ease-soft),color var(--theme-fade)}.switch-mood-icon{width:12px;height:12px;flex:none;transition:transform .32s var(--ease-smooth)}.switch-mood:hover .switch-mood-icon,.switch-mood:focus-visible .switch-mood-icon{transform:translate(3px) scale(1.08)}.topbar .code-block{position:relative;z-index:2}.topbar .code-block.right{grid-column:3}.menu-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-soft)}.menu-veil.open{opacity:.6;pointer-events:auto;transition-duration:.48s}.app.topbar-on-accent .menu-veil.open{opacity:0}.menu-sheet{--card-w: 480px;--card-h: 92px;--card-top: 36px;position:fixed;top:calc(6px - var(--edge-gap));bottom:calc(6px - var(--edge-gap));left:50%;z-index:3;width:min(785px,calc(100vw - 12px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:48px 24px 32px;border-radius:8px;background:var(--fg);color:var(--bg);clip-path:inset(var(--card-top) calc(50% - var(--card-w) / 2) calc(100% - var(--card-top) - var(--card-h)) calc(50% - var(--card-w) / 2) round 8px);transition:clip-path .62s var(--ms-close-ease, var(--ease-out)),background var(--theme-fade),color var(--theme-fade)}@media (hover: hover){.menu-sheet:not(.open):hover{clip-path:inset(calc(var(--card-top) - 3px) calc(50% - var(--card-w) / 2 - 3px) calc(100% - var(--card-top) - var(--card-h) - 9px) calc(50% - var(--card-w) / 2 - 3px) round 10px);transition-duration:.42s}}.menu-sheet.open{clip-path:inset(0px 0px 0px 0px round 8px);transition:clip-path .9s var(--ms-open-ease, var(--ease-out)),background var(--theme-fade),color var(--theme-fade)}.ms-brand{display:flex;justify-content:space-between;align-items:flex-start;gap:38px;flex:none;cursor:var(--cursor-hover, pointer);outline:none}.ms-brand:focus-visible{outline:1px solid var(--bg);outline-offset:6px}.ms-wordmark{position:relative;width:242px}.ms-logo{display:block;width:100%;height:auto}.ms-made{position:absolute;right:0;top:35px;font-family:var(--font-display);font-weight:700;font-stretch:125%;font-size:7px;line-height:7px;text-transform:uppercase;text-align:right}.ms-coords{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--font-mono);font-size:8px;line-height:10px}.ms-mark{display:block;width:176px;height:67px;flex:none;fill:currentColor}.ms-body{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;min-height:0}.ms-nav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;padding:24px 0}.ms-item{position:relative;background:none;border:none;padding:0;color:inherit;cursor:var(--cursor-hover, pointer);font-family:var(--font-display);font-weight:700;font-stretch:125%;font-size:clamp(40px,3.7vw,56px);line-height:1;letter-spacing:-.03em;opacity:0;transform:translateY(26px);transition:opacity .16s var(--ease-soft),transform .16s var(--ease-soft)}.menu-sheet.open .ms-item{opacity:1;transform:none;transition:opacity .52s var(--ease-soft),transform .8s var(--ease-out)}.menu-sheet.open .ms-item:nth-child(1){transition-delay:.16s}.menu-sheet.open .ms-item:nth-child(2){transition-delay:.23s}.menu-sheet.open .ms-item:nth-child(3){transition-delay:.3s}.ms-label{position:relative;display:inline-block}.ms-label:after{content:"";position:absolute;left:0;right:0;bottom:-.1em;height:5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .42s var(--ease-out)}.ms-item.active .ms-label:after,button.ms-item:hover .ms-label:after,button.ms-item:focus-visible .ms-label:after{transform:scaleX(1)}.menu-sheet.open .ms-item.active .ms-label:after{transition-delay:.52s}.ms-item:focus-visible{outline:none}.ms-soon{cursor:var(--cursor, default)}.ms-burst{position:absolute;left:50%;top:50%;width:236px;height:94px;display:grid;place-items:center;pointer-events:none;transform:translate(-6%,-66%) rotate(8deg) scale(0);transition:transform .16s var(--ease-soft)}.menu-sheet.open .ms-burst{transform:translate(-6%,-66%) rotate(8deg) scale(1);transition:transform .7s .52s var(--ms-pop, cubic-bezier(.34, 1.56, .64, 1))}.ms-burst svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ms-burst-front{fill:var(--bg);transform-origin:center;transform-box:fill-box;animation:ms-burst-sway 2.8s ease-in-out infinite alternate}.ms-burst-back{fill:var(--bg);opacity:.35;transform-origin:center;transform-box:fill-box;animation:ms-burst-sway 2.8s ease-in-out -1.4s infinite alternate-reverse}.ms-burst-text{position:relative;font-family:var(--font-mono);font-weight:800;font-size:17px;letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);white-space:nowrap;animation:ms-burst-beat 1.4s ease-in-out infinite}@keyframes ms-burst-sway{0%{transform:rotate(-4deg) scale(.97)}to{transform:rotate(4deg) scale(1.04)}}@media (prefers-reduced-motion: reduce){.ms-burst-front,.ms-burst-back,.ms-burst-text{animation:none}}@keyframes ms-burst-beat{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ms-foot{flex:none;display:flex;justify-content:space-between;width:min(455px,100%);padding-top:8px;border-top:1px solid var(--bg);font-family:var(--font-mono);font-size:15px;line-height:20px;letter-spacing:-.02em;opacity:0;transition:opacity .16s var(--ease-soft)}.menu-sheet.open .ms-foot{opacity:1;transition:opacity .52s .36s var(--ease-soft)}.ms-foot a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}.ms-foot a:hover,.ms-foot a:focus-visible{border-bottom-color:currentColor}.seg-pill{display:flex;align-items:center;gap:4px;padding:4px;border-radius:10px;background:var(--fg);color:var(--bg);font-family:var(--font-mono);font-size:13px;line-height:16px;letter-spacing:-.02em}.seg-thumb{position:absolute;top:4px;bottom:4px;left:0;border-radius:7px;background:var(--bg);transition:transform .42s var(--ease-smooth),width .42s var(--ease-smooth)}.seg-pill[data-placed=false] .seg-thumb{transition:none}.seg-btn{font:inherit;letter-spacing:inherit;color:var(--bg);background:none;border:none;border-radius:7px;cursor:var(--cursor-hover, pointer);padding:8px 14px;position:relative;transition:color .26s ease,opacity .2s ease}.seg-btn:hover{opacity:.7}.seg-btn[data-active=true]{color:var(--fg);opacity:1}.seg-sep{padding:0 2px}.filter-strip{position:fixed;bottom:calc(28px - var(--edge-gap));left:50%;transform:translate(-50%);z-index:40}.view-toggle{position:fixed;bottom:calc(37px - var(--edge-gap));right:64px;z-index:40;padding:2px;gap:2px;border-radius:6px;line-height:14px}.view-toggle .seg-thumb{top:2px;bottom:2px;border-radius:4px}.view-toggle .seg-btn{padding:2px 8px;border-radius:4px}.zoom-readout{position:fixed;bottom:calc(37px - var(--edge-gap));left:64px;z-index:40;display:flex;align-items:center;gap:2px;padding:2px;border-radius:6px;background:var(--fg);color:var(--bg);font-family:var(--font-mono);font-size:13px;line-height:14px;letter-spacing:-.02em;transition:background var(--theme-fade),color var(--theme-fade)}.zoom-readout span{min-width:4.5ch;text-align:center}.zoom-readout button{background:none;border:none;border-radius:4px;color:inherit;font:inherit;padding:2px 8px;cursor:var(--cursor-hover, pointer);transition:opacity .2s ease}.zoom-readout button:hover{opacity:.7}.canvas-hint{position:fixed;left:50%;bottom:calc(80px - var(--edge-gap));transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--code);opacity:.5;pointer-events:none;z-index:30;transition:opacity .4s var(--ease-soft)}.canvas-hint.gone{opacity:0}::view-transition-old(root),::view-transition-new(root){animation-duration:.56s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.theme-swap,.theme-swap *,.theme-swap *:before,.theme-swap *:after{transition-duration:0s!important;transition-delay:0s!important}.view-layer{display:contents}.view-layer.leaving .canvas-wrap,.view-layer.leaving .list-view,.view-layer.leaving .mobile-list,.view-layer.leaving .about-view{opacity:0;pointer-events:none;transition:opacity .22s var(--ease-soft)}@keyframes canvas-enter{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}@keyframes page-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.canvas-wrap{animation:canvas-enter .46s var(--ease-smooth) backwards}.view-layer.parked .canvas-wrap{visibility:hidden;opacity:0;pointer-events:none;animation:none}.list-view,.mobile-list{animation:page-enter .46s var(--ease-smooth) backwards}@keyframes view-fade-in{0%{opacity:0}}.about-view{animation:view-fade-in .24s var(--ease-soft) backwards}.canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:var(--cursor, grab);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.canvas-wrap.dragging,.canvas-wrap.dragging *{cursor:var(--cursor, grabbing)}.canvas-wrap.dragging .card{transition:none}.canvas-push{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;will-change:transform}.canvas-wrap.flip-mode .card,.canvas-wrap.flip-mode .canvas-tile{transition:none}.canvas-wrap.flip-mode .card.card-copy{animation:none}.canvas-world{--k: 1;position:absolute;top:0;left:0;width:1px;height:1px;will-change:transform;transform-origin:0 0}.canvas-wrap.lod-switch .card,.canvas-wrap.lod-switch .canvas-tile{transition:none!important}.canvas-tile{position:absolute;top:0;left:0;transform:translate3d(calc(var(--tx, 0) * var(--k) * 1px),calc(var(--ty, 0) * var(--k) * 1px),0);transition:transform .7s var(--ease-smooth)}.card{cursor:var(--cursor-hover, pointer);background:none;border:none;padding:0;margin:0;text-align:left;font:inherit;color:inherit;transition:transform .7s var(--ease-smooth),opacity .4s ease,filter .4s ease}.canvas-tile .card{position:absolute;top:0;left:0;width:calc(300px * var(--k));transform:translate(calc(var(--x, 0) * var(--k) * 1px),calc(var(--y, 0) * var(--k) * 1px))}.canvas-tile .card .label{font-size:calc(13px * var(--k));margin-top:calc(14px * var(--k))}.card.filtered-out{opacity:0;pointer-events:none}@keyframes card-copy-enter{0%{opacity:0}}.card.card-copy{animation:card-copy-enter .42s ease backwards}.card .frame{display:block;position:relative;width:100%;overflow:hidden;background:#111}.card .frame picture,.card .frame img{display:block;width:100%;height:100%}.card .frame img{object-fit:cover;pointer-events:none;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .6s ease}.card:hover .frame img{transform:scale(1.04)}.canvas-wrap.hover-hold .card .frame img{transform:none;transition:none}.flip-source{opacity:0!important}.card .label{display:block;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:-.01em;line-height:1.2;color:var(--label);margin-top:14px;transition:color var(--theme-fade),opacity .4s ease}.canvas-wrap.zoomed-out .card .label{opacity:0}.list-view{position:fixed;top:0;right:0;bottom:0;left:0;padding:210px 88px 0;overflow-y:auto;overflow-x:hidden;z-index:10;background:var(--bg);transition:background var(--theme-fade)}.list-push{display:flex;flex-direction:column;transform-origin:center;will-change:transform}.list-view.reloading .list-rows,.mobile-list.reloading .list-rows{opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .2s var(--ease-soft),transform .2s var(--ease-soft)}@keyframes list-row-enter{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.list-rows.rows-reloaded .list-slot{animation:list-row-enter .46s var(--ease-smooth) backwards}.list-slot-inner{padding-bottom:200px}.empty-note{font-family:var(--font-mono);font-size:13px;color:var(--code);padding:40px 0}.list-row{display:grid;grid-template-columns:1fr 96px;align-items:center;gap:40px;width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:var(--cursor-hover, pointer);position:relative;text-align:left}.list-row .name,.list-row .thumb{transition:transform .25s var(--ease-out)}.list-row:hover .name,.list-row:focus-visible .name{transform:translate(16px)}.list-row:hover .thumb,.list-row:focus-visible .thumb{transform:translate(-16px)}.list-row .name{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.6vw,56px);letter-spacing:-.025em;color:var(--label);line-height:1}.list-row .thumb{width:96px;height:96px;position:relative;overflow:hidden}.mobile-list{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;z-index:10;background:var(--bg);transition:background var(--theme-fade);padding:110px 20px 0}.mobile-list .card{width:74%}.mobile-list .list-slot.side-right .card{transform:translate(calc(26 / 74 * 100%))}.mobile-list .card .label{font-size:16px;line-height:1.15;letter-spacing:-.01em;margin-top:12px}.mobile-list .list-slot-inner{padding-bottom:36px}.list-preview{position:fixed;top:0;left:0;width:260px;height:320px;z-index:60;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-9999px,-9999px);transform-origin:center;will-change:transform;transition:opacity .2s var(--ease-soft)}.list-preview.visible{opacity:1}.list-preview-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .14s var(--ease-soft)}.list-preview-img.active{opacity:1}.list-preview picture,.list-preview img{width:100%;height:100%;object-fit:cover}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;pointer-events:none}.detail-overlay.open{pointer-events:auto}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);opacity:0;will-change:opacity;transition:opacity .3s var(--ease-soft)}.detail-overlay.open .detail-backdrop{opacity:1;transition:opacity .52s var(--ease-soft)}.detail-overlay.chained .detail-backdrop{opacity:1;transition:none}.detail-overlay.fading{opacity:0;transition:opacity .32s var(--ease-soft)}.detail-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.detail-page{--pad: 64px;--img-max-w: min(58.5vw, 884px);--img-max-h: min(43.5vw, 658px);--img-h: min(var(--img-max-h), calc(var(--img-max-w) / var(--ar)));padding:0 var(--pad) 160px;color:var(--label);transition:color var(--theme-fade)}.detail-hero>:not(.detail-img-wrap){opacity:0;transition:opacity .16s var(--ease-soft)}.detail-overlay.open .detail-hero>:not(.detail-img-wrap){opacity:1;transition:opacity .48s .4s var(--ease-soft)}@keyframes detail-deferred-in{0%{opacity:0;transform:translateY(14px)}}.detail-deferred{animation:detail-deferred-in .56s var(--ease-smooth) backwards}.detail-overlay:not(.open) .detail-deferred{opacity:0;transition:opacity .16s var(--ease-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.detail-overlay.open .detail-meta>div{animation:fadeUp .6s .48s backwards var(--ease-out)}.detail-overlay.open .detail-meta>div:nth-child(2){animation-delay:.53s}.detail-overlay.open .detail-meta>div:nth-child(3){animation-delay:.58s}.detail-overlay.open .detail-meta>div:nth-child(4){animation-delay:.63s}.detail-overlay.open .detail-meta>div:nth-child(5){animation-delay:.68s}.detail-hero{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(calc(var(--img-max-h) + 52px),auto);padding-top:176px}.detail-hero>*{grid-row:1}.detail-title{grid-column:1 / -1;align-self:start;position:relative;z-index:2;max-width:min(71.5vw,1080px);margin:0;font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:clamp(40px,6.6vw,100px);line-height:.88;letter-spacing:-.02em;color:var(--label);pointer-events:none;transition:color var(--theme-fade)}.detail-slashes{display:block;margin-top:.3em;font-family:var(--font-mono);font-size:15px;font-weight:400;line-height:1;letter-spacing:-.05em}.detail-img-wrap{grid-column:2;align-self:end;position:relative;height:var(--img-h);aspect-ratio:var(--ar);overflow:hidden;transform-origin:0 0;will-change:transform}.detail-img-inner,.detail-img-hi{position:absolute;top:0;right:0;bottom:0;left:0}.detail-meta{grid-column:1;align-self:end;display:flex;flex-direction:column;gap:30px;margin:0;padding-right:24px}.detail-meta dt{font-family:var(--font-sans);font-weight:700;font-size:16px;line-height:1.1;letter-spacing:0;margin-bottom:8px}.detail-meta dd{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(20px,1.72vw,26px);line-height:1.1;letter-spacing:-.02em}.detail-close{position:fixed;top:calc(42px - var(--edge-gap));right:64px;z-index:5;display:inline-flex;gap:8px;align-items:center;background:var(--fg);border:0;border-radius:6px;padding:4px 10px;cursor:var(--cursor-hover, pointer);font-family:var(--font-mono);font-size:13px;line-height:14px;letter-spacing:-.03em;color:var(--bg);transition:background var(--theme-fade),color var(--theme-fade)}.detail-close:hover .detail-close-x,.detail-close:focus-visible .detail-close-x{transform:rotate(90deg)}.detail-close-x{width:9px;height:9px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3px;transition:transform .32s var(--ease-smooth)}.detail-close-x path{vector-effect:non-scaling-stroke}.detail-body{width:min(27.4vw,414px);min-width:320px;margin:120px auto 0;font-family:var(--font-sans);font-weight:500;font-size:20px;line-height:26px;letter-spacing:-.02em}.detail-body p{margin:0}.detail-body p+p{margin-top:26px}.detail-gallery{margin:140px calc(-1 * var(--pad)) 0}.gallery-viewport{--gallery-inset: var(--pad);--gallery-h: min(600px, 39.7vw);position:relative;overflow:hidden;cursor:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.gallery-viewport:focus-visible{outline:1px solid var(--label);outline-offset:-1px}.gallery-track{display:flex;width:max-content;will-change:transform}.gallery-item{position:relative;flex:none;height:var(--gallery-h);margin-right:16px;overflow:hidden;background:color-mix(in srgb,var(--label) 8%,transparent)}.gallery-item img{pointer-events:none}.gallery-cursor{position:absolute;top:0;left:0;z-index:2;display:flex;gap:10px;align-items:center;padding:12px 18px;border-radius:8px;background:var(--fg);color:var(--bg);font-family:var(--font-mono);font-size:13px;line-height:16px;letter-spacing:-.02em;white-space:nowrap;pointer-events:none;opacity:0;scale:.6;transition:opacity .22s var(--ease-soft),scale .32s var(--ease-smooth),background var(--theme-fade),color var(--theme-fade)}.gallery-cursor.visible{opacity:1;scale:1}.gallery-viewport.dragging .gallery-cursor.visible{scale:.86}@media (hover: none){.gallery-viewport{cursor:auto}.gallery-cursor{top:50%;left:50%;translate:-50% -50%;opacity:1;scale:1}.gallery-cursor.touched{opacity:0;scale:.8}}.next-work{display:flex;flex-direction:column;align-items:center;gap:24px;width:fit-content;max-width:100%;margin:280px auto 120px;color:var(--label);text-decoration:none;transition:color var(--theme-fade)}.next-work-label{font-family:var(--font-sans);font-weight:500;font-size:clamp(13px,1.33vw,20px);line-height:1;letter-spacing:-.03em}.next-work-img{position:relative;width:clamp(220px,25.7vw,390px);aspect-ratio:3 / 2;overflow:hidden}.next-work-img img{transition:transform .7s var(--ease-out)}.next-work:hover .next-work-img img{transform:scale(1.04)}.about-view{--pad: clamp(20px, 5.55vw, 84px);position:fixed;top:0;right:0;bottom:0;left:0;padding:0 var(--pad);overflow-x:hidden;overflow-y:auto;z-index:10;background:var(--bg);color:var(--label);-webkit-user-select:text;user-select:text;transition:background var(--theme-fade),color var(--theme-fade)}.about-hero{height:62.2vw;max-height:100svh;margin:0 calc(-1 * var(--pad));overflow:hidden;background:color-mix(in srgb,var(--label) 12%,transparent)}.about-hero picture,.about-hero img{width:100%;height:100%}.about-hero{clip-path:inset(0 0 100% 0)}.about-hero picture{transform:scale(1.16);transform-origin:50% 40%}.about-title{opacity:0;transform:translateY(36px)}.about-view.hero-in .about-hero{clip-path:inset(0 0 0 0);transition:clip-path 1.15s var(--ease-out)}.about-view.hero-in .about-hero picture{transform:none;transition:transform 2s var(--ease-out)}.about-view.hero-in .about-title{opacity:1;transform:none;transition:opacity .7s .38s var(--ease-soft),transform 1s .38s var(--ease-out)}@media (prefers-reduced-motion: reduce){.about-view .about-hero,.about-view .about-hero picture,.about-view .about-title{clip-path:none;transform:none;opacity:1;transition:none}}.about-hero img{object-fit:cover}.about-title{position:relative;width:fit-content;margin:-1.85vw 0 0;font-family:var(--font-display);font-weight:800;font-stretch:112.5%;font-size:13.25vw;line-height:.77;letter-spacing:0;text-transform:uppercase;color:var(--label)}.tech-title,.tech-title-line{position:relative;display:block}.tech-title-baseline{display:inline-block;width:0;height:0}.tech-title.ready .tech-title-text{color:transparent}.tech-title-canvas{position:absolute;left:-48px;top:-48px;width:calc(100% + 96px);height:calc(100% + 96px);pointer-events:none}.about-badge{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.23em;width:5.57em;height:1.83em;line-height:1;background:var(--fg);color:var(--bg);transition:background var(--theme-fade),color var(--theme-fade)}.about-bio{--bio-size: clamp(14px, 1.33vw, 20px);display:grid;grid-template-columns:50% 44.4%;justify-content:space-between;row-gap:calc(var(--bio-size) * 3.2);margin-top:clamp(110px,13.5vw,210px)}.about-bio>p{grid-column:1}.about-portrait{grid-column:2;grid-row:1 / span var(--bio-rows);position:relative;overflow:hidden;background:color-mix(in srgb,var(--label) 12%,transparent)}.about-portrait picture{position:absolute;top:0;right:0;bottom:0;left:0}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.about-bio p,.about-collab-text p{margin:0;font-family:var(--font-sans);font-weight:500;font-size:20px;line-height:32px;letter-spacing:-.01em}.about-bio p{font-size:var(--bio-size);line-height:1.6}.about-heading{margin:0;font-family:var(--font-display);font-weight:800;font-stretch:112.5%;font-size:clamp(40px,6.6vw,100px);line-height:.9;letter-spacing:0;text-transform:uppercase}.about-clients{margin-top:clamp(120px,25vw,380px)}.client-rows{--logo-h: clamp(44px, 6.6vw, 100px);display:grid;gap:calc(var(--logo-h) * .86);margin:clamp(56px,8.6vw,130px) calc(-1 * var(--pad)) 0}.client-row{overflow:hidden}.client-track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:client-marquee 70s linear infinite}.client-row.reverse .client-track{animation-direction:reverse}.client-row:hover .client-track{animation-play-state:paused}@keyframes client-marquee{to{transform:translate(calc(-100% / var(--copies)))}}.client-logo{flex:none;height:var(--logo-h);margin-right:calc(var(--logo-h) * 1.28);background-color:var(--label);-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;transition:background-color var(--theme-fade)}.about-collab{margin:clamp(120px,24.5vw,370px) calc(-1 * var(--pad)) 0;padding:clamp(56px,6vw,90px) var(--pad) clamp(56px,9vw,140px);background:var(--fg);color:var(--bg);transition:background var(--theme-fade),color var(--theme-fade)}.about-collab-sub{margin:clamp(12px,1.6vw,24px) 0 0;font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.5vw,38px);line-height:1.1;letter-spacing:0}.about-collab-text{max-width:900px;margin-top:clamp(48px,8vw,120px)}.about-collab-text p+p{margin-top:32px}.about-email{display:block;width:fit-content;margin:clamp(64px,13vw,200px) 0 0 auto;font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2.9vw,44px);line-height:1.1;letter-spacing:0;color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.about-email:hover,.about-email:focus-visible{border-bottom-color:currentColor}.about-view .site-footer{margin:0 calc(-1 * var(--pad));padding-top:28px}@media (max-width: 768px){.about-view .site-footer{padding-top:14px}}.site-footer{padding:0 64px 28px}.site-footer-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:64px;padding:0 24px;border-radius:8px;background:var(--fg);color:var(--bg);font-family:var(--font-sans);font-weight:600;font-stretch:112.5%;font-size:16px;line-height:20px;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:text;user-select:text;transition:background var(--theme-fade),color var(--theme-fade)}.site-footer a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.site-footer a[href]:hover,.site-footer a[href]:focus-visible{border-bottom-color:currentColor}.site-footer-legal,.site-footer-contacts{display:flex;gap:40px}.site-footer-legal{font-size:14px}.site-footer-contacts{justify-self:end;font-stretch:125%;text-transform:uppercase}.filter-strip,.view-toggle,.mobile-controls{transition:opacity .28s var(--ease-soft),translate .28s var(--ease-soft),background var(--theme-fade)}.app:has(.site-footer.in-view) :is(.filter-strip,.view-toggle,.mobile-controls){opacity:0;translate:0 16px;pointer-events:none}@media (max-width: 768px){.site-footer{padding:0 14px calc(14px + env(safe-area-inset-bottom,0px))}.site-footer-bar{grid-template-columns:1fr auto;gap:12px 20px;height:auto;padding:16px;font-size:14px}.site-footer-contacts{gap:20px}.site-footer-legal{grid-row:2;grid-column:1 / -1;gap:20px;font-size:12px}}.legal-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:clamp(24px,5vw,72px);color:var(--label);background:var(--bg);-webkit-user-select:text;user-select:text}.legal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.legal-view a{color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}.legal-brand{font:800 clamp(24px,4vw,46px)/.9 var(--font-display);letter-spacing:-.04em;text-decoration:none}.legal-header>a:last-child,.legal-date,.legal-footer{font:400 12px/1.6 var(--font-mono)}.legal-content{max-width:820px;margin:clamp(64px,10vw,140px) auto}.legal-content h1{font:800 clamp(48px,7vw,86px)/.95 var(--font-display);letter-spacing:-.04em;margin:20px 0 64px}.legal-content section+section{margin-top:44px}.legal-content h2{font:700 clamp(22px,3vw,28px)/1.2 var(--font-display);margin:0 0 18px}.legal-content p,.legal-content li{font-size:clamp(16px,1.4vw,19px);line-height:1.65}.legal-content ul{padding-left:24px}.legal-content li+li{margin-top:10px}.legal-footer{display:flex;flex-wrap:wrap;gap:16px 28px;border-top:1px solid currentColor;padding:24px 0}@media (max-width: 600px){.legal-header{gap:12px}.legal-header>a:last-child{max-width:80px;text-align:right}.legal-content h1{margin-bottom:44px}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);color:var(--fg);transition:translate .9s .18s cubic-bezier(.76,0,.24,1)}.loader.leaving{translate:0 100%;pointer-events:none}.loader-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .22s var(--ease-soft)}.loader.leaving .loader-content{opacity:0}.loader-logo{display:block;width:71.2vw;height:auto}.loader-count{position:absolute;left:50%;bottom:calc(56px + env(safe-area-inset-bottom,0px));translate:-50% 0;font-family:var(--font-display);font-weight:800;font-stretch:112.5%;font-size:clamp(40px,6.5vw,98px);line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}@media (max-width: 768px){.loader-logo{width:80vw}.loader-count{bottom:calc(40px + env(safe-area-inset-bottom,0px))}}.dt{position:relative;display:inline-block;white-space:pre}.dt-size{visibility:hidden}.dt-scramble{position:absolute;left:0;top:0}.dt-encrypted{opacity:.55}.dt--multiline{display:inline;white-space:normal}.dt-cell{position:relative}.dt-hold{visibility:hidden}.dt-glyph{position:absolute;top:0;left:50%;translate:-50% 0;line-height:normal;white-space:pre}.mobile-controls{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px) - var(--edge-gap));z-index:45;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px 14px;border-radius:8px;background:var(--fg);color:var(--bg);transition:background var(--theme-fade)}.mc-btn{display:flex;align-items:center;background:none;border:none;cursor:var(--cursor-hover, pointer);padding:4px 2px;font-family:var(--font-mono);font-size:13px;letter-spacing:-.02em;color:var(--bg);transition:color var(--theme-fade)}.mc-filter-btn,.mc-filter-opt{margin-left:-4px;padding:3px 6px;border-radius:4px;transition:background .2s var(--ease-soft),color .2s var(--ease-soft)}.mc-filter-btn.applied,.mc-filter-opt.active{background:var(--bg);color:var(--fg)}.mc-filter{justify-self:start}.mc-view-btn{justify-self:end}.mc-filter-menu{position:absolute;left:0;bottom:calc(100% + 6px);margin:0;padding:10px 16px;list-style:none;min-width:150px;border-radius:8px;background:var(--fg);transition:background var(--theme-fade)}.mc-filter-menu li+li{margin-top:12px}.mc-filter-opt{display:block;margin-left:-6px;text-align:left;background:none;border:none;cursor:var(--cursor-hover, pointer);font-family:var(--font-mono);font-size:13px;line-height:16px;letter-spacing:-.02em;color:var(--bg)}.mc-mood{background:none;border:none;cursor:var(--cursor-hover, pointer);padding:5px;display:flex;color:var(--bg);transition:color var(--theme-fade)}.mc-mood-icon{width:20px;height:20px;display:block}.mc-mood-icon path{stroke-width:.85}@media (max-width: 768px){.topbar{display:block;padding:14px;height:auto}.topbar .code-block{display:none}.menu-sheet{--card-w: calc(100% - 16px) ;--card-h: 73px;--card-top: 8px;padding:20px 20px 28px}.ms-brand{zoom:.72}.ms-foot{width:328px;max-width:100%}.ms-item{font-size:42px}.ms-burst{left:36%;width:176px;height:72px}.ms-burst-text{font-size:13px}.canvas-hint{display:none}.zoom-readout{left:20px;bottom:calc(84px - var(--edge-gap))}.zoom-readout span{display:none}.list-view{padding:110px 24px 0}.list-slot-inner{padding-bottom:48px}.list-row{grid-template-columns:1fr 56px;gap:16px}.list-row .name{font-size:27px}.about-view{--pad: 14px}.about-hero{height:min(125vw,70svh)}.about-title{font-size:13.9vw}.about-bio p,.about-collab-text p{font-size:16px;line-height:26px}.about-bio{--bio-size: 16px;grid-template-columns:100%;row-gap:26px;margin-top:56px}.about-bio p{line-height:26px}.about-portrait{grid-column:1;grid-row:auto;aspect-ratio:2 / 3;margin:22px 0}.about-heading{font-size:8vw}.about-collab-sub{font-size:20px}.about-collab-text p+p{margin-top:26px}.about-email{font-size:5vw}.detail-page{--pad: 14px;padding-bottom:80px}.next-work{gap:16px;margin:160px auto 60px}.next-work-img{width:56vw}.detail-hero{display:flex;flex-direction:column;position:relative;padding-top:132px}.detail-title{max-width:calc(100% - 40px);font-stretch:100%;font-size:clamp(34px,10.4vw,48px);line-height:.84}.detail-slashes{display:none}.detail-close{position:absolute;top:128px;right:0;z-index:2;width:30px;height:30px;justify-content:center;padding:0}.detail-close-x{width:12px;height:12px}.detail-close-label{display:none}.detail-img-wrap,.detail-meta{align-self:stretch}.detail-img-wrap{width:100%;height:auto;margin-top:-6px}.detail-meta{gap:10px;margin-top:22px;padding:0}.detail-meta dt{font-size:13px;margin-bottom:4px}.detail-meta dd{font-size:22px}.detail-body{width:auto;min-width:0;margin:34px 0 0;font-size:14px;line-height:26px;letter-spacing:-.025em}.detail-gallery{margin-top:80px}.gallery-viewport{--gallery-h: min(456px, 58svh)}.gallery-item{margin-right:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover .frame img{transform:none}}