:root{--ink:#0b0f12;--ink-2:#14191e;--line:#e8e2d61f;--ivory:#e8e2d6;--muted:#9aa3ab;--faint:#6b747c;--display:"Space Grotesk", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--ivory);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:inherit}.container{width:min(1120px,100% - 32px);margin-inline:auto}.kicker{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);margin-bottom:16px;font-size:13px}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b0f12d9;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{font-family:var(--display);align-items:center;gap:12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.nav__links{gap:28px;font-size:15px;display:flex}.nav__links a{color:var(--muted);text-decoration:none}.nav__links a:hover{color:var(--ivory)}.hero{background:radial-gradient(60% 50% at 20% 0,#e8e2d612,#0000 70%);padding:140px 0 110px}.hero__title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(44px,8vw,92px);font-weight:700;line-height:1.02}.hero__sub{max-width:640px;color:var(--muted);margin-top:28px;font-size:clamp(18px,2.2vw,22px)}.hero__sub a{color:var(--ivory);text-underline-offset:4px}.section{border-top:1px solid var(--line);padding:96px 0}.section__title{font-family:var(--display);letter-spacing:-.01em;margin-bottom:40px;font-size:clamp(30px,4.5vw,46px);font-weight:600;line-height:1.1}.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.project{background:var(--ink-2);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:18px;flex-direction:column;gap:10px;padding:36px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex}.project:hover{border-color:var(--accent);transform:translateY(-3px)}.project__logo{border-radius:14px;margin-bottom:12px}.project__kind{font-family:var(--mono);color:var(--accent);font-size:13px}.project__name{font-family:var(--display);font-size:30px;font-weight:600}.project__blurb{color:var(--muted);flex:1}.project__link{font-family:var(--mono);color:var(--ivory);margin-top:12px;font-size:14px}.about__text{max-width:620px;color:var(--muted);font-size:19px}.directors{flex-wrap:wrap;gap:24px;margin-top:40px;display:flex}.director{border:1px solid var(--line);background:var(--ink-2);border-radius:14px;min-width:220px;padding:24px 28px}.director__name{font-family:var(--display);font-size:20px;font-weight:600}.director__role{font-family:var(--mono);color:var(--muted);font-size:13px}.btn{border:1px solid var(--ivory);font-family:var(--mono);border-radius:999px;margin-top:28px;padding:14px 26px;font-size:15px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.btn:hover{background:var(--ivory);color:var(--ink)}.footer{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);padding:48px 0;font-size:13px}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:8px 32px;display:flex}.footer__legal{color:var(--faint)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal[data-revealed=true]{opacity:1;transform:none}@media (width<=640px){.nav__links{gap:16px;font-size:14px}.brand span{display:none}.hero{padding:96px 0 72px}.section{padding:72px 0}.project{padding:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.project{transition:none}}