@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Text:wght@400;700&family=Oswald:wght@500;600&display=swap";
:root{--cream:#f2eee7;--ink:#20231d;--olive:#4f5938;--orange:#c75719;--line:#20231d2e;--sans:"DM Sans",Arial,sans-serif;--display:"Oswald",Arial,sans-serif;--serif:"Libre Caslon Text",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);margin:0}img{object-fit:cover;width:100%;display:block}a{color:inherit;text-decoration:none}.rail{background:var(--olive);color:#fff;z-index:50;justify-content:center;align-items:center;width:66px;display:flex;position:fixed;top:0;bottom:0;left:0}.rail span,.rail b{writing-mode:vertical-rl;letter-spacing:.22em;font-size:9px;position:absolute;transform:rotate(180deg)}.rail span{top:80px}.rail b{font-weight:500;bottom:60px}.site{margin-left:66px}header{z-index:20;background:#f2eee7f5;grid-template-columns:260px 1fr;align-items:center;height:104px;padding:0 4vw;display:grid;position:relative}.logo{letter-spacing:.12em;font-size:28px;font-weight:600}nav{justify-content:flex-end;gap:40px;display:flex}nav a{letter-spacing:.12em;text-transform:uppercase;font-size:10px;position:relative}nav a:after{content:"";background:var(--ink);width:0;height:1px;transition:all .25s;position:absolute;bottom:-6px;left:0}nav a:hover:after{width:100%}.menu{display:none}.homeHero{grid-template-columns:36% 64%;min-height:640px;display:grid}.heroText{background:#f7f4ef;flex-direction:column;justify-content:center;padding:90px 5vw 70px;display:flex}.kicker{letter-spacing:.22em;text-transform:uppercase;font-size:9px}.heroText h1,.pageIntro h1,.imageHero h1,.contactPage h1{font:600 clamp(65px,7vw,112px)/.9 var(--display);text-transform:uppercase;margin:32px 0}.heroText>p:not(.kicker){font:20px/1.55 var(--serif);max-width:430px}.textLink{text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid;width:max-content;margin-top:42px;padding-bottom:7px;font-size:9px}.heroImage{position:relative;overflow:hidden}.heroImage>img{height:100%;transition:transform .8s}.heroImage:hover>img{transform:scale(1.02)}.heroProject{color:#fff;text-align:right;text-transform:uppercase;position:absolute;bottom:30px;right:35px}.heroProject h2{font:600 48px var(--display);margin:0}.heroProject p{letter-spacing:.14em}.orangeDisc{background:var(--orange);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.14em;border-radius:50%;place-items:center;width:105px;height:105px;font-size:9px;transition:all .3s;display:grid;position:absolute;bottom:20px;left:-48px}.heroImage:hover .orangeDisc{transform:rotate(12deg)}.selected{padding:90px 4vw 110px;position:relative}.sectionTitle{font:600 50px/1 var(--display);text-transform:uppercase;gap:16px;margin-bottom:50px;display:flex}.sectionTitle p{margin:0}.projectGrid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.projectCard{border-top:1px solid var(--line);padding-top:14px}.cardMeta{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cardMeta b{font:600 45px var(--display);color:var(--olive)}.cardMeta span,.projectCard>p{letter-spacing:.14em;text-transform:uppercase;font-size:9px}.imageWrap{height:310px;position:relative;overflow:hidden}.imageWrap img{height:100%;transition:all .55s}.projectCard:hover img{transform:scale(1.04)}.roundArrow{background:var(--orange);color:#fff;opacity:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .3s;display:grid;position:absolute;bottom:15px;right:15px;transform:translateY(8px)}.projectCard:hover .roundArrow{opacity:1;transform:none}.projectCard h2{font:600 29px var(--display);text-transform:uppercase;margin:18px 0 8px}.allWork{text-transform:uppercase;border-bottom:1px solid;width:max-content;margin:55px 0 0 auto;padding-bottom:7px;font-size:10px;display:block}.manifesto{background:var(--olive);color:#fff;padding:110px 8vw}.manifesto h2,.sustain h2{font:400 clamp(42px,6vw,84px)/1.15 var(--serif);max-width:1200px}.textLink.light{color:#fff}.splitFeature{grid-template-columns:1.2fr .8fr;display:grid}.splitFeature img{height:650px}.splitFeature>div{flex-direction:column;justify-content:center;padding:8vw;display:flex}.splitFeature h2{font:600 70px var(--display);text-transform:uppercase;margin:25px 0}.splitFeature>div>p:not(.kicker){font:18px/1.7 var(--serif)}footer{color:#fff;background:#1e211a;padding:90px 5vw 30px}footer>div:first-child{justify-content:space-between;display:flex}.footerLogo{letter-spacing:.12em;font-size:35px;font-weight:600}.footerLinks{gap:35px;margin:70px 0;display:flex}.footerLinks a{text-transform:uppercase;letter-spacing:.13em;font-size:10px}.footerBottom{letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #fff3;justify-content:space-between;padding-top:25px;font-size:9px;display:flex}.pageIntro{min-height:470px;padding:100px 6vw 80px}.pageIntro h1{font-size:130px}.pageIntro>p:last-child{font:21px/1.55 var(--serif);max-width:600px}.pageIntro.olive{background:var(--olive);color:#fff}.projectsPage{padding:60px 4vw 120px}.projectsPage .projectGrid{grid-template-columns:repeat(2,1fr);gap:70px 35px}.projectsPage .imageWrap{height:520px}.filters{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;gap:30px;margin-bottom:50px;padding-bottom:18px;font-size:10px;display:flex}.projectHero{height:790px;position:relative}.projectHero img{height:100%}.projectHero:after{content:"";background:linear-gradient(#0000,#000000b8);position:absolute;inset:50% 0 0}.projectHero>div{color:#fff;z-index:2;text-transform:uppercase;position:absolute;bottom:50px;left:5vw}.projectHero h1{font:600 clamp(70px,10vw,150px)/.9 var(--display);margin:15px 0}.projectHero span,.projectHero p{letter-spacing:.15em}.projectSummary{grid-template-columns:1.5fr .5fr;gap:8vw;padding:100px 6vw;display:grid}.projectSummary h2{font:400 44px/1.3 var(--serif);margin:0}.projectSummary dl{margin:0}.projectSummary dl>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:11px;display:flex}.detailImage{padding:0 4vw 100px}.detailImage img{height:760px}.detailImage p{font:17px var(--serif);max-width:600px;margin:25px 0 0 auto}.related{background:#e6e1d8;padding:90px 4vw 120px}.related>h2{font:600 65px var(--display);text-transform:uppercase}.imageHero{height:760px;position:relative}.imageHero img{height:100%}.imageHero:after{content:"";background:linear-gradient(90deg,#0000009e,#0000);position:absolute;inset:0}.imageHero>div{color:#fff;z-index:2;position:absolute;bottom:70px;left:6vw}.studioCopy{grid-template-columns:1fr .7fr;gap:9vw;padding:110px 7vw;display:grid}.studioCopy h2{font:400 50px/1.25 var(--serif);margin:0}.studioCopy p{font:17px/1.7 var(--serif)}.numbers{background:var(--olive);color:#fff;grid-template-columns:repeat(4,1fr);display:grid}.numbers>div{border-right:1px solid #fff3;padding:60px}.numbers b{font:600 80px var(--display);display:block}.numbers span{text-transform:uppercase;letter-spacing:.13em;font-size:9px}.approachImage{padding:80px 5vw}.approachImage img{height:680px}.steps{grid-template-columns:repeat(4,1fr);padding:0 4vw 110px;display:grid}.steps article{border-top:1px solid var(--line);border-right:1px solid var(--line);padding:35px}.steps b{font:600 50px var(--display);color:var(--orange)}.steps h2{font:600 38px var(--display);text-transform:uppercase}.steps p{font:15px/1.65 var(--serif)}.sustain{background:#d7d2c6;padding:100px 8vw}.journalGrid{grid-template-columns:1fr 1fr;gap:70px 30px;padding:20px 5vw 120px;display:grid}.journalGrid img{height:480px}.journalGrid span{text-transform:uppercase;letter-spacing:.14em;margin-top:18px;font-size:9px;display:block}.journalGrid h2{font:600 42px/1.05 var(--display);text-transform:uppercase;margin:16px 0}.journalGrid p{text-transform:uppercase;border-bottom:1px solid;width:max-content;padding-bottom:5px;font-size:9px}.contactPage{grid-template-columns:1fr 1fr;min-height:720px;display:grid}.contactPage>div{background:var(--olive);color:#fff;padding:100px 6vw}.contactPage>div>p:not(.kicker){font:19px/1.6 var(--serif);max-width:520px}.addresses{grid-template-columns:1fr 1fr;margin-top:60px;display:grid}.addresses p{font-size:12px;line-height:1.8}form{background:#f7f4ef;padding:100px 7vw}form label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:30px;font-size:9px;display:block}input,select,textarea{border:0;border-bottom:1px solid var(--ink);width:100%;font:16px var(--sans);background:0 0;outline:none;padding:14px 0}textarea{resize:vertical}.submit,.success button{background:var(--orange);color:#fff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:0;padding:18px 24px;font-size:10px}.success{padding:70px 0}.success b{font:600 70px var(--display);text-transform:uppercase}@media (max-width:950px){.projectGrid{grid-template-columns:1fr 1fr}.homeHero{grid-template-columns:1fr}.heroText{min-height:530px}.heroImage{height:600px}.orangeDisc{left:auto;right:20px}.splitFeature,.studioCopy,.contactPage{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.projectSummary,.projectsPage .projectGrid{grid-template-columns:1fr}.numbers{grid-template-columns:1fr 1fr}}@media (max-width:650px){.rail{display:none}.site{margin-left:0}header{grid-template-columns:1fr auto;height:82px;padding:0 20px}.logo{font-size:20px}.menu{letter-spacing:.12em;background:0 0;border:0;font-size:10px;display:block}.menu+nav{display:none}.menu+nav.open{background:var(--cream);flex-direction:column;align-items:flex-start;gap:26px;padding:35px 22px;display:flex;position:absolute;top:82px;left:0;right:0;box-shadow:0 20px 30px #0000001a}.heroText{padding:70px 24px}.heroImage{height:480px}.heroProject h2{font-size:35px}.selected{padding:70px 20px}.projectGrid{grid-template-columns:1fr}.imageWrap,.projectsPage .imageWrap{height:380px}.sectionTitle{font-size:40px}.manifesto,.splitFeature>div{padding:70px 25px}.splitFeature{grid-template-columns:1fr}.splitFeature img{height:420px}.footerBottom,footer>div:first-child{display:block}.footerBottom a{margin-top:15px;display:block}.pageIntro{min-height:400px;padding:70px 25px}.pageIntro h1{font-size:75px}.projectHero{height:620px}.projectSummary{padding:70px 25px}.projectSummary h2{font-size:31px}.detailImage{padding:0 20px 70px}.detailImage img{height:450px}.related{padding:70px 20px}.related>h2{font-size:45px}.imageHero{height:600px}.studioCopy{padding:70px 25px}.studioCopy h2{font-size:36px}.numbers{grid-template-columns:1fr 1fr}.numbers>div{padding:30px}.numbers b{font-size:55px}.approachImage{padding:40px 20px}.approachImage img{height:440px}.steps{grid-template-columns:1fr;padding:0 20px 70px}.journalGrid{grid-template-columns:1fr;padding:10px 20px 80px}.journalGrid img{height:350px}.contactPage>div,form{padding:70px 25px}.contactPage h1{font-size:64px}.addresses{grid-template-columns:1fr}.footerLinks{flex-wrap:wrap}}@media (min-width:951px){header{height:82px}.homeHero{min-height:510px}.heroText{padding-top:54px;padding-bottom:54px}.heroText h1{margin:24px 0;font-size:clamp(58px,6.25vw,96px)}.selected{margin-top:-18px;padding-top:58px}.selected .sectionTitle{margin-bottom:36px}.projectHero{height:610px}.imageHero{height:590px}.pageIntro{min-height:360px;padding-top:72px;padding-bottom:58px}.pageIntro h1{margin:24px 0;font-size:clamp(76px,9vw,118px)}}@media (min-width:651px) and (max-width:950px){header{height:88px}.heroText{min-height:405px;padding-top:52px;padding-bottom:52px}.heroImage{height:470px}.selected{padding-top:52px}.selected .sectionTitle{margin-bottom:34px}.projectHero{height:560px}.imageHero{height:540px}.pageIntro{min-height:340px;padding-top:64px;padding-bottom:52px}}@media (max-width:650px){.heroText{min-height:390px;padding-top:52px;padding-bottom:48px}.heroText h1{margin:24px 0;font-size:58px}.heroImage{height:390px}.selected{padding-top:48px}.selected .sectionTitle{margin-bottom:32px}.projectHero,.imageHero{height:500px}.pageIntro{min-height:330px;padding-top:52px;padding-bottom:46px}}