@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700&display=swap";:root{--surface:#faf9f6;--primary:#000;--secondary:#5d5f5d;--line:#e2e3e0}*{box-sizing:border-box}html{background:var(--surface)}body{background:var(--surface);color:var(--primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Hanken Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-nav{z-index:40;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;width:100%;padding:32px 80px;display:flex;position:sticky;top:0}.brand{font-size:32px;font-weight:700;line-height:40px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--secondary);font-size:16px;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active{border-bottom:2px solid var(--primary);padding-bottom:4px;font-weight:700}.menu-toggle,.mobile-menu{display:none}.home-hero{align-items:flex-start;width:100%;min-height:42vh;padding:96px 80px 64px;display:flex}.home-hero>div{width:100%;max-width:920px;margin:0 auto;font-family:Arial,Helvetica,sans-serif}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0 0 28px;font-size:14px;font-weight:700;line-height:1.2}.home-hero h1,.category-hero h1{letter-spacing:-.04em;margin:0;font:700 72px/1.08 Arial,Helvetica,sans-serif}.intro{max-width:840px;color:var(--secondary);margin:28px 0 0;font-size:20px;line-height:1.5}.projects{width:calc(100% - 48px);max-width:920px;margin:auto;display:grid}.project{margin-bottom:128px;display:block}.project:last-child{margin-bottom:0}.project-image{aspect-ratio:7/4;background:#eee;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project:hover img{transform:scale(1.02)}.project-meta{align-items:center;gap:16px;margin-top:24px;display:flex}.project-meta span{border:1px solid var(--line);letter-spacing:.15em;padding:4px 8px;font-size:12px;font-weight:700}.project-meta h2{margin:0;font-size:32px;font-weight:500;line-height:40px}.category-hero{text-align:center;justify-content:center;align-items:center;min-height:38vh;padding:80px 24px;display:flex}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1440px;margin:auto;padding:0 80px 128px;display:grid}.gallery-item{aspect-ratio:1;cursor:zoom-in;background:#ddd;border:0;align-self:start;width:100%;min-width:0;min-height:0;padding:0;transition:box-shadow .45s;display:block;position:relative;overflow:hidden;box-shadow:0 0 28px -6px #0000004d}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s;display:block;position:absolute;inset:0}.gallery-item:hover img{filter:contrast(1.04);transform:scale(1.045)}.gallery-item:hover{box-shadow:0 0 36px -5px #0000005c}.lightbox{z-index:50;background:#000000e6;justify-content:center;align-items:center;padding:40px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.lightbox.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0;font-size:40px;font-weight:300;transition:transform .3s;position:absolute;top:24px;right:28px}.lightbox-close:hover{transform:scale(1.1)}.site-footer{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);align-items:center;width:100%;margin-top:128px;padding:56px 80px;display:grid}.social-links{justify-self:center;gap:16px;display:flex}.social-links a{color:#fff;background:#000;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .3s;display:grid}.social-links a:hover{transform:scale(1.1)}.social-links svg{fill:none;stroke:currentColor;stroke-width:2px;width:28px;height:28px}.social-links .fill{fill:currentColor;stroke:none}.site-footer p{color:var(--secondary);letter-spacing:.15em;justify-self:end;margin:0;font-size:12px;font-weight:700;line-height:16px}@media (width<=767px){.site-nav{padding:24px}.nav-links{display:none}.menu-toggle{z-index:2;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px 7px;display:flex;position:relative}.menu-toggle span{background:var(--primary);transform-origin:50%;width:30px;height:2.5px;transition:transform .3s,opacity .2s;display:block}.menu-open .menu-toggle span:first-child{transform:translateY(8.5px)rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}.mobile-menu{background:var(--surface);opacity:0;visibility:hidden;border-bottom:1px solid #0000;flex-direction:column;max-height:0;padding:0 24px;transition:max-height .35s,padding .35s,opacity .25s,visibility .25s,border-color .25s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.menu-open .mobile-menu{border-color:var(--line);opacity:1;visibility:visible;max-height:260px;padding-top:16px;padding-bottom:24px}.mobile-menu a{color:var(--secondary);padding:12px 0;font-size:20px}.mobile-menu a:hover,.mobile-menu a.active{color:var(--primary);font-weight:700}.home-hero{min-height:auto;padding:96px 24px}.eyebrow{font-size:12px}.home-hero h1,.category-hero h1{font-size:48px}.intro{font-size:17px}.gallery{grid-template-columns:1fr;gap:16px;padding:0 24px 96px}.site-footer{grid-template-columns:1fr;margin-top:80px;padding:56px 24px}.site-footer .brand{justify-self:center;margin-bottom:32px}.social-links{margin-bottom:32px}.site-footer p{text-align:center;justify-self:center}}@media (width>=600px) and (width<=1023px){.gallery{grid-template-columns:repeat(2,1fr)}}