body,html{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#fff;background:#000}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;z-index:10}.header-title{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.02em}.header-nav{display:flex;gap:2rem}.header-nav a,.header-nav__link{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:opacity .2s;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.header-nav a:hover,.header-nav__link:hover{opacity:.8}.landing{position:relative;width:100%;height:100vh;overflow:hidden}.landing-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none}.landing-video iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;transform:translate(-50%,-50%);border:none}.page{min-height:100vh;padding:6rem 2rem 2rem;background:#111}.page h1{font-size:2.5rem;margin-bottom:1rem}.page p{font-size:1.125rem;max-width:640px;opacity:.85;line-height:1.7}.contact-form{max-width:640px;margin-top:2rem;gap:1.25rem}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:.35rem}.contact-field label{font-size:.95rem;font-weight:500;opacity:.9}.contact-field input,.contact-field textarea{padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:6px;transition:border-color .2s}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#666}.contact-field textarea{resize:vertical}.contact-error{font-size:.85rem;color:#f87171}.contact-success{padding:.75rem 1rem;background:#166534;border-radius:6px;font-size:.95rem}.contact-submit{align-self:flex-start;padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#000;background:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.contact-submit:hover{opacity:.85}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.projects-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;overflow-y:auto;opacity:0;transition:opacity .4s ease;pointer-events:none}.projects-overlay--visible{opacity:1;pointer-events:auto}.projects-overlay__close{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:110;transition:opacity .2s}.projects-overlay__close:hover{opacity:.7}.projects-list{text-align:center;width:100%;max-width:900px;padding:2rem}.projects-list__title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#fff}.projects-list__message{font-size:1.1rem;opacity:.6;margin-top:2rem}.projects-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.projects-filters__btn{background:hsla(0,0%,100%,.1);border:none;color:#fff;padding:.4rem 1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s ease;font-family:inherit}.projects-filters__btn:hover{background:hsla(0,0%,100%,.2)}.projects-filters__btn--active{background:#fff;color:#000}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.project-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:280px;padding:2.5rem 1.5rem;background:hsla(0,0%,100%,.08);border:none;border-radius:0;cursor:pointer;overflow:hidden;transition:transform .3s ease;color:#fff;font-family:inherit}.project-card:hover{transform:scale(1.04)}.project-card__thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .4s ease;z-index:0}.project-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .4s ease;z-index:1}.project-card:hover .project-card__thumbnail{filter:blur(4px)}.project-card:hover .project-card__overlay{opacity:1}.project-card__tag{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;transition:opacity .4s ease,transform .4s ease}.project-card__tag,.project-card__title{position:relative;z-index:2;opacity:0;transform:translateY(8px)}.project-card__title{font-size:1.25rem;font-weight:600;transition:opacity .4s ease .05s,transform .4s ease .05s}.project-card--no-thumbnail .project-card__tag,.project-card--no-thumbnail .project-card__title,.project-card:hover .project-card__tag,.project-card:hover .project-card__title{opacity:1;transform:translateY(0)}.project-card--no-thumbnail .project-card__tag{opacity:.7}.project-card--no-thumbnail:hover{background:hsla(0,0%,100%,.14)}.project-detail{position:fixed;inset:0;display:flex;flex-direction:column;background:#111;color:#fff;opacity:0;transform:scale(.95);transition:opacity .4s ease,transform .4s ease;overflow-y:auto}.project-detail--visible{opacity:1;transform:scale(1)}.project-detail__back{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:1.5rem 2rem;align-self:flex-start;transition:opacity .2s;font-family:inherit}.project-detail__back:hover{opacity:.7}.project-detail__content{display:flex;flex:1 1;padding:0 3rem 3rem;gap:3rem;align-items:flex-start}.project-detail__info{flex:1 1;display:flex;flex-direction:column;gap:1rem}.project-detail__title{font-size:2.5rem;font-weight:700;margin:0}.project-detail__tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-detail__tag{padding:.25rem .75rem;background:hsla(0,0%,100%,.1);border-radius:2rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.project-detail__description{font-size:1.1rem;line-height:1.7;opacity:.85;margin:0}.project-detail__video{flex:1 1;aspect-ratio:16/9;min-height:300px}.project-detail__video iframe{width:100%;height:100%;border:none;border-radius:.5rem}@media (max-width:768px){.header{position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:space-between;align-items:stretch;padding:1rem 1.5rem;pointer-events:none}.header-title{align-self:flex-start;pointer-events:auto}.header-nav{flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:auto}.page{padding-top:5rem}.project-detail__content{flex-direction:column;padding:0 1.5rem 2rem}.project-detail__video{width:100%}.projects-grid{grid-template-columns:1fr}.project-card{min-height:120px;padding:1rem 1.25rem;flex-direction:column;align-items:flex-start;justify-content:flex-end}.project-card__overlay{opacity:1;background:rgba(0,0,0,.65)}.project-card__tag,.project-card__title{opacity:1;transform:translateY(0);text-align:left}.project-card__tag{font-size:.7rem}.project-card__title{font-size:1rem}.project-card:hover .project-card__thumbnail{filter:none}}