@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');
:root{--ink:#181816;--cream:#f2f0e9;--warm:#d8d0c2;--line:rgba(24,24,22,.2);--green:#687166}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav{height:88px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);mix-blend-mode:difference}.logo{display:flex;flex-direction:column;line-height:.72;letter-spacing:.22em}.logo span{font-size:25px;font-weight:500}.logo small{font-size:7px;letter-spacing:.54em;margin-left:2px;margin-top:8px}.navlinks{display:flex;align-items:center;gap:32px;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.nav-cta{border:1px solid currentColor;padding:12px 17px;display:flex;align-items:center;gap:20px}.menu{display:none;background:none;border:0;color:inherit}.hero{height:100svh;min-height:700px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 65%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 45%)}.hero-content{position:absolute;left:4vw;right:4vw;bottom:7vh}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:500}.light{color:rgba(255,255,255,.75)}h1,h2{font-family:'Italiana',serif;font-weight:400;margin:0}h1{font-size:clamp(66px,10vw,160px);line-height:.84;letter-spacing:-.03em;margin:5vh 0}em{font-weight:400}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero-bottom p{max-width:390px;font-size:16px;line-height:1.6}.round-link{width:65px;height:65px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center}.hero-index{position:absolute;right:4vw;top:115px;font-size:10px;letter-spacing:.2em}.pad{padding:130px 7vw}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.intro h2,.quote h2{font-size:clamp(50px,7vw,104px);line-height:.95}.lead{font-size:clamp(18px,2vw,29px);line-height:1.5;max-width:830px;margin:50px 0;color:#3b3b37}.text-link{font-size:11px;letter-spacing:.18em;font-weight:500;border-bottom:1px solid;padding-bottom:8px;display:inline-flex;gap:18px}.projects{background:#1b1b19;color:white}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-head>span{font-size:10px;letter-spacing:.18em;opacity:.6}.project-stage{height:67vw;max-height:760px;position:relative;overflow:hidden}.project-stage img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:110px 35px 30px;display:flex;justify-content:space-between;align-items:end}.project-caption>div:first-child{display:flex;align-items:start;gap:25px}.project-caption h3{font:400 clamp(36px,5vw,72px)/1 'Italiana';margin:0}.project-caption span,.project-caption p{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:7px 0}.project-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.project-tabs button{background:none;color:white;border:0;border-bottom:1px solid #555;padding:25px 0;display:grid;grid-template-columns:35px 1fr auto;text-align:left;opacity:.45;cursor:pointer}.project-tabs button.active{opacity:1;border-color:white}.services .service{display:grid;grid-template-columns:80px 1.4fr 1fr 30px;gap:35px;align-items:center;border-top:1px solid var(--line);padding:45px 0}.service>span{font-size:11px}.service h3{font:400 clamp(35px,5vw,64px)/1 'Italiana';margin:0}.service p{line-height:1.6;color:#56564f}.quote{background:#6d756a;color:white;display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}.quote-copy>p:nth-of-type(2){font-size:16px;line-height:1.7;max-width:480px;margin:40px 0}.quote-note{display:grid;grid-template-columns:30px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.3);padding-top:25px;font-size:12px}.quote-note span{opacity:.5}.quote-note p{margin:0}.calculator{background:#f4f1e9;color:var(--ink);padding:45px}.calculator>label{display:flex;justify-content:space-between}.calculator>label strong{font:400 30px 'Italiana'}.calculator input[type=range]{width:100%;accent-color:#171715;margin:30px 0 5px}.range-labels{display:flex;justify-content:space-between;font-size:10px;opacity:.5}fieldset{border:0;padding:0;margin:38px 0}legend{font-size:12px;font-weight:500;margin-bottom:17px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.options button{min-height:92px;border:1px solid #cbc7bc;background:transparent;text-align:left;padding:15px;position:relative;cursor:pointer}.options button.selected{background:#1d1d1a;color:white}.options button svg{position:absolute;right:10px;top:10px}.options span,.options small{display:block}.options small{font-size:9px;opacity:.6;margin-top:8px}.checks{display:flex;flex-wrap:wrap;gap:20px}.checks label{display:flex;align-items:center;gap:8px;font-size:12px}.checks input{display:none}.checks i{width:19px;height:19px;border:1px solid #999;display:grid;place-items:center}.result{border-top:1px solid #c6c2b8;border-bottom:1px solid #c6c2b8;padding:25px 0;display:flex;justify-content:space-between}.result span,.result strong,.result small{display:block}.result span{font-size:11px}.result strong{font:400 clamp(28px,3vw,45px) 'Italiana';margin:8px 0}.result small{font-size:9px;opacity:.6;max-width:430px}.result button{background:none;border:0}.quote-cta{background:#1c1c19;color:white;margin-top:25px;padding:18px 22px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.manifesto{min-height:70vh;display:flex;flex-direction:column;justify-content:center}.manifesto p{text-transform:uppercase;font-size:10px;letter-spacing:.2em}.manifesto h2{font-size:clamp(45px,7vw,100px);max-width:1300px;line-height:1.02}.footer{background:#1b1b19;color:white;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-top:80px;padding-bottom:45px}.footer-logo{font-size:52px;letter-spacing:.2em;display:flex;flex-direction:column}.footer-logo small{font-size:8px;letter-spacing:.8em}.footer p,.footer a{font-size:11px;letter-spacing:.1em}.footer a{display:flex;align-items:center;gap:8px}.copyright{grid-column:1/-1;border-top:1px solid #444;margin-top:60px;padding-top:25px;font-size:9px;opacity:.5}
@media(max-width:800px){.nav{height:70px}.navlinks{position:fixed;inset:0;background:#1b1b19;display:none;flex-direction:column;justify-content:center;font-size:17px}.navlinks.open{display:flex}.menu{display:block;z-index:2}.hero{min-height:620px}.hero-content{bottom:5vh}.hero-bottom p{max-width:250px;font-size:13px}.pad{padding:85px 6vw}.intro,.quote{grid-template-columns:1fr}.intro{gap:45px}.lead{margin:30px 0}.project-stage{height:115vw}.project-caption{padding:80px 18px 20px;display:block}.project-caption>div:last-child{margin-left:50px}.project-tabs{grid-template-columns:1fr}.project-tabs button:not(.active){display:none}.services .service{grid-template-columns:38px 1fr 20px;gap:12px}.service p{grid-column:2/-1}.quote{gap:55px}.calculator{padding:28px 20px}.options{grid-template-columns:1fr}.options button{min-height:65px}.footer{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}.copyright{grid-column:1/-1}}