@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@font-face{font-family:Akony;src:url('../fonts/akony-bold.otf') format('opentype');font-display:swap}
:root{color-scheme:dark;--bg:#0b1410;--surface:#141e18;--ink:#f1f4ef;--muted:#b0bbb4;--accent:#adf1c7;--line:#34483b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Inter,Arial,sans-serif}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:0;color:var(--muted);cursor:pointer;min-height:44px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
header{max-width:1184px;margin:12px auto 0;display:grid;grid-template-columns:1fr 140px 88px;gap:40px;align-items:center;padding:8px 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}header>a:not(.wordmark){text-align:center;min-height:44px;display:grid;place-items:center;font-size:15px}.wordmark{font:700 24px/1 Akony,Inter,sans-serif}.wordmark span{color:var(--accent)}.languages{display:grid;grid-template-columns:1fr 1fr;gap:8px}.languages button[aria-pressed=true]{color:var(--ink)}
main{max-width:1152px;margin-inline:auto;padding-block:clamp(80px,8vw,128px);display:grid;gap:64px}.intro{display:grid;gap:20px}h1{font-size:clamp(36px,5vw,56px);line-height:1.1;letter-spacing:-.035em}.intro p,.project p,.pending{color:var(--muted);max-width:58ch}.project{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--surface);padding:40px;border:1px solid var(--line);border-radius:16px}.project img{display:block;width:100%;height:auto;border-radius:8px}.project-copy{display:grid;gap:20px}.project-copy>span:first-child{font-size:12px;letter-spacing:.06em;color:var(--muted)}h2{font-size:40px;line-height:1.2}.project-link{text-decoration:underline;text-underline-offset:4px}.project:hover .project-link{color:var(--accent)}.pending{font-size:15px}
@media(max-width:1232px){header,main{margin-inline:40px}}@media(max-width:639px){header{margin-inline:12px;grid-template-columns:1fr 108px 80px;gap:12px;padding-inline:12px}.wordmark{font-size:19px}main{margin-inline:20px}.project{grid-template-columns:1fr;padding:20px;gap:20px}h2{font-size:32px}}