:root{color-scheme:dark;--bg:#050505;--panel:#111;--ink:#f4f0e8;--muted:#b9b1a8;--line:#302f32;--accent:#d6cbc0;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.2em}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:5;background:#fff;color:#000;padding:.7rem 1rem}.site-header{position:sticky;top:0;z-index:4;background:rgba(5,5,5,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{max-width:var(--max);margin:auto;min-height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.nav-links a{text-decoration:none;letter-spacing:.08em;font-weight:700}.nav-links{display:flex;gap:28px;align-items:center}main{max-width:var(--max);margin:auto;padding:0 24px 80px}.hero{min-height:78vh;display:grid;place-content:center;text-align:center;padding:80px 0 64px}.hero-logo{width:min(720px,90vw);margin:0 auto 20px;opacity:.84}.hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:1;margin:.2em 0}.hero p{max-width:760px;margin:16px auto;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}h1,h2,h3{line-height:1.08;overflow-wrap:anywhere}h2{font-size:clamp(2rem,5vw,4.5rem);margin:.15em 0 .45em}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--muted);font-family:Arial,sans-serif}.feature{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center;padding:90px 0;border-top:1px solid var(--line)}.feature img,.gallery img,.article-image,.card img{border:1px solid var(--line);background:var(--panel)}#screenshots{padding:90px 0;border-top:1px solid var(--line)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}.gallery figcaption{padding:12px 2px;color:var(--muted)}.project-note{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:center;padding:46px;background:var(--panel);border:1px solid var(--line)}.project-note img{width:210px}.page-lead{padding:110px 0 55px;border-bottom:1px solid var(--line)}.page-lead h1,.article h1{font-size:clamp(2.5rem,6vw,5.2rem);margin:.15em 0}.page-lead>p:last-child{max-width:720px;color:var(--muted);font-size:1.15rem}.cards{display:grid;gap:28px;padding:50px 0}.card{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:30px;padding:24px;background:var(--panel);border:1px solid var(--line)}.card img{width:100%;height:100%;max-height:320px;object-fit:cover}.card time{color:var(--muted);font:700 .78rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.card h2{font-size:clamp(1.6rem,3vw,2.6rem)}.card p{color:var(--muted)}.article{max-width:820px;margin:auto;padding:110px 0 40px}.article-image{width:100%;margin:42px 0}.article p:not(.eyebrow){font-size:clamp(1.05rem,2vw,1.22rem);color:#ded9d3}.site-footer{max-width:var(--max);margin:auto;padding:34px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:700 .75rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.site-footer img{width:120px;opacity:.7}
@media(max-width:720px){.site-header{position:static}.nav{min-height:0;padding:18px;display:block}.brand{display:block;margin-bottom:14px}.nav-links{gap:10px;flex-wrap:wrap}.nav-links a{font-size:.82rem;padding:6px 0}main{padding:0 18px 56px}.hero{min-height:auto;padding:64px 0 72px}.feature,.project-note,.card{grid-template-columns:1fr}.feature,#screenshots{padding:62px 0}.gallery{grid-template-columns:1fr}.project-note{padding:26px;gap:24px}.page-lead,.article{padding-top:65px}.card{padding:16px;gap:18px}.card img{max-height:none}.site-footer{margin:0 18px;padding:28px 0;gap:20px}.site-footer img{width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}