:root{--black:#080808;--white:#fff;--gray:#707070;--line:#d7d7d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--white);color:var(--black);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit;font:inherit}.header{border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.logo{letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:700}.nav{gap:38px;display:flex}.nav a,.menu{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.nav a:hover{text-underline-offset:4px;text-decoration:underline}.menu{background:0 0;border:0;padding:0;display:none}.hero{grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px);display:grid}.hero-copy{align-content:center;padding:8vw 7vw 8vw 5vw;display:grid}.label{color:var(--gray);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.hero h1{letter-spacing:-.055em;margin:70px 0 48px;font-size:clamp(48px,6.2vw,94px);font-weight:500;line-height:.98}.intro{max-width:560px;margin:0 0 40px;font-size:clamp(17px,1.4vw,21px);line-height:1.6}.link{border-bottom:1px solid var(--black);letter-spacing:.08em;text-transform:uppercase;width:max-content;padding-bottom:4px;font-size:11px;font-weight:700}.hero-image{filter:grayscale();object-fit:cover;object-position:58% center;width:100%;height:100%}.section{border-top:1px solid var(--line);padding:120px 5vw}.section-title{grid-template-columns:1fr 2fr;gap:35px;margin-bottom:90px;display:grid}.section-title h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1}.service-list{border-top:1px solid var(--black)}.service{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 1fr;align-items:start;gap:30px;padding:32px 0;display:grid}.service span,.project-index{color:var(--gray);letter-spacing:.1em;font-size:10px;font-weight:700}.service h3{letter-spacing:-.025em;margin:0;font-size:clamp(21px,2vw,30px);font-weight:500}.service p{color:#333;max-width:520px;margin:0;font-size:14px;line-height:1.7}.projects{gap:120px;display:grid}.project{grid-template-columns:1.3fr 1fr;gap:5vw;display:grid}.project:nth-child(2n){grid-template-columns:1fr 1.3fr}.project:nth-child(2n)>img{grid-area:1/2}.project:nth-child(2n) .project-copy{grid-area:1/1}.project>img{filter:grayscale();object-fit:cover;width:100%;height:620px}.project-copy{align-content:center;display:grid}.project-copy h3{letter-spacing:-.045em;margin:24px 0 38px;font-size:clamp(34px,3.8vw,58px);font-weight:500;line-height:1}.project-copy>p{color:#333;max-width:560px;margin:0 0 50px;font-size:15px;line-height:1.75}dl{border-top:1px solid var(--black);margin:0}dl div{border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:90px 1fr;gap:20px;padding:13px 0;font-size:10px;display:grid}dt{color:var(--gray)}dd{margin:0}.about{grid-template-columns:1fr 2fr;display:grid}.about .section-title{margin:0;display:block}.about .section-title h2{margin-top:35px}.about-content{grid-template-columns:1fr 1fr;gap:45px;display:grid}.about-content img{filter:grayscale();object-fit:cover;width:100%;height:520px}.about-content p{letter-spacing:-.02em;align-self:end;margin:0;font-size:clamp(20px,2vw,29px);line-height:1.5}.footer{background:var(--black);color:var(--white);padding:110px 5vw 45px}.footer .label{color:#aaa}.footer h2{letter-spacing:-.06em;margin:40px 0 85px;font-size:clamp(48px,7vw,106px);font-weight:500;line-height:1}.footer-email{border-bottom:1px solid #666;padding-bottom:18px;font-size:clamp(19px,2.7vw,40px);display:block}.footer-bottom{letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #333;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-top:90px;padding-top:28px;font-size:10px;display:grid}.footer-bottom p{margin:0}.footer-bottom span{color:#888}.socials{justify-self:end;gap:28px;display:flex}@media (max-width:850px){.header{padding:0 20px}.menu{display:block}.nav{background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:20px;display:none;position:absolute;top:72px;left:0;right:0}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--line);padding:15px 0}.hero{grid-template-columns:1fr}.hero-copy{min-height:72vh;padding:80px 20px}.hero h1{margin:55px 0 38px}.hero-image{height:68vh}.section{padding:90px 20px}.section-title{grid-template-columns:1fr;margin-bottom:65px}.service{grid-template-columns:45px 1fr}.service p{grid-column:2}.project,.project:nth-child(2n){grid-template-columns:1fr;gap:40px}.project:nth-child(2n)>img,.project:nth-child(2n) .project-copy{grid-column:1}.project:nth-child(2n)>img{grid-row:1}.project:nth-child(2n) .project-copy{grid-row:2}.project>img{height:auto}.about{grid-template-columns:1fr}.about .section-title{margin-bottom:65px}.about-content{grid-template-columns:1fr}.about-content img{height:auto}.footer{padding:90px 20px 35px}}@media (max-width:560px){.projects{gap:90px}.about-content p{font-size:20px}.footer-bottom{grid-template-columns:1fr;align-items:start}.socials{flex-direction:column;justify-self:start;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}