@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg:#050506;--surface:#0b0b0d;--surface-raised:#111115;--ink:#f1f1ee;--muted:#8d8d96;--line:#29292e;--line-strong:#414149;--accent:#ff713f;--cyan:#55c6cd;--violet:#9c86df;--yellow:#e2b54d;--green:#8fc960;--font:"Google Sans Flex", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--mono:"SFMono-Regular", "Roboto Mono", "Noto Sans Mono CJK JP", monospace;--page-pad:clamp(1.25rem, 4vw, 4rem);--max:1240px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:not(.studio-body){min-height:100vh}a{color:inherit}img{max-width:100%}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg)}.site-header{z-index:40;width:100%;height:78px;padding:0 var(--page-pad);border-bottom:1px solid var(--line);background:#050506eb;justify-content:space-between;align-items:center;display:flex;position:relative}.site-header--studio{background:0 0;border-bottom:0;padding-inline:clamp(1.5rem,2.4vw,2.5rem);position:fixed;inset:0 0 auto}.site-brand{color:var(--accent);font-family:var(--mono);letter-spacing:.22em;align-items:center;gap:.65rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.site-brand__mark{border:1px solid var(--accent);width:11px;height:11px;box-shadow:inset 0 0 0 3px var(--bg);background:var(--accent);border-radius:999px}.desktop-nav{align-items:center;gap:clamp(1.5rem,3vw,3.2rem);display:flex}.desktop-nav a{color:#d7d7d8;font-family:var(--mono);letter-spacing:.18em;padding:.45rem 0;font-size:.72rem;font-weight:700;text-decoration:none;position:relative}.desktop-nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.desktop-nav a[aria-current=page]{color:var(--accent)}.mobile-nav{display:none}.page-shell{width:min(calc(100% - (var(--page-pad) * 2)), var(--max));margin:0 auto;padding:clamp(4.5rem,9vw,8rem) 0 6rem}.page-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(3rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.7rem;font-weight:700}.page-title{letter-spacing:-.055em;max-width:14ch;margin:0;font-size:clamp(3.25rem,8vw,7.5rem);font-weight:500;line-height:.92}.page-lede{color:#b6b6bd;max-width:38rem;margin:0;font-size:clamp(1rem,1.6vw,1.28rem);line-height:1.9}.section-block{border-bottom:1px solid var(--line);padding:clamp(4rem,8vw,7rem) 0}.section-heading{grid-template-columns:.35fr 1.65fr;gap:2rem;margin-bottom:clamp(2.5rem,5vw,5rem);display:grid}.section-heading h2{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1.05}.meta-label{color:var(--muted);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.tag-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line-strong);color:#c0c0c6;font-family:var(--mono);padding:.45rem .7rem;font-size:.66rem}.text-link,.primary-link{min-height:44px;font-family:var(--mono);letter-spacing:.08em;justify-content:center;align-items:center;gap:.8rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-link{border:1px solid var(--accent);min-width:200px;color:var(--accent);padding:.85rem 1rem}.primary-link:hover{background:var(--accent);color:var(--bg)}.site-footer{width:min(calc(100% - (var(--page-pad) * 2)), var(--max));color:var(--muted);grid-template-columns:1fr auto;align-items:end;gap:2rem;margin:0 auto;padding:3rem 0;font-size:.8rem;display:grid}.site-footer p{margin:.3rem 0}.site-footer>p{font-family:var(--mono);grid-column:1/-1;font-size:.66rem}.site-footer__links{gap:1.5rem;display:flex}.site-footer__links a{color:var(--ink);font-family:var(--mono);font-size:.7rem;text-decoration:none}.work-visual{background:var(--surface);margin:0}.work-visual img{aspect-ratio:4/3;object-fit:contain;width:100%;padding:clamp(1.5rem,5vw,4rem);display:block}.work-visual figcaption{border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);padding:.8rem 1rem;font-size:.62rem}@media (width<=760px){.site-header{height:64px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;font-family:var(--mono);letter-spacing:.15em;font-size:.72rem;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{padding:0 var(--page-pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);gap:0;display:grid;position:fixed;inset:64px 0 auto}.mobile-nav nav a{border-bottom:1px solid var(--line);font-family:var(--mono);padding:1.1rem 0;font-size:.8rem;text-decoration:none}.page-shell{padding-top:4rem}.page-hero,.section-heading,.site-footer{grid-template-columns:1fr}.page-hero{gap:2rem}.page-title{font-size:clamp(3rem,18vw,5rem)}.site-footer__links{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}