@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");font-display:swap}
:root{color-scheme:dark;--space:#090e17;--panel:#111925;--ink:#f5f0e6;--muted:#abb7c9;--amber:#f4c283;--cyan:#87d7ee;--mauve:#dcb3c3;--line:#314156}*{box-sizing:border-box}body{margin:0;background:var(--space);color:var(--ink);font:17px/1.6 "Space Grotesk",system-ui,sans-serif}a{color:var(--cyan);text-underline-offset:.22em}a:hover{color:var(--amber)}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:5px}main{max-width:1040px;margin:auto;padding:36px max(24px,env(safe-area-inset-left)) max(70px,env(safe-area-inset-bottom))}nav{display:flex;gap:18px;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}nav span,small{color:var(--muted);font-size:15px}a,button{min-height:44px;display:inline-flex;align-items:center}header{padding:48px 0 36px;max-width:760px}header svg{display:block;width:88px;height:48px;fill:none;stroke:var(--cyan)}header svg circle{fill:var(--cyan)}h1{font-size:clamp(42px,8vw,76px);line-height:1.1;margin:12px 0 20px;letter-spacing:-.04em}header p{font-size:21px;color:var(--muted)}.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}article small{color:var(--amber)}article h2{font-size:22px;line-height:1.35;margin:10px 0;overflow-wrap:anywhere}article p{margin:0 0 24px;color:var(--muted);overflow-wrap:anywhere}article a{margin-top:auto}button{padding:9px 18px;color:var(--cyan);background:var(--panel);border:1px solid var(--cyan);border-radius:7px;font:inherit;cursor:pointer}form{margin:0}.ring{margin-top:38px;padding:26px 0 0;flex-wrap:wrap;justify-content:flex-start}.ring a{margin-right:20px}footer{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}.preview{width:100%;height:65vh;min-height:320px;border:1px solid var(--line);border-radius:12px;background:white}.media{max-width:100%;max-height:65vh}select{font:inherit}details{margin:24px 0}@media(max-width:600px){main{padding:24px max(18px,env(safe-area-inset-left)) max(45px,env(safe-area-inset-bottom))}header{padding-top:32px}.works{grid-template-columns:1fr}article{padding:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.work-view{height:100vh;height:100dvh;overflow:hidden}.work-view .preview{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0}.work-view .media{display:block;margin:auto;max-width:100%;max-height:100%;height:100%;object-fit:contain}
/* Access-key navigation stays usable on narrow phone screens. */
nav{flex-wrap:wrap}

/* Shared recipe appearance preserves the authored layout. */
article,.preview,button{border-radius:var(--home-radius,12px)}.works{gap:var(--home-gap,18px)}
h1,h2,h3{font-family:var(--home-heading-font,inherit)}