:root{--black:#080a0f;--panel:#10141e;--blue:#2878ff;--white:#f4f6fa;--muted:#98a3b6;--line:#2a3040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--black);color:var(--white);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.5}img,video{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.mono{letter-spacing:.09em;font-size:10px;font-weight:500;line-height:1.6}.display{letter-spacing:-.025em;font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1}.blue,em{color:var(--blue)}em{font-style:normal}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--blue);z-index:100;padding:14px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}[hidden]{display:none!important}.site-header{z-index:5;justify-content:space-between;align-items:center;height:88px;padding:0 4%;display:flex;position:relative}.brand{align-items:center;gap:11px;font-size:13px;font-weight:600;display:flex}.brand-mark{color:var(--blue);font-size:33px}.desktop-nav{gap:32px;font-size:12px;display:flex}.desktop-nav a:hover{color:var(--blue)}.menu-trigger{font-size:10px;display:none}.menu-trigger span{margin-left:10px}.identity{align-items:center;gap:14px;display:flex}.identity img{object-fit:contain;object-position:bottom;background:#1c2330;width:65px;height:75px}.identity-name{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.identity .mono{font-size:8px;display:block}.demo-portrait{color:var(--muted);font-size:7px}.feature-label{text-align:left;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;display:flex}.feature-label strong{font-size:13px;font-weight:500;line-height:1.4}.feature-label i{font-size:22px;font-style:normal}.spotlight-image,.mini-poster{display:block;position:relative;overflow:hidden}.spotlight-image img,.mini-poster img{object-fit:cover;width:100%;height:100%}.spotlight-play{background:#080a0f40;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:47px;height:47px;padding-left:2px;font-size:12px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.feature-label>.mono{white-space:nowrap}.work-section,.about-section{max-width:1800px;margin:auto;padding:72px 4%}.section-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:25px;padding-top:18px;display:flex}.section-meta>span:first-child{color:var(--blue)}.work-heading{justify-content:space-between;align-items:end;gap:30px;margin:65px 0 40px;display:flex}.work-heading h2{letter-spacing:-.065em;font-size:clamp(45px,7vw,110px);font-weight:500;line-height:1}.work-heading p{color:var(--muted);flex-shrink:0;font-size:12px;line-height:1.7}.category-grid{scrollbar-width:none;scroll-snap-type:none;cursor:grab;gap:22px;padding:8px 0 15px;display:flex;overflow-x:auto}.category-grid::-webkit-scrollbar{display:none}.category-grid.dragging{cursor:grabbing}.category-grid.dragging .category-card{pointer-events:none}.category-card{text-align:left;-webkit-user-select:none;user-select:none;flex:0 0 31%;min-width:0;padding:0}.category-cover{background:var(--panel);height:310px;position:relative;overflow:hidden}.category-cover img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:transform .45s}.category-card:hover img{transform:scale(1.04)}.cover-index{color:#fff;background:#07090ccc;padding:4px 8px;position:absolute;top:16px;left:16px}.category-copy{border-bottom:1px solid var(--line);padding:20px 0}.category-line{justify-content:space-between;align-items:center;gap:15px;display:flex}.category-line h3{font-size:42px}.category-arrow{color:var(--blue);font-size:28px}.category-total{color:var(--muted);margin-top:13px;font-size:8px;display:block}.about-grid{grid-template-columns:1fr 1fr;gap:8%;padding:70px 0 90px;display:grid}.about-identity h2{letter-spacing:-.065em;margin-bottom:45px;font-size:clamp(45px,6vw,90px);font-weight:400;line-height:1.1}.about-contact h3{margin:15px 0;font-size:27px;font-weight:500}.contact-disclosure{color:var(--muted);margin-bottom:22px;font-size:10px;line-height:1.7}.contact-list{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.contact-row{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;min-width:0;padding:18px 0;display:flex;position:relative}.contact-row .mono{color:var(--blue);font-size:8px}.contact-row strong{overflow-wrap:anywhere;font-size:13px;font-weight:400;line-height:1.6}.contact-link-arrow{color:var(--blue);position:absolute;right:0}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-top:25px;display:flex}footer>a:first-child{font-size:12px;font-weight:600}footer .mono{color:var(--muted);font-size:8px}.text-button{cursor:pointer;background:0 0;border:0;padding:0}.data-status{z-index:20;background:#153366;border:1px solid #82b0ff;padding:14px;font-size:12px;position:fixed;bottom:15px;left:15px;right:15px}body.dialog-open{overflow:hidden}.dialog-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.close-button{border:1px solid var(--line);background:var(--black);flex-shrink:0;width:42px;height:42px;font-size:27px}dialog{color:var(--white);background:var(--black);border:1px solid var(--line);max-width:calc(100vw - 40px);max-height:90dvh;padding:30px}dialog::backdrop{background:#000c}.menu-dialog{width:600px}.menu-inner nav a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;font-size:45px;display:flex}.menu-inner nav i{color:var(--blue);font-size:28px;font-style:normal}.menu-foot{color:var(--muted);padding-top:25px}.credits-dialog{width:700px}.credits-dialog h2{margin-bottom:30px;font-size:45px}.credits-dialog p{color:var(--muted);margin:20px 0;font-size:13px;line-height:1.8}.credits-dialog a{color:var(--blue);text-decoration:underline}.portfolio-dialog{width:1380px}.category-tabs{gap:10px;padding:3px 3px 15px;display:flex;overflow-x:auto}.category-tab{border:1px solid var(--line);white-space:nowrap;padding:10px 16px}.category-tab.selected{background:var(--blue);border-color:var(--blue)}.detail-layout{grid-template-columns:235px minmax(0,1fr);gap:32px;display:grid}.project-sidebar{min-width:0}.project-sidebar h2{margin:20px 0;font-size:46px}.project-sidebar p{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.7}.project-choice{border-top:1px solid var(--line);text-align:left;gap:10px;width:100%;padding:17px 5px;font-size:12px;line-height:1.5;display:flex}.project-choice strong{flex:1;font-weight:400}.project-choice.selected{color:var(--blue)}.project-choice .mono{color:var(--muted);padding-top:2px;font-size:8px}.project-choice-arrow{color:var(--blue)}.project-view{min-width:0}.project-topline{color:var(--muted);justify-content:space-between;padding:18px 0;display:flex}.media-stage{border:1px solid var(--line);background:#111725;justify-content:center;align-items:center;height:48dvh;min-height:280px;display:flex;overflow:hidden}.media-stage img,.media-stage video{object-fit:contain;width:100%;height:100%}.media-stage iframe{border:0;width:100%;height:100%}.media-stage .portrait{width:min(100%,480px)}.media-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:17px 0;display:flex}.media-toolbar .mono{color:var(--muted);font-size:8px}.project-detail{grid-template-columns:1.7fr 1fr;gap:30px;padding:25px 0;display:grid}.project-detail h3{margin-bottom:20px;font-size:27px;font-weight:500;line-height:1.3}.project-detail p{color:var(--muted);white-space:pre-line;font-size:13px;line-height:1.8}.project-detail dl{margin:0}.project-detail dt{color:var(--blue);margin-bottom:7px;font-size:8px}.project-detail dd{color:var(--muted);margin:0 0 20px;font-size:12px}.project-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0;display:flex}.project-bottom a{color:var(--blue);font-size:8px}.media-fallback{text-align:center;place-items:center;height:100%;padding:25px;font-size:12px;line-height:1.8;display:grid}.fallback-star{color:var(--blue);font-size:44px}.media-expanded .detail-layout{grid-template-columns:1fr}.media-expanded .project-sidebar{display:none}.media-expanded .media-stage{height:70dvh}.hero-social{overflow:hidden}.hero-social iframe{border:0;width:100%;height:100%}.abstract-cover{color:var(--blue);padding:35px;font-size:60px}@media (width<=760px){.site-header{height:73px;padding:0 6%}.brand{font-size:11px}.brand-mark{font-size:28px}.desktop-nav{display:none}.menu-trigger{display:block}.identity-name{font-size:12px}.work-section,.about-section{padding:50px 6%}.section-meta{font-size:8px}.section-meta>span:last-child{text-align:right;max-width:145px}.work-heading{flex-direction:column;align-items:start;gap:20px;margin:40px 0 30px}.work-heading h2{font-size:54px}.category-card{flex-basis:85%}.category-cover{height:310px}.category-line h3{font-size:36px}.about-grid{padding:45px 0;display:block}.about-identity h2{margin-bottom:25px;font-size:56px}.about-contact{margin-top:45px}.about-contact h3{font-size:24px}.contact-list{gap:0 17px}.contact-row strong{font-size:11px}.contact-row:first-child{grid-column:1/-1}footer{flex-wrap:wrap;justify-content:start;gap:20px}footer>a:first-child{flex-basis:100%}.portfolio-dialog{border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:22px 18px}.detail-layout{display:block}.project-sidebar h2{margin:10px 0;font-size:36px}.project-sidebar p{margin-bottom:10px;font-size:11px}.sidebar-note{display:none}.project-sidebar nav{gap:10px;padding:5px 0 15px;display:flex;overflow-x:auto}.project-choice{border:1px solid var(--line);flex:0 0 190px;padding:12px 10px;font-size:10px}.project-choice.selected{border-color:var(--blue)}.media-stage{height:42dvh;min-height:230px}.project-detail{grid-template-columns:1fr;gap:25px}.project-detail h3{font-size:23px}.menu-dialog,.credits-dialog{max-width:calc(100% - 24px);padding:22px}.media-toolbar{gap:10px}.media-toolbar .mono:first-child{max-width:70%}.category-tab{padding:10px 12px;font-size:8px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.mini-browser{background:#0b1429;border:1px solid #8097c0;position:absolute;inset:15% 10%;transform:rotate(-5deg);box-shadow:0 20px 30px #0007}.browser-bar{color:#9baccc;letter-spacing:2px;background:#202e4a;height:23px;padding:6px 8px;font-size:7px}.browser-body{height:calc(100% - 23px);padding:20px;position:relative;overflow:hidden}.browser-body>.mono{color:#a7c5ff;font-size:5px;display:block}.browser-body strong{white-space:pre-line;z-index:1;color:#fff;margin-top:20px;font-size:45px;display:block;position:relative}.browser-orbit{border:26px solid var(--blue);border-radius:50%;width:145px;height:145px;position:absolute;bottom:30px;right:-45px}.browser-orbit i{border:1px solid var(--blue);border-radius:50%;position:absolute;inset:-50px}.browser-orbit i+i{inset:-75px}.browser-orbit i+i+i{inset:-95px}.direction-index .browser-body strong{margin-top:10px;font-size:28px}.direction-index .browser-body{padding:12px}