@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&family=Instrument+Serif:ital@1&family=Major+Mono+Display&family=Share+Tech+Mono&display=swap";*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}a{color:inherit;-webkit-tap-highlight-color:color-mix(in oklab, var(--accent) 18%, transparent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:root,:root[data-theme=graphite]{--bg:#080808;--bg-2:#050505;--surface:#111;--fg:#e8e8e8;--fg-muted:#b0b0b0;--fg-dim:#666;--accent:#39ff14;--accent-2:#ffb000;--accent-3:#ff6b35;--accent-glow:#39ff1426;--accent-glow-soft:#39ff140a;--rule:#ffffff14;--glass-tint:#ffffff0a;--glass-edge-top:#fff3;--glass-edge-bot:#0009;--glass-stroke:#ffffff24;--shadow-deep:#000000d9;--shadow-mid:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=pearl]{--bg:#f1ece1;--bg-2:#ebe5d7;--surface:#faf6ec;--fg:#0a0a0a;--fg-muted:#2a2a25;--fg-dim:#6a665a;--accent:#0f7a1a;--accent-2:#b86d10;--accent-3:#c84a18;--accent-glow:#0f7a1a1a;--accent-glow-soft:#0f7a1a08;--rule:#0000001a;--glass-tint:#ffffff59;--glass-edge-top:#ffffffa6;--glass-edge-bot:#0000001a;--glass-stroke:#0000001a;--shadow-deep:#28231938;--shadow-mid:#2823191f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--container:min(1200px, 92vw);--section-py:clamp(48px, 8vh, 120px);--gap-xs:6px;--gap-sm:12px;--gap-md:20px;--gap-lg:36px;--gap-xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px}body{background:radial-gradient(ellipse at 20% 0%, var(--accent-glow-soft) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--accent-glow-soft) 0%, transparent 50%), var(--bg)}@font-face{font-family:DSEG14 Classic;src:url(https://cdn.jsdelivr.net/gh/keshikan/DSEG@v0.46/fonts/DSEG14-Classic/DSEG14Classic-Regular.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/keshikan/DSEG@v0.46/fonts/DSEG14-Classic/DSEG14Classic-Regular.woff)format("woff");font-display:swap;font-weight:400;font-style:normal}:root{--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-serif-italic:"Instrument Serif", "Tiempos Headline", Georgia, serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-digital:"Audiowide", "Major Mono Display", "Share Tech Mono", ui-monospace, monospace}html{font-size:16px}body{color:var(--fg);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";line-height:1.5;transition:background-color .24s,color .24s}h1,h2,h3,h4{letter-spacing:-.025em;margin:0;font-weight:500}.display{font-family:var(--font-sans);letter-spacing:-.04em;font-size:clamp(48px,9vw,104px);font-weight:600;line-height:.92}.display em{font-family:var(--font-serif-italic);color:var(--accent);font-style:italic;font-weight:400}h2.section-headline{letter-spacing:-.03em;font-size:clamp(32px,4.5vw,56px);line-height:1.05}h2.section-headline em{font-family:var(--font-serif-italic);color:var(--accent);font-style:italic;font-weight:400}.label,.pill{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.lcd{font-family:var(--font-digital);letter-spacing:.08em;color:var(--accent);text-shadow:0 0 8px var(--accent-glow);font-size:16px}p,.body{color:var(--fg-muted);max-width:50ch;font-size:clamp(15px,1.05vw,17px)}.subtitle{color:var(--fg-muted);max-width:56ch;font-size:clamp(15px,1.1vw,18px)}.glass{background:color-mix(in oklab, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 4%, transparent) inset, 0 1px 0 var(--glass-edge-top) inset, 0 -1px 0 var(--glass-edge-bot) inset, 0 12px 40px color-mix(in oklab, var(--bg-2) 60%, transparent);isolation:isolate;position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;mix-blend-mode:screen;background:radial-gradient(100% 60% at 50% 0,#ffffff14,#0000 60%),radial-gradient(80% 40% at 30% 100%,#ffffff08,#0000 60%);position:absolute;inset:0}.glass-pill{border-radius:var(--radius-pill);padding:6px 14px}.glass-cta{border-radius:var(--radius-pill);align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.glass-cta:hover{color:var(--accent);text-shadow:0 0 12px var(--accent-glow);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 50%, transparent) inset, 0 1px 0 var(--glass-edge-top) inset, 0 -1px 0 var(--glass-edge-bot) inset, 0 18px 60px var(--accent-glow), 0 12px 40px color-mix(in oklab, var(--bg-2) 60%, transparent);transform:translateY(-1px)}.glass-cta .arrow{transition:transform .2s}.glass-cta:hover .arrow{transform:translate(4px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:color-mix(in oklab, var(--surface) 92%, transparent)}}@media (prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);background:color-mix(in oklab, var(--surface) 85%, transparent)}}.container{width:var(--container);margin:0 auto}.nav{align-items:center;gap:var(--gap-md);z-index:100;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;padding:10px 18px;font-size:11px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-logo{color:var(--fg)}.nav a{color:var(--fg-muted);transition:color .16s}.nav a:hover{color:var(--fg)}.nav-rule{background:var(--rule);width:1px;height:14px}.theme-switch{border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.theme-switch button{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);padding:4px 10px;font-size:10px;transition:color .16s,background .16s}.theme-switch button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.section{min-height:100vh;padding:var(--section-py) 0;align-items:center;display:flex;position:relative;overflow:hidden}.section+.section{border-top:1px solid var(--rule)}.section:before{content:"";pointer-events:none;background:radial-gradient(720px 240px at 12% 0%, var(--accent-glow), transparent 60%);z-index:0;position:absolute;inset:0}.section>*{z-index:1;position:relative}.hero{gap:var(--gap-lg);padding-top:calc(var(--section-py) + 60px);display:grid}.hero .tag{margin-bottom:var(--gap-md);display:block}.hero .subtitle{margin-top:var(--gap-md)}.section#work{min-height:auto;padding:var(--gap-xl) 0}.cover{gap:var(--gap-md);margin-top:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.cover .tile{padding:var(--gap-md) var(--gap-lg);gap:var(--gap-sm);cursor:pointer;grid-template-rows:auto 1fr auto;min-height:180px;transition:transform .2s,box-shadow .2s,color .2s;display:grid}.cover .tile:hover{color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 30%, transparent) inset, 0 1px 0 var(--glass-edge-top) inset, 0 -1px 0 var(--glass-edge-bot) inset, 0 18px 60px var(--accent-glow), 0 12px 40px color-mix(in oklab, var(--bg-2) 60%, transparent);transform:translateY(-2px)}.cover .tile h3{letter-spacing:-.02em;font-size:clamp(20px,2vw,26px)}.cover .tile p{max-width:32ch;font-size:13px}.cover .tile .label{font-size:10px}@media (max-width:720px){.cover{grid-template-columns:1fr}}.project{gap:var(--gap-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.project .copy{gap:var(--gap-md);flex-direction:column;display:flex}.project .stage{aspect-ratio:4/5;border-radius:var(--radius-lg);position:relative;overflow:hidden}.project.reverse .stage{order:2}.project .stats{gap:var(--gap-xs);margin-top:var(--gap-md);flex-wrap:wrap;display:flex}.stage canvas{width:100%;height:100%;display:block}.stage img{object-fit:cover;object-position:center;width:100%;height:100%}#project-mk1 .stage{background:radial-gradient(ellipse 70% 55% at 50% 55%, color-mix(in oklab, var(--accent) 10%, transparent) 0%, transparent 70%);justify-content:center;align-items:center;display:flex}#project-mk1 .stage picture{aspect-ratio:1;width:92%;max-width:560px;filter:drop-shadow(0 30px 40px var(--shadow-deep)) drop-shadow(0 10px 18px var(--shadow-mid)) drop-shadow(0 0 50px var(--accent-glow));will-change:transform, filter;transform-origin:50%;animation:9s ease-in-out infinite mk1-float;display:block}#project-mk1 .stage img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@keyframes mk1-float{0%,to{transform:translateY(0)rotate(.4deg)}50%{transform:translateY(-10px)rotate(-.4deg)}}@media (prefers-reduced-motion:reduce){#project-mk1 .stage picture{animation:none}}#project-mikey7s .stage{aspect-ratio:auto;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;overflow:visible}#project-mikey7s .stage picture{aspect-ratio:1;width:100%;max-width:480px;filter:drop-shadow(0 24px 32px var(--shadow-deep)) drop-shadow(0 8px 16px var(--shadow-mid)) drop-shadow(0 0 40px var(--accent-glow));will-change:transform, filter;transform-origin:50%;animation:7s ease-in-out infinite jfs-float;display:block}#project-mikey7s .stage img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@keyframes jfs-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-14px)rotate(.6deg)}}@media (prefers-reduced-motion:reduce){#project-mikey7s .stage img{animation:none}}#project-mikey7s .film-strip{display:none}.footer{gap:var(--gap-lg);padding:var(--section-py) 0;display:grid}.footer .socials{gap:var(--gap-md);display:flex}.footer .colophon{color:var(--fg-dim);font-family:var(--font-mono);letter-spacing:.12em;font-size:11px}.book-call{letter-spacing:-.01em;justify-self:start;padding:18px 28px;font-size:16px;font-weight:600}form[data-form]{gap:var(--gap-md);padding:var(--gap-lg);max-width:560px;display:grid}form[data-form] label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);gap:6px;font-size:11px;display:grid}form[data-form] input,form[data-form] textarea{font:inherit;font-family:var(--font-sans);letter-spacing:normal;text-transform:none;border-radius:var(--radius-sm);border:1px solid var(--rule);background:color-mix(in oklab, var(--bg-2) 50%, transparent);color:var(--fg);padding:12px 14px;font-size:15px}form[data-form] input:focus,form[data-form] textarea:focus{outline:2px solid var(--accent);outline-offset:2px}form[data-form] button{justify-self:start}.form-status{font-family:var(--font-mono);color:var(--fg-dim);min-height:1.2em;font-size:12px}.form-status.is-ok{color:var(--accent)}.form-status.is-err{color:#ff6b6b}@media (max-width:900px){.cover{grid-template-rows:auto;grid-template-columns:1fr}.cover .tile.featured{grid-row:auto}.project{gap:var(--gap-lg);grid-template-columns:1fr}.project.reverse .stage{order:0}.nav{gap:var(--gap-sm);padding:6px 10px;font-size:10px;top:8px}.nav a{align-items:center;min-height:48px;padding:0 4px;display:inline-flex}.nav-rule{display:none}.theme-switch button{min-width:44px;min-height:44px;padding:10px 14px}#project-mikey7s .stage picture{width:60%;max-width:220px;margin:0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}