:root{--paper:#eff1ee;--ink:#27312f;--steel:#55778a;--accent:#c75a37;--focus:#c75a37;--cladding:#af8060}body{background:var(--paper);color:var(--ink)}h1,h2,h3,.wordmark{font-family:'Space Grotesk',sans-serif;font-weight:400;letter-spacing:-.065em}h2{font-size:clamp(50px,6vw,90px);line-height:1}.wrap{width:min(1440px,calc(100% - 100px))}.header{background:var(--paper);position:relative;z-index:25}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}.wordmark{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:32px;letter-spacing:-1.6px}.wordmark svg{height:32px;width:32px;stroke:currentColor;stroke-width:3;fill:none}.nav-inquiry{border:0;background:var(--ink);color:white;padding:12px 18px;font-size:12px;display:flex;gap:30px}.hero{height:calc(100svh - 128px);min-height:680px;max-height:1100px;position:relative;color:#fff;overflow:hidden;background:#465f68;isolation:isolate}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-photo{transform:scale(var(--hero-scale,1));will-change:transform}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}.hero-shade{background:linear-gradient(90deg,#1225228c,transparent 80%),linear-gradient(0deg,#122522ba,transparent 75%)}.hero-content{height:100%;padding-block:55px 42px;display:flex;flex-direction:column;justify-content:end}.hero-content>p{font-size:12px;margin-bottom:25px}.hero h1{font-size:clamp(94px,12.5vw,200px);line-height:.91;max-width:8ch;transform:translateY(var(--hero-title-y,0px));opacity:var(--hero-title-opacity,1);will-change:transform}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:54px}.hero-bottom>p{font-size:14px;line-height:1.7;max-width:28ch}.round-link{display:flex;align-items:center;gap:15px;font-size:12px}.round-link>span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ffffff80;border-radius:50%;font-size:24px}.round-link:hover>span{background:#fff;color:var(--ink)}.hero-caption{position:absolute;top:54px;right:50px;font-size:11px;writing-mode:vertical-rl}.build-story{position:relative}.has-js .build-story{height:300svh}.build-sticky{padding-top:40px;overflow:hidden;min-height:800px;background:var(--paper)}.has-js .build-sticky{height:100svh;min-height:650px;position:sticky;top:0}.story-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.motion-toggle{background:none;border:1px solid #b7c1b8;border-radius:25px;font-size:11px;padding:9px 15px;color:var(--ink)}.story-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;height:calc(100% - 65px);gap:10px}.story-copy{position:relative;z-index:2;padding-bottom:20px}.story-copy h2{font-size:clamp(64px,6.2vw,94px);margin-bottom:25px;min-height:2em}.story-copy>p:not(.story-hint){font-size:15px;line-height:1.8;max-width:37ch;min-height:6em}.stage-control{display:flex;gap:28px;margin-top:40px}.stage-control button{border:0;border-top:2px solid #cdd3ca;background:none;color:#6a756f;padding:13px 0;font-size:13px;display:flex;align-items:center;gap:10px;min-width:78px}.stage-control button[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}.stage-control span{font-size:10px;color:#728079}.story-hint{font-size:10px;color:#6a756f;margin-top:24px}.model-stage{position:relative;min-width:0;width:115%;margin-left:-4%;aspect-ratio:1.2}.drawing-grid{position:absolute;inset:8% 0;background-image:linear-gradient(#66878c12 1px,transparent 1px),linear-gradient(90deg,#66878c12 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.house-model{position:relative;overflow:visible;display:block;width:100%;height:auto}.house-model path{transition:fill .55s,stroke .55s}.model-stage .house-model{transform:translateY(12%) scale(.9)}.model-stage .layer{transform:translateY(calc(var(--offset) * var(--rise) * -1px));transform-box:fill-box;will-change:transform}.foundation{--offset:0}.lower{--offset:35}.floor{--offset:90}.upper{--offset:150}.roof{--offset:225}.model-stage .house-model path{stroke:#55778a;stroke-width:var(--wire);stroke-linejoin:round}.model-stage[data-view=draw] .house-model .layer path{fill:var(--paper);fill-opacity:.88;stroke-width:1.3}.model-stage[data-view=draw] .ground{opacity:.3}.model-stage[data-view=draw] .landscape{opacity:0}.landscape{transition:opacity .6s}.model-note{position:relative;margin-top:40px;display:flex;justify-content:space-between;padding:0 14%;font-size:10px;color:#68796e}.model-note span:first-child{color:var(--ink)}.story-progress{height:3px;position:absolute;bottom:0;left:0;right:0;background:#dbe0d7}.story-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--build-progress,0))}.details{background:#dde2dc;padding-top:80px}.details-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:55px}.details-heading>p{font-size:14px;line-height:1.8}.detail-scene{height:800px;position:relative;isolation:isolate;overflow:hidden;background:#55778a}.detail-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;transform:scale(var(--detail-scale,1.03));will-change:transform}.detail-wash{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#172d3544)}.hotspot{position:absolute;width:47px;height:47px;border:1px solid #fff9;border-radius:50%;background:#fff;color:#27312f;display:grid;place-items:center;box-shadow:0 0 0 7px #fff2;transition:background .2s,transform .2s;font-size:25px;line-height:1}.hotspot[aria-expanded=true]{background:var(--accent);color:white;transform:rotate(45deg);border-color:var(--accent)}.hotspot.timber{top:33%;left:41%}.hotspot.glazing{top:64%;left:36%}.hotspot.threshold{top:87%;left:25%}.detail-panel{position:absolute;right:5%;top:10%;width:320px;padding:28px;background:#eff1eef2;backdrop-filter:blur(15px)}.detail-panel>p:first-child{font-size:10px;color:#737f75;margin-bottom:22px}.detail-panel h3{font-size:34px;letter-spacing:-1.5px;margin-bottom:18px}.detail-panel>p:not(:first-child){font-size:13px;line-height:1.85;min-height:9em}.detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.detail-tabs button{background:none;border:1px solid #bac4b9;padding:7px 10px;font-size:10px;color:var(--ink)}.detail-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.photo-note{position:absolute;bottom:20px;right:25px;color:white;font-size:10px}.materials{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;padding-block:140px}.material-view{background:#e3e7df;position:relative;min-width:0;padding:50px 10px 25px}.material-view .house-model{transition:transform .7s;transform:scale(1.02)}.material-view .layer{transition:transform .8s cubic-bezier(.22,.8,.3,1)}.material-view.exploded .layer{transform:translateY(calc(var(--offset) * -.55px))}.material-view .dimensions{display:none}.material-view>button{position:relative;display:flex;align-items:center;gap:25px;margin:auto;background:var(--paper);border:1px solid #aab9aa;color:var(--ink);font-size:11px;padding:11px 18px}.material-view>p{text-align:center;font-size:9px;color:#64705f;margin-top:15px}.material-copy>p:first-child{font-size:12px;margin-bottom:22px}.material-copy h2{font-size:clamp(58px,5.5vw,88px);margin-bottom:25px}.material-copy>p:not(:first-child){font-size:14px;line-height:1.8;max-width:37ch}.swatches{display:flex;gap:18px;margin-block:35px 24px}.swatches button{border:0;background:none;padding:0;font-size:10px;color:var(--ink);max-width:86px;min-width:70px;text-align:left}.swatch{display:block;width:64px;height:64px;border-radius:50%;margin-bottom:14px;border:5px solid var(--paper);outline:1px solid transparent;transition:outline-color .2s,transform .2s}.swatches button[aria-pressed=true] .swatch{outline-color:var(--ink);transform:scale(1.08)}.timber-swatch{background:repeating-linear-gradient(90deg,#af8060 0 4px,#9d6e4d 4px 5px)}.chalk-swatch{background:#cbd0c4}.steel-swatch{background:repeating-linear-gradient(90deg,#55778a 0 9px,#436577 9px 10px)}#finish-description{min-height:4em;font-size:12px}.simple-link{border:0;border-bottom:1px solid #8d9b8a;background:none;color:var(--ink);font-size:13px;padding:10px 0;display:flex;gap:35px;margin-top:15px}.spaces{background:#d9e2e4;position:relative}.has-js .spaces{height:260svh}.spaces-sticky{overflow:hidden;padding-block:50px}.has-js .spaces-sticky{position:sticky;top:0;height:100svh;min-height:680px}.spaces-heading{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:35px}.spaces-heading h2{font-size:clamp(48px,5vw,76px)}.spaces-heading p{font-size:12px}.spaces-window{overflow:auto;scrollbar-width:none}.spaces-window::-webkit-scrollbar{display:none}.spaces-track{display:flex;gap:30px;padding-inline:50px;width:max-content;transform:translateX(var(--gallery-x,0px));will-change:transform}.spaces-track figure{width:min(75vw,1050px);flex-shrink:0}.spaces-track img{width:100%;height:calc(100svh - 310px);min-height:350px;max-height:750px;object-fit:cover}.spaces-track figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:18px}.spaces-track figcaption>span{font-family:'Space Grotesk';font-size:25px;letter-spacing:-1px}.spaces-track small{font-size:10px}.gallery-controls{display:flex;align-items:center;gap:20px;margin-top:22px;font-size:11px}.gallery-controls button{border:1px solid #9facaa;background:none;width:42px;height:36px;display:grid;place-items:center;color:var(--ink);font-size:20px}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls>span{margin-left:auto;font-size:10px}.contact{padding-block:130px}.contact>p{font-size:13px;margin-bottom:30px}.contact h2{font-size:clamp(70px,10vw,160px);line-height:.98;letter-spacing:-.065em}.contact-button{background:var(--ink);color:var(--paper);border:0;padding:23px 28px;display:flex;align-items:center;gap:60px;margin-top:45px;font-size:14px}.contact-button span{font-size:26px;line-height:1}.contact-button:hover{background:#456057}.contact-meta{display:flex;gap:35px;font-size:11px;margin-top:45px;color:#738074}.footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #c1cbbf;padding-block:40px}.footer>a:nth-child(2){font-size:12px;align-self:center;text-decoration:underline;text-underline-offset:5px}.footer>p{flex-basis:100%;max-width:95ch;font-size:10px;color:#728074}.dialog{color:var(--ink);background:var(--paper)}.dialog h2{font-size:38px;letter-spacing:-2px}.form-submit{background:var(--ink);color:white;width:100%;margin-top:25px;font-weight:400}.motion-reduced .build-story,.motion-reduced .spaces{height:auto}.motion-reduced .build-sticky,.motion-reduced .spaces-sticky{position:relative;height:auto;min-height:0}.motion-reduced .story-layout{min-height:660px}.motion-reduced .house-model,.motion-reduced .house-model *,.motion-reduced .spaces-track{transition:none!important;will-change:auto}.motion-reduced .hero h1{transform:none;opacity:1}.motion-reduced .hero-photo,.motion-reduced .detail-scene>img{transform:none}.motion-reduced .story-hint{font-size:0}.motion-reduced .story-hint:after{content:'Choose a stage to explore the build.';font-size:10px}.motion-reduced .spaces-track{transform:none}.motion-reduced .story-progress{display:none}.motion-reduced .gallery-controls>span{font-size:0}.motion-reduced .gallery-controls>span:after{content:'Use the arrows or swipe to explore';font-size:10px}
@media(min-width:801px){.has-js body:not(.motion-reduced) .spaces-window{overflow:hidden}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-caption{right:32px}.story-layout{grid-template-columns:.9fr 1.1fr}.story-copy h2{font-size:64px}.stage-control{gap:15px}.model-stage{width:125%;margin-left:-14%}.materials{gap:45px}.detail-panel{right:4%;width:300px}.spaces-track{padding-inline:32px}.spaces-heading{gap:20px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.main-nav{gap:18px}.header-inner{min-height:90px;gap:18px}.wordmark{font-size:29px}.main-nav a{font-size:11px}.nav-inquiry{gap:12px;padding:10px 12px;font-size:11px}.hero{min-height:670px}.hero-content{padding-block:40px}.hero h1{font-size:110px}.hero-caption{right:20px}.story-copy h2{font-size:55px}.story-copy>p:not(.story-hint){font-size:13px}.stage-control{gap:12px}.stage-control button{min-width:65px;font-size:11px}.model-stage{width:140%;margin-left:-25%}.detail-scene{height:750px}.detail-panel{width:270px;padding:23px;top:7%}.detail-panel h3{font-size:30px}.hotspot.timber{left:34%;top:35%}.hotspot.glazing{left:26%;top:62%}.hotspot.threshold{left:20%;top:82%}.materials{gap:30px;padding-block:80px}.material-copy h2{font-size:58px}.swatches{gap:6px}.swatches button{min-width:61px;font-size:9px}.swatch{width:56px;height:56px}.spaces-track{padding-inline:20px;transform:none;gap:20px}.has-js .spaces{height:auto}.has-js .spaces-sticky{position:relative;height:auto;min-height:0}.spaces-track figure{width:85vw}.spaces-track img{height:460px;min-height:0}.spaces-heading{align-items:start;flex-direction:column;gap:14px}.gallery-controls>span{font-size:0}.gallery-controls>span:after{content:'Use the arrows or swipe';font-size:10px}.contact{padding-block:90px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:0;min-height:80px}.wordmark{font-size:29px}.wordmark svg{width:26px;height:26px}.hero{height:calc(100svh - 112px);min-height:610px;max-height:850px}.hero-photo img{object-position:42% center}.hero-content{padding-block:40px 28px}.hero-content>p{font-size:10px;max-width:28ch;margin-bottom:20px}.hero h1{font-size:clamp(83px,20vw,125px)}.hero-caption{top:30px;right:18px;font-size:9px}.hero-bottom{margin-top:38px;align-items:start;flex-direction:column;gap:24px}.hero-bottom>p{font-size:11px;max-width:none}.hero-bottom>p br{display:none}.round-link{font-size:10px}.round-link>span{width:40px;height:40px}.has-js .build-story{height:250svh}.build-sticky{padding-top:24px}.has-js .build-sticky{min-height:680px;height:100svh;max-height:1000px}.story-top{font-size:9px;gap:14px}.story-top>p{max-width:23ch}.motion-toggle{font-size:9px;padding:8px 10px;white-space:nowrap}.story-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100% - 50px);gap:0;align-items:start;padding-top:38px}.story-copy{padding:0}.story-copy h2{font-size:clamp(44px,12vw,65px);min-height:0;margin-bottom:18px;letter-spacing:-.065em}.story-copy h2 br{display:none}.story-copy>p:not(.story-hint){font-size:12px;max-width:42ch;line-height:1.7;min-height:5em}.stage-control{margin-top:20px;gap:25px}.stage-control button{font-size:11px;min-width:72px;padding-block:9px}.story-hint{font-size:9px;margin-top:8px}.model-stage{width:100%;max-width:470px;margin:-5px auto 0;align-self:center;aspect-ratio:1.24}.model-stage .house-model{transform:translateY(18%) scale(.88)}.model-note{padding-inline:8%;font-size:8px;margin-top:35px}.details{padding-top:55px}.details-heading{align-items:start;flex-direction:column;gap:22px;padding-bottom:32px}.details-heading h2{font-size:56px}.details-heading p{font-size:12px}.detail-scene{height:auto;overflow:visible;background:#dde2dc}.detail-scene>img{height:470px;object-position:43% center;transform:none}.detail-wash{display:none}.hotspot{width:39px;height:39px;font-size:23px}.hotspot.timber{top:138px;left:53%}.hotspot.glazing{top:288px;left:42%}.hotspot.threshold{top:396px;left:27%}.detail-panel{position:relative;right:auto;top:auto;width:calc(100% - 36px);margin:-32px auto 0;padding:25px;min-height:310px;box-shadow:0 15px 25px #27312f06}.detail-panel h3{font-size:32px;max-width:14ch}.detail-panel>p:first-child{margin-bottom:17px}.detail-panel>p:not(:first-child){font-size:12px;min-height:7em}.detail-tabs{margin-top:20px}.photo-note{top:18px;bottom:auto;right:18px;font-size:8px}.materials{grid-template-columns:1fr;gap:40px;padding-block:70px}.material-view{order:2;padding-top:22px}.material-copy h2{font-size:68px}.material-copy>p:not(:first-child){font-size:13px;max-width:42ch}.material-copy>p:first-child{font-size:11px}.swatches{gap:25px;margin-top:25px}.swatch{width:62px;height:62px}.swatches button{font-size:10px;min-width:75px}#finish-description{min-height:3.5em}.simple-link{font-size:12px}.spaces-sticky{padding-block:40px}.spaces-heading h2{font-size:48px}.spaces-heading p{font-size:11px}.spaces-track figure{width:86vw}.spaces-track img{height:390px}.spaces-track figcaption{display:block}.spaces-track figcaption>span{font-size:25px}.spaces-track small{display:block;font-size:9px;margin-top:8px}.gallery-controls{gap:14px}.gallery-controls>span:after{font-size:9px}.contact{padding-block:75px}.contact>p{font-size:11px;max-width:32ch}.contact h2{font-size:clamp(62px,15vw,94px)}.contact-button{padding:20px;gap:35px;font-size:12px}.contact-meta{gap:20px;font-size:9px;flex-wrap:wrap}.footer{padding-block:30px}.footer>p{font-size:9px}.footer>a:nth-child(2){font-size:10px}.motion-reduced .build-story{height:auto}.motion-reduced .build-sticky{height:auto;max-height:none;min-height:0}.motion-reduced .story-layout{min-height:0;padding-bottom:45px}.motion-reduced .model-stage{margin-top:35px}.motion-reduced .story-copy h2{min-height:2em}}