*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.3;color:#fff;background:#000}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;top:0;z-index:10;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#000}nav{display:flex;gap:24px}nav a:hover{text-decoration:underline}.projects-page{padding:100px 20px 120px}.projects-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px}.projects-header h1{margin:0;font-size:clamp(50px,8vw,120px);font-weight:400;line-height:.9;letter-spacing:-.06em}.project-filter{display:flex;color:#fff;gap:20px}.project-filter button{color:#fff;padding:0;border:0;background:none;font:inherit;cursor:pointer;opacity:.4}.project-filter button.active,.project-filter button:hover{opacity:1}.project-filter button.active{text-decoration:underline}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 20px}.project{display:block}.project-image{width:100%;height:25vh;overflow:hidden}.project-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.project:hover .project-image img{transform:scale(1.02)}.project-info{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding-top:10px}.project-info span:last-child{grid-column:1/-1;opacity:.5;font-size:13px}@media (max-width:700px){.projects-page{padding:70px 14px 100px}.projects-header{display:block}.projects-header h1{margin-bottom:40px}.project-filter{flex-wrap:wrap;gap:12px 18px}.projects{grid-template-columns:1fr;gap:40px}.project-image{height:70vh}}.home{width:100%;height:100vh;overflow:hidden}.home-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto}.logo img{display:block;width:300px;height:auto;opacity:.8}.project-page{padding:80px 20px 150px}.project-page>header{position:static;display:block;padding:0;margin-bottom:80px}h1{margin:0;font-size:clamp(40px,7vw,100px);font-weight:400;letter-spacing:-.05em}.project-page header p{margin-top:10px;opacity:.5}.about{max-width:800px;padding:120px 20px}.about h1{margin:0 0 60px;font-size:clamp(40px,7vw,100px);font-weight:400;letter-spacing:-.05em}.about-text{max-width:600px;font-size:clamp(24px,3vw,40px);line-height:1.1}.about-text p{margin:0 0 1em}@media (max-width:700px){header{padding:14px}nav{gap:14px}.projects{grid-template-columns:1fr;gap:40px;padding:14px}.project-info{grid-template-columns:1fr auto}.project-page{padding:60px 14px 100px}.about{padding:80px 14px}}.project,.project section{width:100%}.project-overlay{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding:14px 20px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:11px;line-height:1.3}.project-description{max-width:600px}.project-description p,.project-details h1,.project-details p{margin:0}.project-details{text-align:right;white-space:nowrap}.project-details h1{font-size:11px;font-weight:500}.project-details p{margin-top:2px;opacity:.5}.project img{display:block;max-width:100%}.project .full img{width:100%}.project .half-half{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project .half-half>img,.project .half-half>video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project .text{display:flex;justify-content:center;padding:10vw 20px}.project .text>*{width:100%;max-width:700px}.project .text p{margin:0 0 1em;font-size:clamp(1.25rem,2.5vw,2.5rem);line-height:1.15;letter-spacing:-.02em}.project .text p:last-child{margin-bottom:0}.project .video{display:flex;justify-content:center}.project .video video{display:block;max-width:100%;height:auto}.project .audio{display:flex;justify-content:center;align-items:center;padding:8rem 20px}.project .audio audio{display:block;width:min(100%,600px)}@media (max-width:700px){.project-overlay{grid-template-columns:1fr;gap:8px}.project-details{text-align:left}.project-description{max-width:none}.project .half-half{grid-template-columns:1fr}.project .half-half>img,.project .half-half>video{height:auto}.project .text{padding:6rem 20px}.project .text p{font-size:1.5rem}.project .audio{padding:5rem 20px}}