:root{--ink:#1d211f;--paper:#eeeae1;--line:#aaa59b;--accent:#7a2f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.demo{background:var(--ink);color:#fff;text-align:center;padding:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}header{height:88px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:4}.logo{font-weight:bold;letter-spacing:.13em;text-decoration:none}.logo span{font-weight:400}nav{display:flex;gap:35px;margin-left:auto}nav a,.statement a,.contact a{color:inherit;text-decoration:none;border-bottom:1px solid;font-size:13px}.menu{display:none}.hero{height:calc(100vh - 112px);min-height:650px;position:relative;overflow:hidden}.hero-img{position:absolute;inset:0;background:url('assets/hero.jpg') center/cover}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,18,.2),transparent 55%)}.hero-title{position:absolute;left:5vw;top:10%;color:#fff}.hero-title p,.number{text-transform:uppercase;letter-spacing:.17em;font-size:11px}.hero h1{font:normal clamp(70px,11vw,165px)/.78 Georgia,serif;letter-spacing:-.07em;margin:45px 0}.hero h1 em{font-weight:normal;color:#d3b6a7}.hero-note{position:absolute;right:4vw;bottom:4vw;color:#fff;max-width:260px;font:24px/1.25 Georgia,serif}.statement,.projects,.process,.contact{padding:120px 6vw}.statement{display:grid;grid-template-columns:1fr 4fr}.statement h2,.project-head h2,.contact h2{font:normal clamp(42px,6.5vw,92px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:0}.statement-copy{grid-column:2;max-width:430px;margin:60px 0 0 auto;font-size:18px}.projects{background:#222723;color:#f0eee8}.project-head{display:flex;justify-content:space-between;align-items:flex-start}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #666}.project-grid article{padding:35px 20px 80px 0;border-right:1px solid #666}.project-grid article+article{padding-left:25px}.project-grid h3{font:32px Georgia,serif;margin:55px 0 15px}.project-grid span,.project-grid p{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.process li{padding:30px 20px 60px 0}.process h3{font:40px Georgia,serif;margin:65px 0 10px}.contact{background:var(--accent);color:#fff}.contact a{display:inline-block;margin-top:70px;font-size:18px}.contact small{display:block;margin-top:20px}footer{padding:35px 4vw;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.12em}@media(max-width:760px){header{height:70px}.menu{display:block;margin-left:auto;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px 5vw;flex-direction:column}nav.open{display:flex}.hero{min-height:620px;height:82vh}.hero-title{top:14%}.hero-title p{margin-bottom:60px}.hero h1{font-size:25vw}.hero-note{left:5vw;right:auto;bottom:8vw}.statement,.projects,.process,.contact{padding:80px 5vw}.statement{display:block}.statement h2{margin-top:45px}.statement-copy{margin-top:45px}.project-head{display:block}.project-grid,.process ol{grid-template-columns:1fr}.project-grid article{border-right:0;border-bottom:1px solid #666}.contact h2{margin-top:40px}footer{gap:15px;flex-direction:column}}