@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg:#0a0a0a;--color-surface:#ffffff0a;--color-surface-hover:#ffffff14;--color-border:#ffffff14;--color-text:#f0f0f0;--color-text-muted:#888;--color-accent:#e0e0e0;--font-family:"Inter", sans-serif;--max-width:1200px;--nav-height:72px;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";opacity:.15;z-index:-2;background:url(/assets/bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;background:linear-gradient(#0a0a0a99 0%,#0a0a0ae6 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{height:var(--nav-height);z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:background var(--transition);background:#0a0a0acc;justify-content:space-between;align-items:center;padding:0 clamp(1.5rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:inline-flex}.nav-logo-mark{width:2.2rem;height:2.2rem;image-rendering:-webkit-optimize-contrast;flex-shrink:0}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--transition);font-size:.85rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--color-text);width:0;height:1px;transition:width var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--color-text);width:24px;height:2px;transition:transform var(--transition), opacity var(--transition);display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{width:100%;height:min(56.25vw,100vh);margin-top:calc(-1.5 * var(--nav-height));margin-bottom:calc(-1.2 * var(--nav-height));position:relative;overflow:hidden}.hero-video-wrap{position:absolute;inset:0}.hero-video-wrap video{object-fit:cover;width:100%;height:100%}.section{background-color:var(--color-bg);max-width:var(--max-width);margin:0 auto;padding:2rem clamp(1.5rem,4vw,3rem);position:relative}.section-title{letter-spacing:.05em;text-transform:uppercase;margin-bottom:3rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:var(--color-text);width:40px;height:2px;position:absolute;bottom:-8px;left:0}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.brand-card{aspect-ratio:1;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);border-radius:8px;position:relative;overflow:hidden}.brand-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006}.brand-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.brand-card:hover img{transform:scale(1.05)}.brand-card-overlay{transition:background var(--transition);background:linear-gradient(#0000 40%,#0a0a0ad9 100%);align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.brand-card:hover .brand-card-overlay{background:linear-gradient(#0000 20%,#0a0a0ae6 100%)}.brand-card-title{letter-spacing:.1em;text-transform:uppercase;font-size:1.1rem;font-weight:600}.brand-card--text{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)}.brand-card--text .brand-card-overlay{text-align:center;background:linear-gradient(#0000 0%,#0a0a0a99 100%);justify-content:center;align-items:center}.brand-card--text:hover .brand-card-overlay{background:linear-gradient(#0000 0%,#0a0a0acc 100%)}.page-header{padding-top:calc(var(--nav-height) + 4rem);text-align:center;padding-bottom:2rem}.page-header h1{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.video-section{max-width:900px;margin:0 auto 2rem;padding:0 clamp(1.5rem,4vw,3rem)}.video-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:500}.video-player{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;margin-bottom:2rem;position:relative;overflow:hidden}.video-player video{object-fit:contain;width:100%;height:100%}.credits-section{max-width:900px;margin:2rem auto 6rem;padding:0 clamp(1.5rem,4vw,3rem)}.credits-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2.5rem}.credits-card h2{letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1rem;font-weight:700}.credits-list{gap:.6rem;list-style:none;display:grid}.credits-list li{flex-wrap:wrap;gap:.5rem;font-size:.9rem;line-height:1.6;display:flex}.credits-list .role{color:var(--color-accent);min-width:180px;font-weight:600}.credits-list .name{color:var(--color-text-muted);font-weight:300}.credits-thanks{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:1.5rem;padding-top:1rem;font-size:.85rem;font-style:italic}.about-intro{text-align:center;max-width:700px;margin:0 auto 4rem}.about-intro p{color:var(--color-text-muted);font-size:1.05rem;font-weight:300;line-height:1.8}.about-section{margin-bottom:5rem}.about-section:last-of-type{margin-bottom:6rem}.about-content{max-width:760px;margin:0 auto}.about-content p{color:var(--color-text-muted);margin-bottom:1.2rem;font-size:1.05rem;font-weight:300;line-height:1.8}.about-content p:last-child{margin-bottom:0}.about-content h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.about-split{grid-template-columns:1.1fr 1fr;align-items:start;gap:2.5rem;display:grid}.about-split .about-content{margin:0}.about-media{gap:1rem;display:grid}.about-media img,.about-media-hero img{border:1px solid var(--color-border);object-fit:cover;border-radius:12px;width:100%}.about-media-hero{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;overflow:hidden}.about-media-hero img{border:none;border-radius:0;height:100%}.about-projects{gap:1.25rem;list-style:none;display:grid}.about-projects li{background:var(--color-surface);border:1px solid var(--color-border);transition:background var(--transition);border-radius:12px;padding:1.75rem}.about-projects li:hover{background:var(--color-surface-hover)}.about-projects h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.about-projects p{color:var(--color-text-muted);font-size:.95rem;font-weight:300;line-height:1.7}.about-project-meta{letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.6rem;font-size:.75rem;display:inline-block}.about-project-link{letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);transition:opacity var(--transition);border-bottom:1px solid;margin-top:.9rem;padding-bottom:2px;font-size:.8rem;font-weight:500;display:inline-block}.about-project-link:hover{opacity:.7}.team-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.team-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;transition:transform var(--transition), background var(--transition);border-radius:12px;padding:2rem}.team-card:hover{background:var(--color-surface-hover);transform:translateY(-4px)}.team-card-photo{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:8px;width:80%;margin:0 auto 1.2rem}.team-card-name{margin-bottom:.3rem;font-size:1rem;font-weight:600}.team-card-role{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:300}.contact-section{text-align:center;max-width:600px;margin:0 auto;padding-bottom:6rem}.contact-section h2{letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.contact-info{color:var(--color-text-muted);flex-direction:column;gap:.6rem;font-size:1rem;display:flex}.contact-info a{color:var(--color-text);transition:opacity var(--transition)}.contact-info a:hover{opacity:.7}.footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);letter-spacing:.05em;padding:2rem clamp(1.5rem,4vw,3rem);font-size:.8rem}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.back-link{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--transition);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--color-text)}.back-link svg{width:16px;height:16px}@media (width<=768px){.nav-links{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);transform:translateY(calc(-100% - var(--nav-height)));transition:transform var(--transition);border-bottom:1px solid var(--color-border);background:#0a0a0af2;flex-direction:column;gap:1.5rem;padding:2rem;position:fixed;left:0;right:0}.nav-links.open{transform:translateY(0)}.nav-toggle{display:flex}.hero{aspect-ratio:unset;height:70vh}.brand-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.about-split{grid-template-columns:1fr;gap:2rem}.about-projects li{padding:1.4rem 1.5rem}.credits-list li{flex-direction:column;gap:.15rem}.credits-list .role{min-width:unset}}@media (width<=480px){.team-grid{grid-template-columns:1fr}}