@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}.eyebrow-separator{display:inline-block;transform:translateY(-2px)}.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}.projects-without-closing{padding-bottom:88px}.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}.home-closing{width:calc(100% - 48px);max-width:920px;margin:176px auto 0;padding:10px 0 20px}.home-closing h2{letter-spacing:-.04em;max-width:760px;margin:0;font:700 56px/1.08 Arial,Helvetica,sans-serif}.home-closing p{max-width:720px;color:var(--secondary);margin:36px 0 0;font-size:20px;line-height:1.5}.home-closing>p:first-child{margin-top:0}.category-hero{text-align:center;justify-content:center;align-items:center;min-height:38vh;padding:80px 24px;display:flex}.contact-page{width:calc(100% - 160px);max-width:1120px;margin:0 auto;padding:96px 0 40px}.contact-hero{display:block}.contact-intro{min-width:0;font-family:Arial,Helvetica,sans-serif}.contact-intro h1{letter-spacing:-.04em;max-width:1000px;margin:0;font:700 72px/1.08 Arial,Helvetica,sans-serif}.contact-intro>p:last-child{max-width:840px;color:var(--secondary);margin:28px 0 0;font-size:20px;line-height:1.5}.contact-portrait{aspect-ratio:4/5;background:#ddd;width:42%;max-width:440px;margin:72px auto 0 0;overflow:hidden;box-shadow:0 0 28px -6px #0000004d}.contact-portrait img{object-fit:cover;object-position:center center;filter:grayscale();width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.contact-portrait:hover img{transform:scale(1.025)}.contact-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:112px}.contact-email{padding:42px 0 48px}.contact-email>span,.contact-details span{color:var(--secondary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:700;line-height:16px;display:block}.contact-email>p{letter-spacing:-.045em;user-select:text;margin:0;font:700 clamp(30px,5vw,64px)/1.1 Arial,Helvetica,sans-serif}.contact-details{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:32px;padding:32px 0 38px;display:grid}.contact-details span{margin-bottom:8px}.contact-details p,.contact-details a{margin:0;font-size:18px;line-height:28px}.contact-details a{transition:opacity .3s}.contact-details a:hover{opacity:.55}.terms-page{width:calc(100% - 160px);max-width:920px;min-height:60vh;margin:0 auto;padding:96px 0 40px}.terms-page h1{letter-spacing:-.04em;margin:0;font:700 72px/1.08 Arial,Helvetica,sans-serif}.terms-content{max-width:760px;color:var(--secondary);white-space:pre-line;margin-top:72px;font-size:18px;line-height:1.75}.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}.footer-legal{color:var(--secondary);letter-spacing:.15em;justify-self:end;font-size:12px;font-weight:700;line-height:16px;transition:color .3s}.footer-legal:hover{color:var(--primary)}@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}.projects-without-closing{padding-bottom:56px}.home-closing{margin-top:112px}.home-closing h2{font-size:40px}.home-closing p{font-size:17px}.contact-page{width:calc(100% - 48px);padding-top:96px}.contact-intro h1{font-size:48px}.contact-intro>p:last-child{font-size:17px}.contact-portrait{width:82%;max-width:420px;margin-top:52px}.contact-panel{margin-top:72px}.contact-email{padding:32px 0 36px}.contact-email>p{overflow-wrap:anywhere;font-size:clamp(24px,7.2vw,34px)}.contact-details{grid-template-columns:1fr;gap:28px}.terms-page{width:calc(100% - 48px);padding-top:96px}.terms-page h1{font-size:48px}.terms-content{margin-top:52px;font-size:17px;line-height:1.7}.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}.footer-legal{text-align:center;justify-self:center}}@media (width>=600px) and (width<=1023px){.gallery{grid-template-columns:repeat(2,1fr)}}