:root{--paper:#eeece5;--ink:#292c26;--muted:#77796d;--accent:#b94d31;--line:#d5d4ca;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:102px;position:absolute;left:0;top:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand svg{width:34px;height:39px;fill:none;stroke:var(--accent);stroke-width:2.8;stroke-linejoin:round}.brand>span{font-family:var(--display);font-size:36px;font-weight:800;letter-spacing:-2px;line-height:1.05}.brand-dot{color:var(--accent)}.brand small{display:block;font-family:var(--sans);font-size:8px;font-weight:600;letter-spacing:1.55px;line-height:2.5}.header nav{display:flex;gap:35px;font-size:12px;font-weight:500}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent);transition:width .3s}.header nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:13px 18px;display:flex;gap:40px;font-size:12px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.journey{height:490vh;min-height:2800px;position:relative}.experience{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:var(--paper)}.scene-wrap{position:absolute;inset:0;z-index:0}#house{width:100%;height:100%;display:block;touch-action:pan-y}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,236,229,.98),rgba(238,236,229,.86) 24%,rgba(238,236,229,0) 45%);pointer-events:none}.hero-copy{position:absolute;top:23.5%;left:6%;z-index:2;will-change:transform,opacity}.eyebrow,.section-kicker,.tiny-label,.model-note,.model-coordinate,.chapter-nav,.phase-measure,.contact-location,.service-strip,.image-index,.project-caption>span{font-size:10px;letter-spacing:1.6px;font-weight:550}.eyebrow{display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #b94d3110}h1{font-family:var(--display);font-weight:500;letter-spacing:-4.5px;font-size:clamp(54px,5.7vw,88px);line-height:1.09;margin:27px 0 25px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;color:var(--accent)}.hero-copy>p{font-size:15px;line-height:1.75;color:#727568}.round-link{display:flex;gap:13px;align-items:center;font-size:11px;margin-top:34px}.round-icon{display:grid;place-items:center;border:1px solid #a7a99d;border-radius:50%;width:39px;height:39px;font-size:17px;transition:transform .3s,background .3s}.round-link:hover .round-icon{transform:translateY(5px);background:var(--ink);color:white}.model-note{position:absolute;right:5%;top:20%;display:flex;align-items:center;gap:12px;font-size:8px;line-height:1.8;letter-spacing:1.1px;color:#676d60}.model-note b{font-weight:400;color:#989b90;font-size:7px}.crosshair{font-weight:400;font-size:27px;color:var(--accent)}.model-coordinate{position:absolute;right:5%;bottom:18%;display:flex;flex-direction:column;gap:7px;text-align:right;font-size:7px;color:#8a8d7e}.model-coordinate span:first-child{font-size:9px;color:#69715f}.stage-copy{position:absolute;left:6%;top:35%;max-width:330px;opacity:0;transform:translateY(25px);pointer-events:none}.stage-copy .eyebrow{color:var(--accent)}.stage-copy h2{font-family:var(--display);font-weight:500;font-size:clamp(36px,3.8vw,58px);line-height:1.15;letter-spacing:-2.5px;margin:23px 0}.stage-copy p{font-size:14px;line-height:1.8;max-width:280px;color:#747969}.phase-measure{position:absolute;left:6%;bottom:20%;display:flex;gap:11px;align-items:center;color:#7c8272;font-size:8px}.phase-measure>span:first-child{color:var(--accent)}.phase-line{height:1px;width:96px;background:#c9ccbe}.phase-line i{display:block;height:1px;width:0;background:var(--accent)}.experience-bottom{position:absolute;bottom:0;left:4.5%;right:4.5%;height:102px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:5}.chapter-label{display:flex;flex-direction:column;gap:9px}.tiny-label{font-size:7px;letter-spacing:1.3px;color:#858a7c}.chapter-current{font-size:11px}.chapter-nav{display:flex;gap:0;align-items:center}.chapter-nav button{border:0;background:none;color:#818576;padding:14px 24px;display:flex;align-items:center;gap:10px;font-size:11px;position:relative}.chapter-nav button span{font-size:8px;opacity:.65}.chapter-nav button:after{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;bottom:2px;left:50%;opacity:0;transform:scale(0);transition:.3s}.chapter-nav button.active{color:var(--accent)}.chapter-nav button.active:after{opacity:1;transform:scale(1)}.motion-toggle{background:none;border:0;display:flex;gap:8px;align-items:center;font-size:9px;color:#707764}.motion-toggle>span:first-child{border:1px solid #b2b6a6;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:10px}.top-progress{height:2px;position:absolute;top:0;left:0;background:var(--accent);width:0;z-index:25}.scroll-stages{position:absolute;top:0;left:0;width:1px;height:100%;pointer-events:none;display:flex;flex-direction:column}.scroll-stages>div{height:25%}.section-pad{padding:105px 6%}.section-kicker{display:flex;align-items:center;gap:10px;font-size:9px}.mini-cross{color:var(--accent);font-size:22px;font-weight:400}.intro{background:#e3e4da;border-top:1px solid var(--line)}.intro-main{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:42px}.intro h2,.work h2{font-family:var(--display);font-size:clamp(35px,4.2vw,60px);font-weight:500;line-height:1.2;letter-spacing:-2.7px;margin:0}.intro h2>span{color:#89907e}.intro-right>p{font-size:16px;line-height:1.75;margin-top:0;max-width:460px}.intro-right>p+p{font-size:13px;color:#7c8273;margin-top:22px}.brand-pair{display:flex;margin-top:35px;gap:30px}.brand-pair>a{font-size:14px;border-top:1px solid #bfc3b4;padding-top:15px;flex:1}.brand-pair span{float:right;color:var(--accent)}.brand-pair small{display:block;font-size:7px;letter-spacing:1.3px;margin-top:8px;color:#7d8474}.service-strip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:85px;padding-top:25px;border-top:1px solid #c6cabc;font-size:10px;letter-spacing:.5px}.service-strip span:before{content:'↗';color:var(--accent);margin-right:12px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.work h2{margin-top:22px}.text-link{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:10px}.text-link>span{margin-left:30px;color:var(--accent)}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:25px;margin-top:50px}.project:nth-child(2){margin-top:80px}.project:nth-child(3){margin-top:150px}.project-image{position:relative;overflow:hidden;background:#d5d2c5;aspect-ratio:4/5}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .6s;filter:saturate(.72)}.project:first-child img{object-position:center;transform:scale(1.05)}.project:nth-child(2) img{object-position:50% 80%}.project:hover img{transform:scale(1.09);filter:saturate(1)}.project-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0005)}.image-index{position:absolute;left:18px;bottom:22px;color:white;z-index:1;font-size:7px}.project-arrow{position:absolute;right:17px;top:17px;width:35px;height:35px;border-radius:50%;background:#f4f2e8e6;display:grid;place-items:center}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0}.project-caption h3{font-size:13px;font-weight:500;margin:0}.project-caption>span{font-size:6px;color:#838875;letter-spacing:.8px}.contact{background:#283327;color:#eeeee2;padding-bottom:35px}.contact .mini-cross{color:#d8ac7e}.contact .section-kicker{color:#aab29c}.contact-main{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin:40px 0 95px}.contact h2{font-family:var(--display);font-size:clamp(40px,5.6vw,82px);line-height:1.17;font-weight:400;letter-spacing:-3.7px;margin:0}.contact h2 em{color:#d2ae83}.contact-right p{font-size:15px;line-height:1.8;color:#c0c7b4}.contact-cta{display:flex;justify-content:space-between;border-bottom:1px solid #707d63;padding:20px 0;max-width:330px;margin:28px 0}.contact-cta span{font-size:23px;color:#d2ae83;transition:transform .3s}.contact-cta:hover span{transform:translate(3px,-3px)}.contact-location{font-size:7px;color:#9aa78b}.footer-line{border-top:1px solid #4d5a43;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-family:var(--display);font-size:36px;font-weight:700;letter-spacing:-2px}.footer-line>div{display:flex;gap:30px;font-size:10px;color:#b2bea2}.back-top{font-size:9px;color:#b2bea2}.canvas-fallback{position:absolute;left:38%;right:2%;top:20%;bottom:15%;text-align:center}.canvas-fallback svg{height:90%;width:100%}.canvas-fallback p{font-size:11px;color:#7c8273}.noscript{position:absolute;top:120px;left:6%;font-size:12px;max-width:300px}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1700px){.hero-copy{left:9%;top:25%}.stage-copy{left:9%}.scene-vignette{background:linear-gradient(90deg,var(--paper),#eeece5e0 24%,#eeece500 45%)}}
@media(max-width:1050px){.header{padding:0 5%;height:86px}.header nav{gap:20px;font-size:10px}.nav-cta{gap:20px}.brand>span{font-size:30px}.brand svg{width:29px}.brand small{font-size:6px}h1{font-size:64px;letter-spacing:-3.7px}.hero-copy{top:25%;left:5%}.hero-copy>p{font-size:13px}.stage-copy{left:5%;max-width:260px}.stage-copy p{max-width:220px}.chapter-nav button{padding:14px 15px}.model-note{right:4%;top:19%}.project-grid{gap:17px}.project-caption{align-items:start;flex-direction:column}.section-pad{padding:80px 5%}.intro-main{gap:7%}.contact h2{font-size:58px}.intro h2,.work h2{font-size:42px}}
@media(max-width:700px){.header{height:78px;padding:0 6%}.header nav{display:none}.brand>span{font-size:29px}.brand svg{width:27px}.brand small{font-size:5.5px}.nav-cta{font-size:10px;padding:10px 13px;gap:22px}.journey{height:470svh;min-height:2500px}.experience{min-height:630px}.hero-copy{top:16%;left:7%}h1{font-size:clamp(42px,10.5vw,62px);line-height:1.06;letter-spacing:-2.8px;margin:18px 0 17px}.hero-copy h1 br:first-child{display:none}.hero-copy>p{font-size:11px;line-height:1.6}.eyebrow{font-size:7px;letter-spacing:1.1px}.round-link{margin-top:17px;font-size:9px;gap:10px}.round-icon{width:29px;height:29px;font-size:14px}.scene-vignette{background:linear-gradient(180deg,var(--paper) 2%,#eeece5b0 27%,#eeece500 46%)}.model-note{top:auto;bottom:18%;left:7%;right:auto;font-size:6px;line-height:1.5;gap:7px}.model-note b{font-size:5px}.crosshair{font-size:22px}.model-coordinate{right:7%;bottom:18%;font-size:5px;max-width:120px;line-height:1.5}.model-coordinate span:first-child{font-size:7px}.experience-bottom{height:86px;left:6%;right:6%;flex-wrap:wrap;align-content:center;gap:10px}.chapter-label{display:none}.chapter-nav{flex:1;justify-content:space-between}.chapter-nav button{padding:10px 7px;font-size:9px;gap:5px}.chapter-nav button span{font-size:6px}.motion-toggle{padding:0;font-size:0}.motion-toggle>span:first-child{font-size:9px;width:24px;height:24px}.phase-measure{display:none}.stage-copy{top:17%;left:7%;max-width:85%}.stage-copy h2{font-size:38px;letter-spacing:-1.8px;line-height:1.07;margin:16px 0}.stage-copy h2 br{display:none}.stage-copy p{font-size:11px;max-width:285px;line-height:1.7}.section-pad{padding:65px 7%}.intro-main{grid-template-columns:1fr;gap:30px;margin-top:25px}.intro h2,.work h2{font-size:34px;letter-spacing:-1.8px}.intro-right>p{font-size:15px}.intro-right>p+p{font-size:12px}.brand-pair>a{font-size:12px}.service-strip{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:8px}.service-strip span:before{margin-right:5px}.work-heading{display:block}.text-link{display:inline-block;margin-top:25px}.project-grid{grid-template-columns:1fr 1fr;gap:28px 15px;margin-top:30px}.project-large{grid-column:1/-1}.project:first-child .project-image{aspect-ratio:1.3}.project:nth-child(2),.project:nth-child(3){margin-top:0}.project:nth-child(2) .project-image,.project:nth-child(3) .project-image{aspect-ratio:.8}.image-index{font-size:5px;left:12px;bottom:16px;letter-spacing:.7px}.project-arrow{width:27px;height:27px;top:10px;right:10px;font-size:13px}.project-caption h3{font-size:12px}.project-caption>span{font-size:5.5px}.contact-main{grid-template-columns:1fr;gap:30px;margin-bottom:55px}.contact h2{font-size:45px;letter-spacing:-2px}.contact-right p{font-size:13px}.contact-cta{font-size:14px}.footer-line{flex-wrap:wrap;gap:25px}.footer-brand{font-size:30px}.footer-line>div{font-size:8px;gap:15px}.back-top{width:100%;font-size:8px}.canvas-fallback{left:5%;right:5%;top:40%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.reveal{opacity:1;transform:none}}