:root{--ink:#2d2926;--black:#181716;--putty:#c8baa0;--steel:#a6adb2;--plaster:#f4f0e8;--paper:#fbfaf7;--orange:#d87a32;--orange-deep:#743812;--body:#514b46;--line:rgba(45,41,38,.18);--display:"Archivo",Arial,sans-serif;--sans:"Albert Sans",Arial,sans-serif;--wrap:min(92%,1360px);--nav-h:78px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%;height:auto}figure{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0;text-wrap:pretty}h1,h2,h3{font-family:var(--display);line-height:1.04;letter-spacing:-.025em}p{max-width:72ch}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;padding:.7rem 1rem;background:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.kicker{margin-bottom:1rem;color:#655136;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.site-header{height:var(--nav-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1rem,3vw,3rem);padding-inline:4%;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:50}.brand{width:118px;height:62px;display:flex;align-items:center}.brand__mark,.footer-logo{height:58px;width:auto;max-width:118px;object-fit:contain}.desktop-nav{display:flex;gap:clamp(1rem,2.2vw,2.4rem)}.desktop-nav a,.header-action{font-size:.78rem;font-weight:600;text-decoration:none}.desktop-nav a{padding-block:.9rem}.header-action{justify-self:end;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--ink)}.menu-toggle{display:none;width:48px;height:48px;border:0;background:transparent;place-content:center;gap:7px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink)}
.mobile-menu{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--paper);display:grid;grid-template-rows:auto 1fr auto;padding:1.2rem 6% 2rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu__top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.menu-close{min-width:64px;min-height:48px;border:1px solid rgba(255,255,255,.38);background:transparent;color:white}.mobile-menu nav{align-self:center;display:grid}.mobile-menu nav a{font-family:var(--display);font-size:clamp(2rem,9vw,4.5rem);line-height:1.05;padding:.3rem 0;text-decoration:none}.mobile-menu__contact{display:grid}.mobile-menu__contact a{min-height:44px;display:flex;align-items:center;color:rgba(255,255,255,.7)}
.hero{height:calc(100vh - var(--nav-h));height:calc(100svh - var(--nav-h));min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));padding:clamp(1.7rem,3.6vh,2.8rem) 0 clamp(1.2rem,2.4vh,2rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(1.3rem,2.6vh,2.2rem);overflow:hidden;background:var(--paper)}.hero__mast{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(2rem,5vw,6rem);align-items:end}.hero__title .kicker{margin-bottom:.75rem}.hero h1{margin-bottom:0;font-size:clamp(3rem,4.15vw,4rem);font-weight:600;line-height:1.01;letter-spacing:-.035em;max-width:22ch}.hero h1 span{display:block}.hero__aside{padding-bottom:.25rem}.hero__aside>p{margin-bottom:1.15rem;color:var(--body);font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.55}.hero__actions{display:flex;align-items:center;gap:1.3rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.15rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .25s var(--ease),background .25s ease}.button:hover{transform:translateY(-2px);background:var(--orange-deep);border-color:var(--orange-deep)}.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:.82rem;font-weight:600;text-underline-offset:.3rem}.hero__media{height:100%;min-height:0;position:relative;overflow:hidden;background:var(--plaster)}.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero__media figcaption{position:absolute;left:0;bottom:0;display:grid;gap:.12rem;width:min(420px,44%);padding:.9rem 1.1rem;background:rgba(24,23,22,.92);color:white}.hero__media figcaption span:first-child{font-weight:600}.hero__media figcaption span:last-child{color:rgba(255,255,255,.68);font-size:.76rem}
.project-browser{padding:clamp(5.5rem,9vw,9rem) 0;background:var(--plaster)}.project-browser__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}.project-browser h2,.scope h2,.exact-fit h2,.maker h2,.process h2,.start h2{margin-bottom:0;font-size:clamp(2.5rem,4.7vw,4.75rem);font-weight:500;max-width:17ch}.project-browser__head>p{margin-bottom:.2rem;color:var(--body)}.room-selector{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.room-tab{min-height:68px;padding:.8rem 1rem;border:0;border-right:1px solid var(--line);background:transparent;color:#6b625b;text-align:left;font-weight:500;cursor:pointer}.room-tab:last-of-type{border-right:0}.room-tab.is-active{color:var(--ink)}.room-selector__rule{position:absolute;left:0;bottom:-1px;width:33.333%;height:3px;background:var(--orange);transform:translateX(var(--tab-shift,0));transition:transform .45s var(--ease)}.project-feature{height:clamp(500px,62vw,760px);position:relative;overflow:hidden;background:var(--ink)}.project-feature img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .7s var(--ease)}.project-feature.is-changing img{opacity:.28;transform:scale(1.015)}.project-feature figcaption{position:absolute;right:0;bottom:0;width:min(440px,50%);padding:1.25rem 1.4rem;background:var(--ink);color:white;display:grid;gap:.15rem}.project-feature figcaption strong{font-family:var(--display);font-size:1.3rem}.project-feature figcaption span{color:rgba(255,255,255,.7);font-size:.84rem}
.scope{padding:clamp(5.5rem,10vw,10rem) 0}.scope__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.5fr);gap:clamp(2rem,8vw,9rem);align-items:end}.scope__intro .kicker{grid-column:1/-1;margin-bottom:-1rem}.scope__intro>p:last-child{color:var(--body);margin-bottom:.3rem}.scope__list{margin-top:clamp(3rem,6vw,5.5rem);border-top:1px solid var(--line)}.scope__list article{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);gap:clamp(1.5rem,7vw,8rem);padding:1.5rem 0;border-bottom:1px solid var(--line)}.scope__list h3{margin-bottom:0;font-size:clamp(1.45rem,2.3vw,2.2rem);font-weight:500}.scope__list p{margin-bottom:0;color:var(--body)}.project-pair{margin-top:clamp(3rem,7vw,6.5rem);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1rem,2vw,1.75rem);align-items:start}.project-pair figure:first-child{height:620px}.project-pair figure:last-child{height:470px;margin-top:90px}.project-pair img{width:100%;height:100%;object-fit:cover}.project-pair figcaption{padding-top:.65rem;font-size:.78rem;color:var(--body)}
.exact-fit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:#ded7ca}.exact-fit__image{min-height:720px}.exact-fit__image img{width:100%;height:100%;object-fit:cover}.exact-fit__copy{align-self:center;padding:clamp(3rem,7vw,7rem)}.exact-fit__copy>p:not(.kicker){color:#514a43;margin:1.5rem 0 2rem}.exact-fit dl{margin:0}.exact-fit dl div{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1.15rem 0;border-top:1px solid rgba(45,41,38,.24)}.exact-fit dt{font-family:var(--display);font-weight:600}.exact-fit dd{margin:0;color:#514a43}
.maker{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--black);color:white}.maker h2{font-size:clamp(2.4rem,3.7vw,3.7rem);max-width:21ch}.maker__copy{align-self:center;padding:clamp(3rem,7vw,7rem)}.maker__copy .kicker{color:#ddceb3}.maker__copy p:not(.kicker){color:rgba(255,255,255,.7);margin:1.4rem 0 0}.maker figure{min-height:680px;position:relative}.maker figure img{width:100%;height:100%;object-fit:cover}.maker figcaption{position:absolute;left:0;bottom:0;padding:.75rem 1rem;background:var(--paper);color:var(--ink);font-size:.74rem}
.process{padding:clamp(5.5rem,10vw,10rem) 0}.process__head{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);align-items:start;margin-bottom:clamp(3rem,6vw,5rem)}.process__head .kicker{padding-top:.5rem}.process__list{padding:0;list-style:none;border-top:1px solid var(--line)}.process__list li{display:grid;grid-template-columns:3rem minmax(180px,.45fr) minmax(0,1fr);gap:clamp(1rem,4vw,4rem);align-items:start;padding:1.7rem 0;border-bottom:1px solid var(--line)}.process__list>li>span{color:#756448;font-size:.75rem}.process__list h3{margin-bottom:0;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:500}.process__list p{margin-bottom:0;color:var(--body)}
.start{padding:clamp(4.5rem,8vw,8rem) max(4vw,calc((100vw - 1360px)/2));display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,8vw,8rem);background:var(--orange-deep);color:white}.start .kicker{color:#e2d6bf}.start__copy>p:not(.kicker){color:rgba(255,255,255,.75);margin:1.4rem 0}.start__contact{display:grid}.start__contact a{width:fit-content;min-height:44px;display:flex;align-items:center}.project-form{display:grid;gap:1rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(255,255,255,.3)}.project-form label{display:grid;gap:.35rem;font-size:.76rem;font-weight:600}.project-form select,.project-form input,.project-form textarea{width:100%;min-height:48px;padding:.65rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.45);border-radius:0;background:transparent;color:white}.project-form textarea{resize:vertical}.project-form option{color:var(--ink)}.project-form ::placeholder{color:rgba(255,255,255,.58)}.button--light{justify-self:start;background:var(--paper);color:var(--ink);border-color:var(--paper)}.project-form>p{margin-bottom:0;color:rgba(255,255,255,.7);font-size:.72rem}
.site-footer{padding:clamp(3rem,6vw,5rem) 4% 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;background:var(--black);color:white}.site-footer__brand p{color:rgba(255,255,255,.58);max-width:40ch}.footer-logo{margin-bottom:1rem}.site-footer nav,.site-footer__contact{display:grid;align-content:start}.site-footer a{min-height:44px;display:flex;align-items:center;color:rgba(255,255,255,.76);text-decoration:none}.site-footer__fine{grid-column:1/-1;margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.45);font-size:.7rem}
@media(max-width:1024px){.hero__mast{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)}.hero h1{font-size:clamp(2.8rem,5.2vw,3.7rem)}.project-pair figure:first-child{height:540px}.project-pair figure:last-child{height:420px;margin-top:60px}}
@media(max-width:768px){:root{--nav-h:68px}.site-header{grid-template-columns:1fr auto}.desktop-nav,.header-action{display:none}.menu-toggle{display:grid;justify-self:end}.hero{padding:1.15rem 0 1rem;gap:1rem}.hero__mast{grid-template-columns:1fr;gap:.65rem;align-items:start}.hero h1{font-size:clamp(2.45rem,7.3vw,3.4rem);max-width:20ch}.hero h1 span{display:inline}.hero__aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.hero__aside>p{margin:0;font-size:.9rem}.hero__actions{display:grid;gap:.2rem}.hero__actions .button{padding-inline:.8rem}.hero__media figcaption{width:min(420px,70%)}.project-browser__head,.scope__intro{grid-template-columns:1fr;gap:1.2rem}.scope__intro .kicker{grid-column:auto;margin-bottom:0}.project-feature{height:540px}.project-pair figure:first-child{height:500px}.project-pair figure:last-child{height:390px;margin-top:45px}.exact-fit,.maker{grid-template-columns:1fr}.exact-fit__image{min-height:540px}.maker__copy{order:2}.maker figure{min-height:540px}.process__head{grid-template-columns:1fr;gap:.5rem}.start{grid-template-columns:1fr}.site-footer{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:480px){.brand{width:94px}.brand__mark{height:48px;max-width:94px}.hero{grid-template-rows:auto minmax(0,1fr);padding-top:.85rem}.hero__title .kicker{margin-bottom:.45rem;font-size:.62rem}.hero h1{font-size:clamp(2.12rem,9.4vw,2.72rem);line-height:1.02}.hero__aside{display:block}.hero__aside>p{font-size:.8rem;line-height:1.4;margin-bottom:.65rem}.hero__actions{display:flex}.hero__actions .button{min-height:44px;font-size:.72rem}.hero__actions .text-link{display:none}.hero__media figcaption{width:100%;padding:.55rem .7rem}.hero__media figcaption span:last-child{display:none}.project-browser,.scope,.process{padding-block:4.5rem}.project-browser h2,.scope h2,.exact-fit h2,.maker h2,.process h2,.start h2{font-size:clamp(2.25rem,10.6vw,3rem)}.room-selector{overflow-x:auto;grid-template-columns:repeat(3,minmax(140px,1fr));scrollbar-width:none}.room-selector::-webkit-scrollbar{display:none}.room-tab{min-height:60px}.project-feature{height:430px}.project-feature figcaption{width:100%;padding:.85rem}.scope__list article{grid-template-columns:1fr;gap:.5rem}.project-pair{grid-template-columns:1fr}.project-pair figure:first-child,.project-pair figure:last-child{height:420px;margin-top:0}.exact-fit__image,.maker figure{min-height:430px}.exact-fit__copy,.maker__copy{padding-inline:5%}.process__list li{grid-template-columns:2rem 1fr}.process__list li p{grid-column:2}.start{padding-inline:5%}.site-footer{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
