@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#080808;--text:#f2f2f2;--muted:#888;--border:#242424;--padding:clamp(20px, 4vw, 70px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.header{z-index:100;width:100%;padding:25px var(--padding);mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-.04em;font-size:22px;font-weight:800}.nav{text-transform:uppercase;gap:30px;font-size:11px;font-weight:600;display:flex}.nav a{transition:opacity .2s}.nav a:hover{opacity:.5}.section{padding:140px var(--padding)}.eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:600}.section-header{justify-content:space-between;align-items:end;margin-bottom:70px;display:flex}h2{letter-spacing:-.07em;margin-top:8px;font-size:clamp(50px,8vw,130px);line-height:.85}.hero{align-items:center;height:100svh;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-image:after{content:"";background:linear-gradient(90deg,#000000bf,#00000026);position:absolute;inset:0}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-content{z-index:2;padding:var(--padding);max-width:900px;position:relative}.hero h1{letter-spacing:-.09em;margin:20px 0 30px;font-size:clamp(70px,13vw,190px);font-weight:800;line-height:.78}.hero-description{color:#ccc;max-width:420px;margin-bottom:35px;font-size:16px}.button{letter-spacing:.1em;border:1px solid #fff;padding:14px 24px;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:inline-block}.button:hover{color:#000;background:#fff}.hero-meta{z-index:2;bottom:25px;left:var(--padding);right:var(--padding);letter-spacing:.12em;color:#aaa;justify-content:space-between;font-size:9px;display:flex;position:absolute}.filters{flex-wrap:wrap;gap:20px;display:flex}.filter{color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;border:none;font-size:10px}.filter.active,.filter:hover{color:var(--text)}.gallery{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.project{aspect-ratio:4/3;cursor:pointer;background:#111;position:relative;overflow:hidden}.project.large{aspect-ratio:16/8;grid-column:span 2}.project.large img{width:100%;height:100%}.project img{object-fit:cover;width:100%;height:100%;transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.project img.project-hover{z-index:1;opacity:0}.project:hover img{transform:scale(1.04)}.project:hover img.project-hover{opacity:1}.project:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#000c);position:absolute;inset:0}.project-info{z-index:2;align-items:end;gap:20px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.project-info>span{color:#999;font-size:10px}.project-info h3{font-size:15px;font-weight:600}.project-info p{color:#aaa;margin-top:2px;font-size:10px}.services,.services-list{border-top:1px solid var(--border)}.service{border-bottom:1px solid var(--border);grid-template-columns:60px 1fr 1fr;gap:30px;padding:30px 0;display:grid}.service>span{color:var(--muted);font-size:10px}.service h3{font-size:20px;font-weight:600}.service p{max-width:400px;color:var(--muted)}.contact{align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.contact-image{position:absolute;inset:0}.contact-image:after{content:"";background:#0000008c;position:absolute;inset:0}.contact-image img{object-fit:cover;width:100%;height:100%}.contact-content{z-index:2;padding:var(--padding);position:relative}.contact h2{margin:25px 0 50px}.contact-email{border-bottom:1px solid #fff;padding-bottom:5px;font-size:clamp(20px,3vw,40px);display:inline-block}.contact-links{gap:25px;margin-top:30px;font-size:12px;display:flex}.contact-links a:hover{opacity:.5}.footer{padding:25px var(--padding);color:var(--muted);border-top:1px solid var(--border);letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex}.lightbox{z-index:1000;background:#000000f5;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-content{max-width:90vw;max-height:90vh}.lightbox-content img{object-fit:contain;max-width:90vw;max-height:82vh;display:block}.lightbox-caption{color:#aaa;margin-top:12px;font-size:11px}.lightbox-close,.lightbox-prev,.lightbox-next{cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute}.lightbox-close{top:25px;right:30px}.lightbox-prev{left:30px}.lightbox-next{right:30px}@media (width<=700px){.nav{display:none}.hero h1{font-size:20vw}.section{padding-top:90px;padding-bottom:90px}.section-header{margin-bottom:40px;display:block}.filters{gap:15px;margin-top:30px}.gallery{grid-template-columns:1fr}.project,.project.large{aspect-ratio:4/3;grid-column:span 1}.service{grid-template-columns:35px 1fr}.service p{grid-column:2}.footer{flex-direction:column;gap:10px}.contact{min-height:80vh}}