*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#f4f3ef;font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24262a;position:sticky;top:0;background:rgba(8,9,11,.88);backdrop-filter:blur(14px);z-index:10}.brand{font-family:"Space Grotesk";font-weight:700;font-size:22px;letter-spacing:.05em}.brand span{font-size:30px}.nav nav{display:flex;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.nav nav a{opacity:.72}.nav nav a:hover{opacity:1}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:38% 62%;align-items:center;padding:5vw;gap:4vw}.hero-copy{padding:20px 0}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#a6abb2;margin:0 0 24px}.hero h1{font-family:"Space Grotesk";font-size:clamp(52px,7vw,108px);line-height:.91;letter-spacing:-.065em;margin:0 0 30px}.hero h1 em,.statement h2 span,.about h2 em,.contact h2 em{font-style:normal;color:#aeb4bd}.intro{font-size:17px;max-width:500px;color:#aeb2b8}.actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button,.contact-button{display:inline-block;padding:15px 22px;border:1px solid #f4f3ef;background:#f4f3ef;color:#08090b;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700}.text-link{font-size:13px}.hero-art{overflow:hidden;border:1px solid #282a2e;background:#111}.hero-art img{display:block;width:100%;height:auto}.statement{padding:12vw 10vw 7vw;border-top:1px solid #24262a}.statement h2{font-family:"Space Grotesk";font-size:clamp(38px,5vw,76px);line-height:1.02;letter-spacing:-.055em;max-width:1000px;margin:0}.work{padding:0 5vw 10vw}.project{margin-bottom:8vw}.project-image{background:#111;overflow:hidden;border:1px solid #282a2e}.project-image.light{background:#ece9e2}.project-image img{display:block;width:100%;height:auto;transition:transform .7s ease}.project:hover img{transform:scale(1.012)}.project-info{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:25px;padding:20px 0;border-top:1px solid #303238}.project-info h3{font-family:"Space Grotesk";font-size:30px;letter-spacing:-.03em;margin:0}.project-info p{margin:0;color:#aeb2b8;font-size:14px}.project-info .number{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#858a92}.project-info span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#858a92;align-self:center}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:3vw}.grid-two .project-info{display:block}.grid-two .project-info h3{margin:7px 0 10px}.grid-two .project-info span{display:block;margin-top:16px}.about{border-top:1px solid #24262a;padding:10vw 10vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2,.contact h2{font-family:"Space Grotesk";font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-.055em;margin:0}.about-copy{max-width:560px;color:#aeb2b8;font-size:17px}.about-copy strong{color:#f4f3ef}.services{border-top:1px solid #24262a;padding:8vw 10vw}.service-list{border-top:1px solid #303238}.service-list div{display:grid;grid-template-columns:70px 1fr;align-items:center;padding:25px 0;border-bottom:1px solid #303238}.service-list span{color:#777c84;font-size:11px;letter-spacing:.15em}.service-list h3{font-family:"Space Grotesk";font-size:clamp(24px,3vw,42px);margin:0;letter-spacing:-.035em}.contact{border-top:1px solid #24262a;padding:12vw 10vw;background:#101216}.contact h2{margin-bottom:30px}.contact>p:not(.eyebrow):not(.small-note){color:#aeb2b8;max-width:500px;margin-bottom:30px}.small-note{font-size:11px;color:#70757d;margin-top:20px}footer{border-top:1px solid #24262a;padding:25px 5vw;display:flex;justify-content:space-between;color:#777c84;font-size:10px;text-transform:uppercase;letter-spacing:.16em}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:45px 6vw}.hero-art{order:2}.nav{padding:0 6vw}.nav nav{gap:12px}.nav nav a:nth-child(2){display:none}.project-info{grid-template-columns:1fr;gap:10px}.grid-two,.about{grid-template-columns:1fr}.about{gap:40px}.statement,.services,.contact{padding-left:6vw;padding-right:6vw}.work{padding-left:6vw;padding-right:6vw}}@media(max-width:550px){.nav nav{display:none}.hero h1{font-size:54px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.grid-two{gap:45px}.service-list div{grid-template-columns:45px 1fr}footer{flex-direction:column;gap:8px}}