:root{--ink:#0b0b0c;--paper:#f2eee6;--white:#f8f7f4;--muted:#9a9aa1;--line:#2a2a2f;--purple:#7a5cff;--sans:"Inter Tight",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.project-shell{width:min(1120px,calc(100vw - 40px));margin:0 auto;padding:2rem 0 5rem}.back-link{display:inline-flex;color:#a7a7ae;font-size:.9rem;margin-bottom:4rem}.back-link:hover{color:white}.project-hero{max-width:900px}.project-kicker{text-transform:uppercase;letter-spacing:.14em;color:#777780;font-size:.7rem;font-weight:700}.project-kicker span{color:#aaaab2}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(4rem,9vw,8rem);line-height:.92;margin:.5rem 0 1rem}#project-description{max-width:620px;color:#aaaab2;font-size:1.05rem}.project-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.4rem 0 3rem}.project-actions a{padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;font-size:.9rem}.project-actions a:first-child{background:var(--white);color:var(--ink);border-color:var(--white)}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:start;border-top:1px solid var(--line);padding-top:3rem;perspective:1400px}.project-panel{background:#111113;transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.project-panel:first-child{box-shadow:0 26px 70px rgba(0,0,0,.28)}.project-panel img{width:100%;aspect-ratio:4/3;object-fit:cover}.info-panel{background:transparent}.info-panel h2{font-size:2rem;margin:0 0 .8rem}.info-panel>p{color:#a2a2aa}.info-list{margin:2rem 0;border-top:1px solid var(--line)}.info-list div{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.info-list span{color:#707078;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.info-list strong{font-weight:500}pre{margin:0;padding:1rem;border:1px solid var(--line);background:#101012;white-space:pre-wrap;color:#c5c5cb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.7}@media(max-width:850px){.project-grid{grid-template-columns:1fr}.back-link{margin-bottom:2rem}}