@import"https://fonts.googleapis.com/css2?family=Lora&display=swap";body{font-family:Lora,serif;margin:0;padding:2rem;background-color:#faf9f6;color:#111;line-height:1.6}h1{font-size:3rem}h1,h2,nav,.project-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;margin:0}.intro{display:flex;justify-content:space-between;align-items:flex-start}.intro-title{display:flex;flex-direction:column;gap:.25rem}li{list-style:none;text-decoration:none}nav ul{list-style:none;padding:0;display:flex;gap:1rem;margin-top:0}nav a{text-decoration:none;color:#333}nav .icons{width:17px;height:17px}.project-grid{display:flex;flex-wrap:wrap;gap:2rem;padding:0;list-style:none}.project-grid li{flex:1 1 calc(33.333% - 1.33rem);max-width:calc(33.333% - 1.33rem)}@media screen and (max-width: 1023px){.project-grid li{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media screen and (max-width: 767px){.project-grid li{flex:1 1 100%;max-width:100%}}.projects{margin-top:3rem;max-width:1350px;margin-right:auto}.projects a{display:flex;flex-direction:column;text-decoration:none;color:inherit}.projects .thumbnail{width:100%;height:250px;max-width:430px;border-radius:8px;object-fit:cover;box-shadow:0 6px 18px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.projects .thumbnail:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}.projects .meta{font-size:.875rem;color:#666}.projects .work{font-size:.875rem;font-weight:500;color:#333}.project-title{display:block;margin-top:.9rem;line-height:1}.about{max-width:600px}.site-footer{margin-top:4rem;font-size:.75rem;color:#444;text-align:right}.tools{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin-top:.8rem;font-size:.75rem}.tools .pill{display:inline-block;background:#f3f4f6;color:#374151;padding:.25rem .55rem;border-radius:9999px;line-height:1;white-space:nowrap;border:1px solid #e5e7eb}.thumbnail-nda{background:#2e2e2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:1.5rem;box-sizing:border-box;box-shadow:0 6px 18px #0000001f}.nda-logo{width:90px;display:block}.nda-form{width:75%}.nda-field{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.18);border-radius:4px;overflow:hidden;background:#ffffff0a}.nda-input{flex:1;background:transparent;border:none;color:#fff;font-size:.8rem;padding:.6rem .75rem;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-width:0}.nda-input::placeholder{color:#ffffff4d}.nda-toggle{background:none;border:none;border-right:1px solid rgba(255,255,255,.12);color:#ffffff4d;padding:0 .6rem;cursor:pointer;font-size:.75rem;display:flex;align-items:center;transition:color .15s ease}.nda-toggle:hover{color:#ffffffa6}.nda-submit{background:#ffffffe0;color:#0d0d0d;border:none;padding:0 .9rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .15s ease;white-space:nowrap}.nda-submit:hover{background:#fff}.nda-error{display:none;color:#ff6e6ed9;font-size:.72rem;text-align:center;margin-top:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.project-back{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;margin-bottom:2.5rem;transition:color .15s ease}.project-back:hover{color:#111}.project-hero{width:100%;max-width:960px;max-height:500px;object-fit:cover;border-radius:8px;box-shadow:0 6px 18px #0000001a;display:block;margin-bottom:2.5rem}.project-header{max-width:680px;margin-bottom:3rem}.project-header h1{font-size:2rem;margin-bottom:.5rem}.project-year{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;color:#888;display:block;margin-bottom:1.25rem}.project-description{color:#444;margin-bottom:1.5rem;max-width:60ch}.project-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:1.5rem;max-width:1350px}.project-gallery img,.project-gallery video{width:100%;border-radius:8px;box-shadow:0 4px 14px #00000017}
