@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-400-normal.0471snlmja818.woff2)format("woff2"),url(../media/dm-sans-latin-400-normal.40quu04grbhf8.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-sans-latin-500-normal.0brn-8r9pdr2e.woff2)format("woff2"),url(../media/dm-sans-latin-500-normal.0jcw8phz0eanr.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/dm-sans-latin-600-normal.0oone78si629l.woff2)format("woff2"),url(../media/dm-sans-latin-600-normal.40ad7xuawyzt9.woff)format("woff")}
.orbit-art{width:270px;height:270px;position:relative;transform:rotate(-29deg)}.orbit-art i{border:1px solid color-mix(in srgb, var(--muted) 60%, transparent);background:linear-gradient(110deg, transparent 38%, color-mix(in srgb, var(--muted) 10%, transparent) 70%);border-radius:50%;position:absolute;inset:0}.orbit-art i:nth-child(2){transform:rotateY(52deg)}.orbit-art i:nth-child(3){transform:rotateY(73deg)}.orbit-art i:nth-child(4){transform:rotateX(69deg)}.artwork{aspect-ratio:1.68;isolation:isolate;position:relative;overflow:hidden}.artwork-tag{color:#fffe;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14261a55;border:1px solid #fff2;border-radius:4px;padding:4px 7px;font:8px monospace;position:absolute;top:17px;left:17px}.artwork-arrow{color:#fff;background:#fff1;border:1px solid #fff4;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s;display:grid;position:absolute;bottom:17px;right:17px}.project-art-link:hover .artwork-arrow{background:#fff3}.art-label{writing-mode:vertical-rl;letter-spacing:5px;opacity:.7;font-size:10px;position:absolute;top:18px;right:18px}.art-caption{letter-spacing:4px;color:#fff9;align-items:flex-end;gap:22px;font-size:14px;line-height:1.1;display:flex;position:absolute;bottom:25px;left:25px}.art-caption strong{letter-spacing:2px;color:#fffd;font-size:32px;font-weight:500}.art-number{letter-spacing:1px;opacity:.6;padding-bottom:5px;font:8px monospace}.ramen{color:#f3c8a2;background:#422f2c}.ramen:before{content:"";background:radial-gradient(at 65% 40%,#b06a4655,#0000 65%);position:absolute;inset:0}.rain-lines{opacity:.12;background:repeating-linear-gradient(110deg,#0000 0 35px,#f2cbb4 36px,#0000 37px);position:absolute;inset:0}.ramen-window{background:#ad704d;border:7px solid #2d2622;border-bottom-width:13px;width:47%;height:77%;position:absolute;top:8%;left:31%;box-shadow:0 0 0 1px #b17b5466,0 0 55px #ac71471a}.ramen-window:before{content:"";background:linear-gradient(#593f32,#c6946399);position:absolute;inset:0}.curtain{gap:4px;height:32%;display:flex;position:absolute;top:0;left:0;right:0}.curtain span{background:#cab78b;border-top:4px solid #887956;border-radius:0 0 3px 3px;flex:1}.curtain span:after{content:"";border:1px solid #71664988;border-radius:50%;width:14px;height:14px;margin-left:9px;position:absolute;top:10px}.bowl{background:linear-gradient(#ecd2a0 0 8%,#b54f3d 9% 18%,#d3b987 19% 26%,#b75c44 27%);border-radius:6px 6px 90px 90px;width:50%;height:27%;position:absolute;bottom:10%;left:26%;box-shadow:0 12px 12px #38231855}.bowl:before{content:"";background:#5b3724;border:3px solid #eed6a6;border-radius:50%;width:100%;height:14px;position:absolute;top:-6px;left:0}.noodles{background:repeating-linear-gradient(0deg,#e8b05b 0 1px,#79482e 2px 3px);border-radius:50%;width:60%;height:7px;position:absolute;top:-4px;left:20%}.chopsticks{transform-origin:0;background:#2d2720;width:45%;height:3px;position:absolute;bottom:32%;left:51%;transform:rotate(-23deg);box-shadow:0 6px #2d2720}.steam{gap:12px;display:flex;position:absolute;inset:37% 30% 30%}.steam i{border-left:2px solid #f0d7b77a;border-radius:50%;width:15px;height:80%;transform:skew(-14deg)}.steam i:nth-child(2){height:60%;margin-top:6px}.ramen-sign{color:#ffead0;text-shadow:0 0 5px #ffb596;background:#db795a;border:1px solid #efb08b;border-radius:18px;padding:12px 9px;font-size:19px;line-height:1.5;position:absolute;top:17%;left:18%;box-shadow:0 0 22px #d47a4433}.serpent{color:#b2d4c6;background:#172b2c}.city-grid{transform-origin:top;background-image:linear-gradient(#75997c33 1px,#0000 1px),linear-gradient(90deg,#75997c33 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:40% -50% -70%;transform:perspective(180px)rotateX(48deg)}.city-sun{aspect-ratio:1;background:repeating-linear-gradient(0deg,#0000 0 10px,#9ec09d11 11px 12px);border:1px solid #a1b29844;border-radius:50%;width:31%;position:absolute;top:10%;left:40%}.city-building{background:#1c3432;border:1px solid #65867555;width:14%;height:53%;position:absolute;bottom:34%;box-shadow:8px 0 #112626}.city-building:after{content:"";opacity:.55;background:repeating-linear-gradient(0deg,#89b69a66 0 2px,#0000 2px 15px);position:absolute;inset:9px}.city-building.one{width:12%;height:57%;left:13%}.city-building.two{height:42%;right:17%}.city-building.three{width:8%;height:70%;right:7%}.snake-path{filter:drop-shadow(0 2px 12px #8ed99b44);width:100%;height:100%;position:absolute;inset:0}.serpent .art-caption{color:#adcdc0}.pelican{color:#e8d5ae;background:radial-gradient(at 24% 24%,#5b7870,#203f47 75%)}.pelican-scene{width:100%;height:100%;position:absolute;inset:0}.generic{color:#dfe8d2;background:#4a5c47;place-items:center;display:grid}.generic .orbit-art{width:65%;height:85%}@media (max-width:1050px){.ramen-sign{font-size:15px}.art-caption strong{font-size:27px}}@media (max-width:760px){.art-caption{bottom:22px}.art-caption strong{font-size:32px}.ramen-sign{font-size:18px}}
:root{--bg:#fff;--surface:#fff;--ink:#000;--muted:#666;--line:#eaeaea;--soft:#fafafa;--button:#000;--button-ink:#fff;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--ring:0 0 0 1px var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#000;--surface:#0a0a0a;--ink:#fff;--muted:#999;--line:#2e2e2e;--soft:#141414;--button:#fff;--button-ink:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,Noto Sans,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:550;line-height:1.15}p{color:var(--muted)}svg{flex-shrink:0}::selection{background:var(--ink);color:var(--bg)}.wrap{width:min(1240px,100% - 96px);margin-inline:auto}.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}.skip-link{background:var(--ink);color:var(--bg);border-radius:var(--radius-md);z-index:100;padding:10px 18px;transition:top .18s;position:fixed;top:-100px;left:16px}.skip-link:focus{top:10px}.header{border-bottom:1px solid var(--line);align-items:center;gap:36px;height:68px;display:flex}.wordmark{letter-spacing:-.8px;align-items:center;font-size:20px;font-weight:650;line-height:1;display:inline-flex}.wordmark svg{width:24px;height:24px;margin-right:7px}.nav{align-items:center;gap:28px;font-size:14px;display:flex}.nav a{align-items:center;gap:6px;display:flex}.nav a:hover,.text-link:hover,.footer a:hover{color:var(--muted)}.preferences{align-items:center;gap:10px;margin-left:auto;display:flex}.menu-wrap{position:relative}.menu-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:6px 9px;font-size:12px;display:flex}.menu-button>svg:first-child{color:var(--muted);flex-shrink:0}.menu-button:hover{border-color:var(--muted)}.menu-button[aria-expanded=true]{border-color:var(--ink);box-shadow:var(--ring)}.menu-button .chevron{color:var(--muted);transition:transform .15s}.menu-button[aria-expanded=true] .chevron{transform:rotate(180deg)}.menu{z-index:60;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:150px;box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 12%, transparent);outline:none;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.menu li{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:18px;padding:7px 10px;font-size:12px;display:flex}.menu li.active{background:var(--soft)}.menu li .check{opacity:0;flex-shrink:0}.menu li[aria-selected=true] .check{opacity:1}.eyebrow{letter-spacing:1.5px;color:var(--muted);align-items:center;gap:9px;margin-bottom:26px;font-size:10px;font-weight:600;display:flex}.status-dot{background:var(--ink);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.page-head{padding:54px 0 38px}.page-head h1{letter-spacing:-1.6px;margin-bottom:16px;font-size:clamp(32px,3.6vw,42px)}.page-head>p{max-width:560px;margin-bottom:0;font-size:15px;line-height:1.8}.page-stats{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:22px;font-size:12px;display:flex}.page-stats strong{color:var(--ink);margin-right:5px;font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);justify-content:center;align-items:center;gap:18px;min-height:40px;padding:10px 18px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}.button:hover{background:var(--soft);border-color:var(--muted)}.button.primary{background:var(--button);color:var(--button-ink);border-color:var(--button)}.button.primary:hover{opacity:.87}.text-link{align-items:center;gap:12px;font-size:12px;font-weight:500;display:inline-flex}.collection{padding-block:8px 76px}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.section-heading h2{letter-spacing:-1px;margin-bottom:0;font-size:28px}.filters{align-items:center;gap:20px;margin-bottom:28px;display:flex}.filter-tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.filter-tabs button{border-radius:var(--radius-md);color:var(--muted);background:0 0;align-items:center;gap:9px;padding:7px 12px;font-size:12px;display:flex}.filter-tabs button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.filter-tabs button:hover{background:var(--soft)}.filter-tabs button span{background:var(--surface);border-radius:var(--radius-sm);padding:0 5px;font-size:10px;line-height:17px}.search{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:9px;width:260px;max-width:100%;padding:7px 12px;display:flex}.search:focus-within{border-color:var(--ink);box-shadow:var(--ring)}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.search input::placeholder{color:var(--muted)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:34px;display:grid}.project-card{min-width:0}.project-art-link,.detail-art{border-radius:var(--radius-lg);border:1px solid var(--line);display:block;position:relative;overflow:hidden}.project-art-link{transition:transform .3s}.project-art-link:hover{transform:translateY(-3px)}.project-meta{letter-spacing:.4px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:21px 0 11px;font-size:10px;display:flex}.project-card h3{letter-spacing:-.7px;margin-bottom:10px;font-size:22px}.project-summary{max-width:440px;min-height:47px;margin-bottom:21px;font-size:13px;line-height:1.8}.city-building.one{width:12%;height:57%;left:13%}.city-building.two{height:42%;right:17%}.city-building.three{width:8%;height:70%;right:7%}.footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:30px;padding-block:35px;display:flex}.wordmark.small{letter-spacing:-.6px;font-size:18px}.wordmark.small svg{width:21px;height:21px;margin-right:6px}.footer>a{align-items:center;gap:12px;margin-left:auto;font-size:12px;display:flex}.project-page,.preview-page{min-height:70vh;padding-top:38px;padding-bottom:70px}.back-link{color:var(--muted);margin-bottom:44px;font-size:12px;display:inline-block}.project-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-bottom:55px;display:grid}.project-intro h1{letter-spacing:-1.5px;margin-bottom:22px;font-size:40px}.project-intro>div>p:not(.eyebrow){max-width:470px;font-size:15px;line-height:1.9}.project-intro .eyebrow{margin-bottom:14px}.project-intro .hero-actions{margin-top:25px}.implementations{padding-top:45px}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-top:25px;padding:65px 24px}.empty-state h3{letter-spacing:-.5px;margin-bottom:14px;font-size:22px}.empty-state p{max-width:450px;margin:0 auto 24px;font-size:13px;line-height:1.8}.empty-orbit{border:1px solid var(--line);width:55px;height:55px;color:var(--muted);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.empty-orbit svg{width:20px;height:20px}.model-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:22px;display:grid}.model-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);min-width:0;padding:27px}.model-card h3{overflow-wrap:anywhere;font-size:22px;line-height:1.3}.model-card dl{margin-bottom:30px}.model-card dl>div{grid-template-columns:80px 1fr;gap:15px;margin-block:10px;font-size:12px;display:grid}.model-card dt{color:var(--muted)}.model-card dd{overflow-wrap:anywhere;margin:0}.model-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.model-actions .button{padding:10px 15px}.preview-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px;display:flex}.preview-heading h1{letter-spacing:-1px;overflow-wrap:anywhere;margin-bottom:13px;font-size:36px}.preview-heading .eyebrow{margin-bottom:12px}.preview-heading>.text-link{white-space:nowrap}.preview-container{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;height:76vh;min-height:440px;display:flex;overflow:hidden}.preview-container:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.preview-toolbar{background:var(--soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:11px 15px;font-size:11px;display:flex}.preview-identity{align-items:center;gap:8px;display:flex}.preview-toolbar>div{gap:8px;display:flex}.preview-toolbar button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:7px 10px;font-size:11px}.preview-toolbar button:hover{border-color:var(--muted)}.preview-loading{place-items:center;min-height:50vh;margin:0;animation:1.4s ease-in-out infinite preview-loading-pulse;display:grid}@keyframes preview-loading-pulse{50%{opacity:.45}}.preview-container iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}.entry-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.entry-page h1{letter-spacing:-2px;font-size:52px}.entry-message{margin-bottom:24px}.entry-loader{background:var(--line);width:120px;height:2px;margin-top:18px;overflow:hidden}.entry-loader span{background:var(--ink);width:40%;height:100%;animation:1.1s ease-in-out infinite entry-slide;display:block}@keyframes entry-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width:1050px){.wrap{width:calc(100% - 64px)}.header{gap:35px}.section-heading h2{font-size:28px}.project-intro{gap:35px}.project-intro h1{font-size:34px}.project-grid{gap:27px}}@media (max-width:760px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;gap:20px;height:auto;min-height:82px;padding-block:20px}.nav{gap:18px;margin-left:auto;font-size:12px}.preferences{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;width:100%;margin-left:0;padding-top:12px}.header .nav .repo-link svg{width:13px}.menu-button,.menu li{font-size:11px}.hero-actions{gap:23px}.section-heading{display:block}.collection{padding-block:43px 50px}.filters{flex-direction:column;align-items:flex-start;gap:16px}.search{width:100%;max-width:none;margin-bottom:4px}.filter-tabs{gap:2px;margin-left:0}.filter-tabs button{padding-inline:11px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:42px}.project-card h3{font-size:27px}.project-summary{min-height:0;margin-bottom:15px}.project-meta{margin-top:17px}.footer{gap:22px;padding-block:28px}.footer>a{font-size:11px}.project-page,.preview-page{padding-top:25px;padding-bottom:45px}.back-link{margin-bottom:30px}.project-intro{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.project-intro h1{font-size:32px}.project-intro>div>p:not(.eyebrow){font-size:14px}.implementations{padding-top:32px}.empty-state{padding:40px 20px}.empty-state h3{font-size:20px;line-height:1.4}.preview-heading{flex-direction:column;align-items:flex-start;gap:16px}.preview-heading h1{font-size:27px}.preview-container{height:70vh;min-height:400px}.preview-toolbar{gap:6px;padding:8px}.preview-toolbar>div{gap:5px}.preview-identity{font-size:10px}.preview-toolbar button{padding:6px;font-size:10px}.entry-page h1{font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}