@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Playfair+Display:ital,wght@1,500&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ebe9e4;color:#171713;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:74px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#ebe9e4f2;border-bottom:1px solid rgba(23,23,19,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:.3s}.site-header.over-media{background:transparent;border-color:#ffffff40;color:#fff}.brand-link{justify-self:start}.brand{display:flex;align-items:baseline;gap:10px}.brand strong{font-size:21px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.24em}.location{font-size:10px;text-transform:uppercase;letter-spacing:.18em;opacity:.75}.site-header nav{justify-self:end;display:flex;gap:28px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.nav-cta{border-bottom:1px solid;padding-bottom:5px}.menu{display:none;border:0;background:none;color:inherit}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden;background:#111;color:#fff}.hero video,.detail-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000002e,#00000014 42%,#0000009e)}.hero-discipline{position:absolute;top:115px;left:4vw;font-size:12px;text-transform:uppercase;letter-spacing:.16em;line-height:1.6}.hero-title{position:absolute;left:4vw;bottom:100px}.hero-title>p{font-size:13px;letter-spacing:.08em}.hero h1{font-weight:300;font-size:clamp(70px,10vw,150px);line-height:.78;letter-spacing:-.06em;margin:22px 0 0}.hero h1 em,h2 em{font-family:Playfair Display,serif;font-weight:500}.scroll-cue{position:absolute;right:4vw;bottom:46px;display:flex;gap:10px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.eyebrow,.vertical-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#806b48}.manifesto{padding:140px 7vw;display:grid;grid-template-columns:90px minmax(300px,1.2fr) minmax(280px,.65fr);gap:6vw}.vertical-label{writing-mode:vertical-rl}.manifesto h2,.section-head h2,.services h2,.process h2,.contact h2,.project-intro h2,.next h2{font-size:clamp(46px,6.5vw,96px);font-weight:300;line-height:.98;letter-spacing:-.05em;margin:20px 0}.body-copy,.section-head>p,.services>div>p,.project-intro>p{font-size:17px;line-height:1.7}.moving-line{overflow:hidden;white-space:nowrap;border-top:1px solid #bcb8ad;border-bottom:1px solid #bcb8ad;padding:22px 0;font-size:12px;letter-spacing:.3em;text-align:center}.work{padding:130px 5vw}.section-head{display:grid;grid-template-columns:1.2fr .55fr;gap:10vw;align-items:end;margin-bottom:85px}.section-head>p{margin:0}.project-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:90px 4vw}.project-3{grid-column:2}.project-image{position:relative;display:block;overflow:hidden;background:#d6d2ca}.project-1 .project-image{aspect-ratio:1.35}.project-2 .project-image,.project-3 .project-image{aspect-ratio:1}.project-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s}.project-image:hover img{transform:scale(1.025)}.project-image>span{position:absolute;top:18px;left:20px;color:#fff;font-size:11px;letter-spacing:.15em}.project-image>b{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:400;opacity:0;transition:.3s}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 60%,#00000059)}.project-image>*{z-index:2}.project-image:hover b{opacity:1}.project-meta{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin-top:16px}.project-meta h3{font-size:27px;font-weight:400;margin:0}.project-meta p{font-size:12px}.project-meta small{grid-column:1/-1;color:#806b48;text-transform:uppercase;letter-spacing:.15em}.services{background:#171713;color:#eeeae0;padding:130px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.services>div>p{color:#aaa79f}.service-list>div{display:grid;grid-template-columns:45px 1fr 1.2fr;gap:25px;border-top:1px solid #484741;padding:32px 0}.service-list h3{margin:0;font-size:24px;font-weight:400}.service-list p{margin:0;color:#aaa79f;line-height:1.6}.process{padding:130px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps>div{border-top:1px solid #aaa69c;padding-top:22px}.steps span{color:#806b48;font-size:11px}.steps h3{font-size:25px;font-weight:400}.steps p{line-height:1.55;color:#626057}.contact{background:#a78f67;color:#15140f;padding:130px 7vw}.contact .eyebrow{color:#28251f}.contact h2{font-size:clamp(60px,9vw,130px)}.contact>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(0,0,0,.35);padding-top:28px}.contact>div p{max-width:460px;line-height:1.6}.contact a,.next a{display:flex;gap:10px;align-items:center;font-size:22px}.detail-hero{height:88vh;min-height:650px;position:relative;color:#fff}.detail-hero>div:last-child{position:absolute;left:5vw;right:5vw;bottom:55px}.detail-hero p,.detail-hero span{text-transform:uppercase;letter-spacing:.2em;font-size:11px}.detail-hero h1{font-size:clamp(90px,16vw,230px);line-height:.75;margin:15px 0 28px;font-weight:300;letter-spacing:-.07em}.project-intro{padding:110px 7vw;display:grid;grid-template-columns:180px 1.2fr .8fr;gap:5vw;align-items:start}.project-intro>a{display:flex;gap:8px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.project-intro h2{font-size:clamp(48px,6vw,88px)}.facts{border-top:1px solid #bcb8ad;border-bottom:1px solid #bcb8ad;margin:0 7vw 90px;display:grid;grid-template-columns:repeat(3,1fr)}.facts>div{padding:25px;border-right:1px solid #bcb8ad}.facts>div:last-child{border:0}.facts span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#806b48}.facts p{margin:8px 0 0}.gallery{padding:0 4vw 120px;display:grid;grid-template-columns:repeat(12,1fr);gap:4vw 2vw}.gallery figure{grid-column:span 6;margin:0}.gallery .g-1,.gallery .g-4,.gallery .g-7{grid-column:span 12}.gallery img{height:68vh;min-height:420px;-o-object-fit:cover;object-fit:cover}.gallery .g-1 img,.gallery .g-4 img,.gallery .g-7 img{height:82vh}.gallery figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#806b48;margin-top:10px}.next{padding:110px 7vw;background:#171713;color:#eeeae0}.next .eyebrow{color:#b7a078}footer{padding:45px 4vw;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end;border-top:1px solid #bcb8ad;font-size:11px;text-transform:uppercase;letter-spacing:.1em}footer p{margin:5px 0}@media(max-width:800px){.site-header{grid-template-columns:1fr auto}.location{display:none}.menu{display:block;justify-self:end}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:28px;background:#ebe9e4;color:#171713;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero-title{bottom:120px}.hero h1{font-size:19vw}.manifesto,.services,.process,.project-intro{grid-template-columns:1fr;padding:95px 6vw}.vertical-label{writing-mode:initial}.section-head{grid-template-columns:1fr;gap:25px}.project-grid{grid-template-columns:1fr;gap:65px}.project-3{grid-column:auto}.work{padding:90px 6vw}.services{gap:50px}.service-list>div{grid-template-columns:35px 1fr}.service-list p{grid-column:2}.steps{grid-template-columns:1fr}.contact{padding:90px 6vw}.contact>div{display:block}.facts{grid-template-columns:1fr;margin:0 6vw 70px}.facts>div{border-right:0;border-bottom:1px solid #bcb8ad}.gallery{grid-template-columns:1fr;padding:0 5vw 90px}.gallery figure,.gallery .g-1,.gallery .g-4,.gallery .g-7{grid-column:1}.gallery img,.gallery .g-1 img,.gallery .g-4 img,.gallery .g-7 img{height:auto;aspect-ratio:4/3}.detail-hero h1{font-size:22vw}.project-intro{gap:35px}footer{grid-template-columns:1fr;align-items:start}.project-image>b{opacity:1}}
