:root{--paper:#f7f6f2;--stone:#e9e5dc;--ink:#1d1d1b;--ochre:#c79a32;--blue:#334451;--line:rgba(29,29,27,.2);--font:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;width:100%}button,input,select,textarea{font:inherit}.skip-link{position:fixed;z-index:200;left:20px;top:-70px;background:var(--ochre);padding:11px 15px}.skip-link:focus{top:15px}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,66px);background:rgba(247,246,242,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:baseline;gap:3px;width:max-content;text-decoration:none;font-size:18px;letter-spacing:-.04em}.brand span{font-weight:800}.brand b{color:var(--ochre);font-size:14px}.desktop-nav{display:flex;gap:33px}.desktop-nav a,.header-contact{font-size:12px;font-weight:600;text-decoration:none}.header-contact{justify-self:end;border-bottom:1px solid var(--ink);padding:6px 0}.header-contact span{color:var(--ochre);margin-left:8px}.menu-button,.mobile-menu{display:none}.hero{position:relative;min-height:850px;display:grid;grid-template-columns:.43fr .57fr;padding-top:82px;border-bottom:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;padding:clamp(55px,7vw,105px) clamp(30px,5vw,78px) 70px}.location,.section-label,.section-head>span,.process-title>span,.contact-intro>span{font-size:11px;font-weight:700;color:var(--blue)}.hero h1{margin:85px 0 0;font-size:clamp(55px,6.3vw,98px);line-height:.91;letter-spacing:-.075em}.hero-note{display:grid;grid-template-columns:36px 1fr;gap:18px;max-width:510px;margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}.hero-note span{font-size:11px;color:var(--ochre)}.hero-note p{margin:0;color:#62625c}.hero-image{position:relative;margin:0;overflow:hidden}.hero-image picture,.hero-image img{width:100%;height:100%}.hero-image img{object-fit:cover;object-position:center}.hero-image figcaption{position:absolute;right:0;bottom:0;padding:13px 18px;background:var(--paper);font-size:10px}.hero-link{position:absolute;right:calc(57% - 58px);bottom:0;width:116px;height:116px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;background:var(--ochre);text-decoration:none;font-size:11px;font-weight:700}.hero-link span{align-self:flex-end;font-size:24px}.statement{display:grid;grid-template-columns:1.6fr .6fr;gap:10vw;padding:clamp(85px,11vw,160px) clamp(25px,7vw,112px);background:var(--ink);color:#fff}.statement>p{max-width:1050px;margin:0;font-size:clamp(34px,5vw,72px);line-height:1.08;letter-spacing:-.055em}.statement>span{align-self:end;color:#aaa99f;font-size:13px}.section{padding:clamp(85px,10vw,145px) clamp(25px,7vw,112px)}.section-head{display:grid;grid-template-columns:.38fr 1.25fr .58fr;gap:50px;align-items:end;margin-bottom:70px}.section-head h2{margin:0;font-size:clamp(39px,5.4vw,76px);line-height:.98;letter-spacing:-.06em}.section-head p{margin:0;color:#686861}.project-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:auto auto;gap:20px}.project{position:relative;overflow:hidden;background:var(--stone)}.project a{display:block;height:100%;text-decoration:none}.project picture,.project img{height:100%}.project img{object-fit:cover;transition:transform .6s ease}.project:hover img{transform:scale(1.025)}.project-main{grid-row:1/span 2;min-height:780px}.project-interior{min-height:440px}.project-interior img{object-position:center}.project-plan{min-height:320px;background:var(--blue);color:#fff}.project-caption{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(0deg,rgba(15,16,15,.9),transparent);color:#fff}.project-caption span{font-size:10px}.project-caption h3{margin:9px 0 5px;font-size:clamp(27px,3vw,42px);line-height:1;letter-spacing:-.045em}.project-caption p{margin:0;color:rgba(255,255,255,.7);font-size:13px}.project-caption b{position:absolute;right:28px;bottom:28px;color:var(--ochre);font-size:12px}.project-plan .project-caption{background:transparent}.plan-drawing{position:absolute;inset:25px 25px 120px}.plan-drawing:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55)}.wall{position:absolute;background:rgba(255,255,255,.7)}.w1{left:32%;top:0;width:1px;height:100%}.w2{left:0;top:43%;height:1px;width:72%}.w3{right:0;top:63%;height:1px;width:68%}.w4{right:34%;top:43%;width:1px;height:57%}.w5{left:32%;top:78%;height:1px;width:34%}.door{position:absolute;width:34px;height:34px;border:1px solid var(--ochre);border-left:0;border-bottom:0;border-radius:0 34px 0 0}.d1{left:32%;top:31%}.d2{right:24%;top:63%;transform:rotate(90deg);transform-origin:top left}.plan-drawing span{position:absolute;color:rgba(255,255,255,.55);font-size:9px}.plan-drawing span:first-of-type{left:44%;top:-16px}.plan-drawing span:last-of-type{right:-20px;top:40%;transform:rotate(90deg)}.principles{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:var(--stone)}.principles-image{min-height:650px}.principles-image picture,.principles-image img{height:100%}.principles-image img{object-fit:cover}.principles-copy{padding:clamp(75px,8vw,120px)}.principles-copy h2{margin:24px 0 72px;font-size:clamp(44px,5.4vw,78px);line-height:.98;letter-spacing:-.06em}.principle-list{border-top:1px solid var(--ink)}.principle-list article{display:grid;grid-template-columns:38px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.principle-list article>span{color:var(--ochre);font-size:11px}.principle-list h3{margin:0;font-size:18px}.principle-list p{margin:7px 0 0;color:#686861;font-size:14px}.section-head.compact{grid-template-columns:.38fr 1.8fr}.service-list{border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:70px 1.1fr 1fr;gap:35px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.service-list article>span{color:var(--ochre);font-size:11px}.service-list h3{margin:0;font-size:clamp(26px,3vw,39px);letter-spacing:-.04em}.service-list p{max-width:440px;margin:0;color:#686861}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:var(--blue);color:#fff}.process-title h2{margin:24px 0 0;font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-.055em}.process ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.4)}.process li{display:grid;grid-template-columns:48px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.25)}.process li>b{color:var(--ochre);font-size:11px}.process h3{margin:0;font-size:21px}.process p{margin:6px 0 0;color:rgba(255,255,255,.65)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:clamp(85px,10vw,145px) clamp(25px,7vw,112px);background:var(--ochre)}.contact-intro h2{margin:25px 0;font-size:clamp(43px,6vw,82px);line-height:.93;letter-spacing:-.065em}.contact-intro p{max-width:430px}.contact form{align-self:start;padding-top:31px;border-top:1px solid var(--ink)}.contact label{display:grid;grid-template-columns:140px 1fr;gap:25px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(29,29,27,.38)}.contact label>span{font-size:11px;font-weight:700}.contact input,.contact select,.contact textarea{width:100%;padding:0;border:0;background:transparent;outline:0;resize:vertical}.contact input::placeholder,.contact textarea::placeholder{color:rgba(29,29,27,.58)}.contact input:focus,.contact select:focus,.contact textarea:focus{box-shadow:0 2px 0 var(--ink)}.contact button{width:100%;display:flex;justify-content:space-between;margin-top:25px;padding:17px 19px;border:0;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.contact form>p{font-size:12px;font-weight:700}footer{display:grid;grid-template-columns:1fr auto;padding:50px clamp(25px,7vw,112px);background:var(--ink);color:#fff;gap:25px}footer>div{display:flex;gap:25px}footer>div a{font-size:12px;text-decoration:none}footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);color:#86867f}footer>p{margin:0;color:#86867f;font-size:11px}:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}
@media(max-width:980px){.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto auto;gap:22px}.menu-button{display:block;width:42px;height:42px;border:1px solid var(--line);background:transparent;cursor:pointer}.menu-button i{display:block;width:17px;height:1px;margin:5px auto;background:var(--ink);transition:.2s}.menu-button[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:45;inset:82px 0 auto;display:grid;padding:20px clamp(22px,4vw,66px) 30px;background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .25s}.mobile-menu.is-open{transform:none}.mobile-menu a{padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-inline:30px}.hero h1{font-size:clamp(52px,7.5vw,77px)}.section-head{grid-template-columns:1fr 2fr}.section-head p{grid-column:2}.project-main{min-height:680px}.principles{grid-template-columns:1fr}.principles-image{min-height:620px}.process{gap:6vw}.contact{gap:6vw}}
@media(max-width:700px){.site-header{height:70px;padding-inline:18px}.header-contact{display:none}.mobile-menu{inset:70px 0 auto}.hero{min-height:auto;grid-template-columns:1fr;padding-top:70px}.hero-copy{min-height:650px;padding:45px 20px 70px}.hero h1{margin-top:75px;font-size:clamp(50px,15vw,69px)}.hero-image{height:520px}.hero-link{right:0;bottom:520px;width:96px;height:96px}.statement{grid-template-columns:1fr;gap:50px;padding:80px 20px}.statement>p{font-size:36px}.section{padding:82px 20px}.section-head,.section-head.compact{grid-template-columns:1fr;gap:20px}.section-head p{grid-column:auto}.section-head h2{font-size:43px}.project-grid{grid-template-columns:1fr;grid-template-rows:none}.project-main{grid-row:auto;min-height:550px}.project-interior{min-height:420px}.project-plan{min-height:350px}.principles{grid-template-columns:1fr}.principles-image{min-height:480px}.principles-copy{padding:75px 20px}.principles-copy h2{font-size:45px;margin-bottom:55px}.service-list article{grid-template-columns:40px 1fr;gap:14px}.service-list article p{grid-column:2}.process{grid-template-columns:1fr;gap:55px}.process-title h2{font-size:44px}.contact{grid-template-columns:1fr;gap:55px;padding:82px 20px}.contact-intro h2{font-size:48px}.contact label{grid-template-columns:1fr;gap:8px}footer{grid-template-columns:1fr;padding:45px 20px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}