@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap";:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;font-weight:400;color:#f2f4f8;background-color:#0f1115;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#0f1115}a{color:#7ab8ff;text-decoration:none;transition:color .15s ease}a:hover{color:#c9e4ff}img{max-width:100%;display:block;border-radius:12px}button{font:inherit}.project{display:flex;flex-direction:column;gap:2.5rem;max-width:880px}.project__header{display:flex;flex-direction:column;gap:1.1rem}.project__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;color:#e7ecf58c}.project__back{color:#e7ecf5b3}.project__back:hover{color:#d6e9ff}.project__year{letter-spacing:.18em;text-transform:uppercase}.project__header h1{margin:0;font-size:clamp(2rem,4.6vw,3rem)}.project__subtitle{margin:0;color:#e7ecf5b8;font-size:1.05rem}.project__subtitle--8bit{font-family:"Press Start 2P",Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;letter-spacing:.04em}.project__link{color:#7ab8ff;text-decoration:underline;text-underline-offset:.25em}.project__link:hover{color:#c9e4ff}.project__hero{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#131a24b3}.project__hero img{width:100%;display:block;object-fit:cover}.project__body{display:flex;flex-direction:column;gap:1.8rem}.project__body img{max-width:100%;height:auto;display:block}.project__body p{margin:0;color:#e7ecf5bf;line-height:1.8}.project__video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#131a24b3;border:1px solid rgba(255,255,255,.08)}.project__video iframe{width:100%;height:100%;border:0}.project__list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.project__list li{padding-left:1.1rem;position:relative}.project__list li:before{content:"";position:absolute;width:6px;height:6px;top:.7rem;left:0;border-radius:50%;background:#7ab8ff}.project__tags{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.project__tag{padding:.3rem .7rem;border-radius:999px;background:#7ab8ff26;border:1px solid rgba(122,184,255,.25);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.three-act__wrap{display:flow-root}.project__image--right{float:right;margin:0 1.5rem 1rem}.project__image--left{float:left;margin:0 1.5rem 1rem}@media (max-width: 640px){.project__image--right{float:none;width:100%;margin:0 0 1rem}}@media (max-width: 640px){.project__meta{flex-direction:column;align-items:flex-start}}.layout{min-height:100vh;display:grid;grid-template-columns:minmax(240px,280px) 1fr;background:#0f1115;color:#e7ecf5}.layout__sidebar{padding:3.5rem 2.5rem;display:flex;flex-direction:column;gap:2.5rem;border-right:1px solid rgba(255,255,255,.05);background:#1e1e1e;position:sticky;top:0;align-self:start;height:100vh;z-index:12}.layout__brand{display:flex;flex-direction:column;gap:.5rem}.layout__title{font-size:1.5rem;font-weight:600;color:#fff;font-family:Nunito,Helvetica,sans-serif}.layout__title:hover{color:#d6e9ff}.layout__tagline{margin:0;font-size:.9rem;color:#e7ecf599}.layout__nav{display:flex;flex-direction:column;gap:1rem}.layout__section-label{margin:.5rem 0 0;font-size:.75rem;letter-spacing:.18em;color:#e7ecf580}.layout__link{font-size:.95rem;color:#e7ecf5b3;position:relative;padding-left:.2rem}.layout__link--project{font-family:Courier New,Courier,monospace}.layout__link:hover{color:#fff}.layout__link--active{color:#84b2ff}.layout__main{padding:3.5rem clamp(1.25rem,5vw,5rem) 4rem;display:flex;justify-content:center;font-family:Arial,Helvetica,sans-serif}.layout__main>*{width:100%}.layout__menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:12;border:1px solid rgba(255,255,255,.22);background:#11161ed9;border-radius:999px;padding:.55rem 1.1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:inherit}.layout__menu-toggle:hover,.layout__menu-toggle:focus-visible{border-color:#7ab8ffcc;outline:none}.layout__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060a99;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:11}.layout__overlay--visible{opacity:1;pointer-events:auto}@media (max-width: 900px){.layout{grid-template-columns:minmax(220px,260px) 1fr}}@media (max-width: 768px){.layout{grid-template-columns:1fr}.layout__sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s ease;width:min(80vw,320px);height:100vh;padding:4.5rem 2rem;box-shadow:0 20px 50px #0006}.layout__sidebar--open{transform:translate(0)}.layout__menu-toggle{display:inline-flex;align-items:center;justify-content:center}.layout__main{padding:4.5rem 1.5rem 3rem}}.home{display:flex;flex-direction:column;gap:2.8rem;max-width:720px}.home__intro{display:flex;flex-direction:column;gap:1.2rem}.home__eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:.75rem;color:#e7ecf599}.home__intro h1{margin:0;font-size:clamp(2.4rem,6vw,3.6rem)}.home__lead{margin:0;color:#e7ecf5c7;font-size:1.05rem;line-height:1.7}.home__section{display:flex;flex-direction:column;gap:.9rem}.home__section h2{margin:0;font-size:1.4rem}.home__section p{margin:0;color:#e7ecf5bd}.home__contact{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.8rem}.home__contact a{display:inline-flex;align-items:center;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(122,184,255,.35);background:#7ab8ff14;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#d6e9ff}.home__contact a:hover{background:#7ab8ff2e}.not-found{display:flex;flex-direction:column;gap:1.2rem;max-width:560px}.not-found h1{margin:0;font-size:clamp(2rem,6vw,3rem)}.not-found p{margin:0;color:#e7ecf5b8}.not-found a{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(122,184,255,.35);background:#7ab8ff14;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#d6e9ff;width:fit-content}.not-found a:hover{background:#7ab8ff2e}