:root{--bg:#07080c;--surface:#0f1118;--line:#20232e;--fg:#e8ecf4;--muted:#8f96a8;--accent:#79f2ff;--display:"Unbounded", "Arial Black", "Helvetica Neue", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:720px){:root{--gutter-l:max(40px, env(safe-area-inset-left,0px));--gutter-r:max(40px, env(safe-area-inset-right,0px))}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip{z-index:100;left:var(--gutter-l);background:var(--fg);color:var(--bg);font:500 14px/1 var(--mono);padding:10px 14px;text-decoration:none;position:fixed;top:8px;transform:translateY(-200%)}.skip:focus{transform:none}.nav{z-index:20;padding:max(14px, env(safe-area-inset-top,0px)) var(--gutter-r) 14px var(--gutter-l);color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.nav a{pointer-events:auto;text-decoration:none}.nav__mark{font-family:var(--display);letter-spacing:.04em;padding:6px 0;font-size:17px;font-weight:800}.nav__links{gap:clamp(14px,3vw,32px);margin:0;padding:0;list-style:none;display:flex}.nav__links a{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:8px 0;display:inline-block}.nav a:hover{text-underline-offset:4px;text-decoration:underline}.nav :focus-visible{outline-color:#fff}.hero{height:100vh;background:radial-gradient(120% 90% at 50% 40%, #0d1220 0%, var(--bg) 70%);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-position:50%;background-size:cover;height:100svh;min-height:420px;position:relative;overflow:hidden}.hero.is-fallback{background-image:url(/poster.jpg)}.hero__canvas{opacity:0;cursor:crosshair;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hero.is-live .hero__canvas{opacity:1}.hero.is-fallback .hero__canvas{display:none}.hero__mark{font-family:var(--display);letter-spacing:.02em;color:#fff;mix-blend-mode:difference;pointer-events:none;-webkit-user-select:text;user-select:text;place-items:center;margin:0;font-size:clamp(64px,22vw,300px);font-weight:800;line-height:1;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hero__bar{padding:16px var(--gutter-r) max(18px, env(safe-area-inset-bottom,0px)) var(--gutter-l);font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.hero__hint{opacity:.75}.hero__scroll,.hero__tilt{pointer-events:auto;color:inherit;padding:10px 0;text-decoration:none}.hero__scroll:after{content:" ↓"}.hero__tilt{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:999px;margin-left:auto;padding:9px 12px}.hero__tilt[aria-pressed=true]{opacity:1;color:#000;background:#fff}.hero__tilt:focus-visible{outline-color:#fff}.hero__scroll:focus-visible{outline-color:#fff}.hud{top:calc(64px + env(safe-area-inset-top,0px));left:var(--gutter-l);font:400 11px/1.5 var(--mono);color:var(--accent);pointer-events:none;white-space:pre;margin:0;position:absolute}main{padding:clamp(64px, 12vw, 160px) var(--gutter-r) 0 var(--gutter-l);gap:clamp(72px,12vw,160px);max-width:1240px;margin:0 auto;display:grid}.block{grid-template-columns:minmax(0,1fr);gap:20px;scroll-margin-top:80px;display:grid}@media (min-width:860px){.block{grid-template-columns:220px minmax(0,1fr);gap:40px}}.block__label{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;padding-top:6px}.block__body{min-width:0;margin:0}.about p{max-width:30ch;font-family:var(--display);text-wrap:pretty;margin:0 0 1em;font-size:clamp(22px,3.4vw,40px);font-weight:400;line-height:1.25}.work{border-top:1px solid var(--line);padding:0;list-style:none}.work__item{border-bottom:1px solid var(--line)}.work__link{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num title arrow""num line arrow";align-items:baseline;gap:4px 18px;padding:22px 0;text-decoration:none;display:grid}@media (min-width:720px){.work__link{grid-template-columns:48px minmax(0,1fr) minmax(0,1.4fr) auto;grid-template-areas:"num title line arrow"}}.work__num{font:400 12px/1 var(--mono);color:var(--muted);grid-area:num}.work__title{font-family:var(--display);grid-area:title;font-size:clamp(18px,2.2vw,24px);line-height:1.25}.work__line{color:var(--muted);grid-area:line}.work__arrow{color:var(--muted);grid-area:arrow;transition:transform .2s,color .2s}.work__link:hover .work__title{color:var(--accent)}.work__link:focus-visible .work__title{color:var(--accent)}.work__link:hover .work__arrow{color:var(--accent);transform:translate(4px)}.work__link:focus-visible .work__arrow{color:var(--accent);transform:translate(4px)}.contact>p{color:var(--muted);max-width:52ch;margin:0 0 24px}.contact__email{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.contact__addr{font-family:var(--display);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:clamp(20px,4vw,40px);line-height:1.2;text-decoration:none}.contact__addr:hover{color:var(--accent)}.contact__copy{border:1px solid var(--line);background:var(--surface);color:var(--fg);font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:10px 14px}.contact__copy:hover{border-color:var(--accent);color:var(--accent)}.contact__status{font:400 12px/1 var(--mono);color:var(--accent)}.contact__socials{flex-wrap:wrap;gap:8px 28px;margin:32px 0 0;padding:0;list-style:none;display:flex}.contact__socials a{font:500 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-underline-offset:4px;padding:8px 0;display:inline-block}.contact__socials a:hover{color:var(--accent)}.foot{max-width:1240px;padding:20px var(--gutter-r) max(24px, env(safe-area-inset-bottom,0px)) var(--gutter-l);border-top:1px solid var(--line);font:400 12px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:clamp(96px,14vw,180px) auto 0;display:flex}
