@import "https://fonts.googleapis.com/css2?family=Italiana&family=Manrope:wght@300;400;500&display=swap";:root{--ink:#1d211e;--paper:#f4f1eb;--white:#fbfaf7;--sage:#626a5b;--line:#cbc7bd;--deep:#20241f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Italiana,serif;font-weight:400}h1{letter-spacing:-.03em;font-size:clamp(3.7rem,8vw,8.5rem);line-height:.91}h2{letter-spacing:-.025em;font-size:clamp(2.6rem,5vw,5.6rem);line-height:1}h3{margin-bottom:.3rem;font-size:1.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:500}.eyebrow.light{color:#fff}.lede{max-width:800px;font-family:Italiana,serif;font-size:clamp(1.65rem,3vw,3rem);line-height:1.22}.section{padding:9rem 5vw}.siteHeader{background:var(--paper);z-index:10;border-bottom:1px solid #1d211e1a;justify-content:space-between;align-items:center;height:180px;padding:0 5vw;display:flex;position:relative}.wordmark{width:570px;max-width:52vw;display:block}.wordmark img{object-fit:contain;object-position:left center;width:100%;height:160px}.siteHeader nav{text-transform:uppercase;letter-spacing:.12em;gap:2.4rem;font-size:.74rem;display:flex}.siteHeader nav a{position:relative}.siteHeader nav a:after{content:"";background:var(--ink);width:0;height:1px;transition:all .3s;position:absolute;bottom:-.35rem;left:0}.siteHeader nav a:hover:after{width:100%}.mobileNav{display:none}.hero{background:var(--white);height:calc(100vh - 180px);min-height:650px;position:relative;overflow:hidden}.hero>img{object-fit:cover;height:100%}.heroShade{background:linear-gradient(90deg,#0f100e85,#0000 66%);position:absolute;inset:0}.heroCopy{color:#fff;max-width:900px;position:absolute;bottom:9vh;left:6vw}.heroCopy h1{margin:.25rem 0 1rem}.heroCopy>p:not(.eyebrow){max-width:520px;font-size:1.1rem;line-height:1.7}.textLink{text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid;align-items:center;gap:1.2rem;margin-top:1.2rem;padding-bottom:.4rem;font-size:.7rem;display:inline-flex}.textLink span{transition:transform .25s}.textLink:hover span{transform:translate(3px,-3px)}.textLink.light{color:#fff}.intro{grid-template-columns:1fr 3fr;align-items:start;gap:8vw;display:grid}.intro h2{max-width:1000px}.intro .lede{max-width:670px;font-family:Manrope,sans-serif;font-size:1.05rem;line-height:1.8}.sectionHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.sectionHead .textLink{margin:0}.projectGrid{grid-template-columns:1.35fr 1fr;gap:1.8rem;display:grid}.imageWrap{background:#ddd8cf;overflow:hidden}.projectCard img{aspect-ratio:4/5;object-fit:cover;transition:transform .65s}.projectCard:first-child img,.projectCard:nth-child(3n+1) img{aspect-ratio:5/6}.projectCard:hover img{transform:scale(1.025)}.projectCard.contain img{object-fit:contain;aspect-ratio:auto!important}.projectCard.contain:hover img{transform:none}.projectCard .eyebrow{color:var(--sage);margin:1.3rem 0 .45rem}.splitFeature{background:var(--deep);color:#fff;grid-template-columns:1.25fr 1fr;display:grid}.splitFeature>img{object-fit:cover;height:800px}.splitFeature>div{align-self:center;padding:10vw 7vw}.splitFeature h2{margin:2rem 0}.splitFeature p:not(.eyebrow){color:#d4d3cd;max-width:470px;line-height:1.8}.button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;background:0 0;padding:1rem 1.4rem;font:500 .65rem Manrope,sans-serif;transition:all .25s;display:inline-flex}.button:hover{color:var(--paper);background:var(--ink)}.lightButton{border-color:#fff;margin-top:1.5rem}.lightButton:hover{color:var(--ink);background:#fff}.cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.cta h2{max-width:900px;margin:2rem auto}.pageIntro{border-bottom:1px solid var(--line);padding:10rem 5vw 7rem}.pageIntro h1{max-width:1200px;margin:2rem 0}.caseStudy{background:var(--white)}.caseStudyIntro{grid-template-columns:1.2fr 1fr;align-items:end;gap:8vw;margin-bottom:4rem;display:grid}.caseStudyIntro h2{margin:2rem 0 0}.caseStudyIntro>p{max-width:600px;line-height:1.85}.caseHero img{aspect-ratio:16/9;object-fit:cover}.caseStudy figure{margin:0}.caseStudy figcaption{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:1.2rem;margin-top:1rem;font-size:.66rem;display:flex}.caseStudy figcaption span{color:var(--sage)}.caseSteps{grid-template-columns:repeat(3,1fr);align-items:start;gap:2rem;margin-top:6rem;display:grid}.caseSteps img{aspect-ratio:4/3;object-fit:cover}.caseSteps .drawing img{object-fit:contain;background:#fff}.designProcess{background:#e7e3da;grid-template-columns:.7fr 1.5fr;align-items:center;gap:8vw;display:grid}.designProcess h2{margin:2rem 0}.designProcess p:not(.eyebrow){max-width:480px;line-height:1.8}.designProcess img{width:100%;height:auto}.portfolioGrid{grid-template-columns:repeat(2,1fr);gap:7rem 2.5rem;padding-top:5rem;display:grid}.portfolioGrid .projectCard img{aspect-ratio:4/3}.portfolioGrid .projectCard:nth-child(4n+2),.portfolioGrid .projectCard:nth-child(4n+3){width:78%}.portfolioGrid .projectCard:nth-child(4n+2){margin-left:auto}.portfolioGrid .projectCard:nth-child(4n+2) img,.portfolioGrid .projectCard:nth-child(4n+3) img{aspect-ratio:4/5}.aboutLead{grid-template-columns:1.1fr 1fr;align-items:center;gap:9vw;display:grid}.aboutLead img{object-fit:cover;height:840px}.aboutLead .founderPortrait{object-position:center 42%}.aboutLead h2{margin:2rem 0}.aboutLead p:not(.eyebrow){max-width:590px;line-height:1.85}.aboutDetail{background:var(--white);grid-template-columns:1fr 1fr;align-items:start;gap:8vw;display:grid}.aboutDetail h2{max-width:650px;margin-top:2rem}.aboutDetail img{object-fit:cover;justify-self:end;width:72%;max-height:820px}.values{background:#e7e3da}.valueGrid{grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem;display:grid}.valueGrid>div{border-left:1px solid var(--line);padding:1rem 4vw 2rem}.valueGrid>div:first-child{border-left:0}.valueGrid span,.processGrid span{color:var(--sage);font-size:.7rem}.valueGrid h3,.processGrid h3{margin-top:4rem}.valueGrid p,.processGrid p{line-height:1.7}.technicalDocs{background:var(--white)}.technicalIntro{grid-template-columns:1fr 1.5fr;align-items:start;gap:6vw;margin-bottom:5rem;display:grid}.technicalIntro h2{margin:0}.technicalIntro>p:last-child{grid-column:2;max-width:620px;line-height:1.8}.technicalGrid{grid-template-columns:1.35fr 1fr;align-items:start;gap:4rem 2rem;display:grid}.technicalGrid figure{margin:0}.technicalGrid img{object-fit:contain;background:#fff;width:100%;height:auto;max-height:760px}.technicalGrid figcaption{text-transform:uppercase;letter-spacing:.15em;color:var(--sage);margin-top:1rem;font-size:.65rem}.serviceList article{border-top:1px solid var(--line);grid-template-columns:80px 1.1fr 1fr;align-items:start;gap:2rem;padding:3.5rem 0;display:grid}.serviceList article:last-child{border-bottom:1px solid var(--line)}.serviceList h2{margin:0;font-size:clamp(2rem,4vw,4rem)}.serviceList p{max-width:520px;line-height:1.8}.moodBoardService{background:var(--deep);color:#fff;grid-template-columns:.7fr 1.4fr;align-items:center;gap:8vw;display:grid}.moodBoardService h2{margin:2rem 0}.moodBoardService p:not(.eyebrow){color:#d4d3cd;max-width:500px;line-height:1.8}.moodBoardService figure{margin:0}.moodBoardService img{width:100%;height:auto}.moodBoardService figcaption{color:#aaada5;text-transform:uppercase;letter-spacing:.14em;margin-top:1rem;font-size:.64rem}.process{background:#e7e3da}.processGrid{grid-template-columns:repeat(4,1fr);margin:4rem 0;display:grid}.processGrid>div{border-left:1px solid var(--line);padding:1rem 2rem}.processGrid>div:first-child{border-left:0;padding-left:0}.contactPage{grid-template-columns:1fr 1.1fr;min-height:900px;display:grid}.contactVisual{background:var(--white);justify-content:center;align-items:flex-start;display:flex}.contactVisual img{object-fit:contain;width:100%;height:auto}.contactCopy{padding:9vw 7vw}.contactCopy h1{margin:1.5rem 0 2rem;font-size:clamp(3.4rem,6vw,6.5rem)}.contactCopy>p:not(.eyebrow){max-width:560px;line-height:1.8}form{grid-template-columns:1fr 1fr;gap:2rem 1.5rem;margin-top:4rem;display:grid}label{text-transform:uppercase;letter-spacing:.12em;flex-direction:column;gap:.7rem;font-size:.62rem;font-weight:500;display:flex}.wide{grid-column:1/-1}input,select,textarea{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;padding:.75rem 0;font:300 1rem Manrope,sans-serif}textarea{resize:vertical}.direct{border-top:1px solid var(--line);flex-direction:column;gap:.6rem;margin-top:5rem;padding-top:2rem;font-size:.82rem;display:flex}.direct p{margin-top:1rem}footer{background:var(--deep);color:#e6e4dd;grid-template-columns:2fr 1fr 1.4fr;gap:3rem;padding:5rem 5vw 2rem;font-size:.76rem;line-height:1.8;display:grid}.footerMark{flex-direction:column;align-items:flex-start;display:flex}.footerMark img{filter:grayscale()invert()brightness(1.7);width:260px}.footerMark+div p{margin-bottom:.25rem}.footerContact{flex-direction:column;align-items:flex-start;display:flex}.facebookLink,.instagramLink{align-items:center;gap:.5rem;margin-top:.65rem;display:inline-flex}.facebookLink span,.instagramLink span{border:1px solid #8f948b;border-radius:50%;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font:500 1rem/1 Arial,sans-serif;display:inline-flex}.instagramLink{margin-top:.4rem}.instagramLink span{font-size:1.1rem}.footerContact a:hover{color:#fff}.copyright{color:#999d95;border-top:1px solid #444840;grid-column:1/-1;margin-top:3rem;padding-top:2rem}@media (width<=850px){.section{padding:6rem 6vw}.siteHeader{height:120px;padding:0 6vw}.wordmark{width:300px;max-width:72vw}.wordmark img{height:105px}.siteHeader nav{display:none}.mobileNav{display:block;position:relative}.mobileNav summary{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;list-style:none}.mobileNav div{background:var(--paper);flex-direction:column;gap:1rem;min-width:180px;padding:1.5rem;display:flex;position:absolute;top:2rem;right:0;box-shadow:0 10px 30px #0002}.hero{height:78vh;min-height:600px}.heroShade{background:linear-gradient(#0000 20%,#0f100e94)}.heroCopy{left:6vw;right:6vw}.intro,.aboutLead,.aboutDetail,.splitFeature,.contactPage,.caseStudyIntro,.designProcess,.technicalIntro,.moodBoardService{grid-template-columns:1fr}.technicalIntro>p:last-child{grid-column:auto}.technicalGrid{grid-template-columns:1fr}.technicalGrid .floorPlan{grid-row:auto}.caseHero img{aspect-ratio:auto}.caseSteps{grid-template-columns:1fr;gap:4rem;margin-top:4rem}.caseSteps img{aspect-ratio:auto}.aboutDetail img{justify-self:auto;width:100%;max-height:700px}.intro{gap:3rem}.projectGrid,.portfolioGrid{grid-template-columns:1fr}.projectGrid{gap:4rem}.splitFeature>img,.aboutLead img{height:600px}.portfolioGrid .projectCard:nth-child(n){width:100%;margin:0}.serviceList article{grid-template-columns:45px 1fr}.serviceList article p{grid-column:2}.processGrid,.valueGrid{grid-template-columns:1fr}.processGrid>div,.valueGrid>div{border-left:0;border-top:1px solid var(--line);padding:2rem 0}.processGrid>div:first-child{padding-top:2rem}.valueGrid h3,.processGrid h3{margin-top:2rem}.contactVisual,.contactVisual img{height:auto}.contactCopy{padding:6rem 6vw}footer{grid-template-columns:1fr}.copyright{grid-column:auto}form{grid-template-columns:1fr}.wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
