:root{--green:#2e4a30;--green-bright:#3d6340;--paper:#f4f2ec;--ink:#1d1d1a;--concrete:#b9b5ac;--font:"Inter", "Helvetica Neue", Helvetica, -apple-system, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}#loader{z-index:50;color:var(--paper);background:#10141c;justify-content:center;align-items:center;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-kicker{letter-spacing:.35em;text-transform:uppercase;opacity:.7;font-size:.8rem}.loader-title{letter-spacing:.04em;margin:.2em 0 1.2em;font-size:clamp(2.5rem,8vw,5rem);font-weight:200}.loader-bar{background:#f4f2ec33;width:min(280px,60vw);height:1px;margin:0 auto}.loader-bar-fill{background:var(--paper);width:0%;height:100%;transition:width .3s}.loader-note{letter-spacing:.28em;text-transform:uppercase;opacity:.5;margin-top:1.4em;font-size:.72rem}#gl{z-index:0;width:100%;height:100%;transition:opacity .5s;position:fixed;inset:0}#gl.hidden{opacity:0}#fallback{z-index:0;position:fixed;inset:0}#fallback img{object-fit:cover;width:100%;height:100%}#content{z-index:1;position:relative}.scene{height:175vh;position:relative}.scene:first-of-type{height:150vh}.scene-copy{opacity:0;will-change:opacity, transform;flex-direction:column;justify-content:center;max-width:640px;height:100vh;padding:0 clamp(1.5rem,7vw,7rem);display:flex;position:sticky;top:0;transform:translateY(24px)}.scene-copy .kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--green-bright);margin-bottom:1.1em;font-size:.75rem}.scene-copy h2{letter-spacing:-.01em;margin-bottom:.6em;font-size:clamp(1.8rem,4vw,3rem);font-weight:300}.scene-copy p{max-width:44ch;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.65}#scene-street .scene-copy,#scene-courtyard .scene-copy,#scene-aerial .scene-copy{color:var(--ink);align-items:flex-start}#scene-street .scene-copy>*,#scene-courtyard .scene-copy>*,#scene-aerial .scene-copy>*{-webkit-backdrop-filter:blur(10px);background:#f4f2ecd1;padding:.5rem 1.4rem}#scene-street .scene-copy .kicker,#scene-courtyard .scene-copy .kicker,#scene-aerial .scene-copy .kicker{border-left:2px solid var(--green);margin-bottom:0;padding-top:1.2rem}#scene-street .scene-copy h2,#scene-courtyard .scene-copy h2,#scene-aerial .scene-copy h2{border-left:2px solid var(--green);margin-bottom:0;padding-top:.6rem}#scene-street .scene-copy p,#scene-courtyard .scene-copy p,#scene-aerial .scene-copy p{border-left:2px solid var(--green);padding-top:.8rem;padding-bottom:1.3rem}.hero-copy{color:var(--paper);max-width:900px}.hero-copy .kicker{color:#f4f2ecbf}.hero-title{letter-spacing:-.015em;text-shadow:0 2px 30px #080c1473;font-size:clamp(2.6rem,8vw,6.2rem);font-weight:200;line-height:1.02}.hero-sub{color:#f4f2ece6;text-shadow:0 1px 14px #080c148c;max-width:46ch;margin-top:1.4em;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6}.scroll-hint{letter-spacing:.32em;text-transform:uppercase;color:#f4f2ecb3;align-items:center;gap:1em;margin-top:3.2em;font-size:.72rem;display:flex}.scroll-line{transform-origin:top;background:linear-gradient(#f4f2ece6,#0000);width:1px;height:44px;animation:1.8s ease-in-out infinite drop}@keyframes drop{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}#post-journey{z-index:2;background:var(--paper);position:relative;box-shadow:0 -40px 80px #1d1d1a2e}.panel{max-width:1200px;margin:0 auto;padding:clamp(4rem,10vw,8rem) clamp(1.5rem,7vw,7rem)}.panel-head{max-width:640px;margin-bottom:3rem}.panel-head .kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--green-bright);margin-bottom:1em;font-size:.75rem}.panel-head h2{letter-spacing:-.01em;margin-bottom:.5em;font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:300}.panel-lead{color:#4a4a44;font-size:1.05rem;line-height:1.65}.compare{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;background:#dcd9d0;position:relative;overflow:hidden}.compare img{pointer-events:none;width:100%;height:auto;display:block}.compare-over{will-change:width;width:50%;position:absolute;inset:0;overflow:hidden}.compare-over img{object-fit:cover;object-position:left center;width:100%;height:100%}.compare-handle{background:var(--paper);will-change:left;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px #1d1d1a80}.compare-grip{background:var(--paper);border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #1d1d1a59}.compare-grip:before,.compare-grip:after{content:"";border:5px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.compare-grip:before{border-right-color:var(--ink);left:6px}.compare-grip:after{border-left-color:var(--ink);right:6px}.compare:before,.compare:after{z-index:2;letter-spacing:.24em;text-transform:uppercase;color:var(--paper);pointer-events:none;background:#1d1d1a8c;padding:.35em .9em;font-size:.66rem;position:absolute;top:.8rem}.compare:before{content:attr(data-label-a);left:.8rem}.compare:after{content:attr(data-label-b);right:.8rem}#compare-drawing .compare-over{background:#f8f7f2}#compare-drawing .compare-over img{object-fit:contain;background:#f8f7f2}.sketch-strip{margin-top:3rem}.sketch-strip img{width:100%;display:block}figcaption{letter-spacing:.06em;color:#6d6d66;margin-top:.8em;font-size:.8rem}.clay-grid{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:1.4rem;display:grid}.materials-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.swatch-chip{border:1px solid #1d1d1a1f;height:110px;margin-bottom:1rem}.swatch h3{margin-bottom:.3em;font-size:1rem;font-weight:500}.swatch p{color:#5b5b54;font-size:.88rem;line-height:1.5}.materials-board img{width:100%;display:block}.interiors-grid{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:1.4rem;display:grid}.interiors-grid img{width:100%;display:block}#footer{background:var(--green);color:var(--paper);max-width:none}.footer-inner{text-align:center;max-width:1200px;margin:0 auto;padding:clamp(2rem,6vw,4rem) 0}.footer-inner h2{margin-bottom:.8em;font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:300}.footer-inner p{color:#f4f2ecd9;max-width:56ch;margin:0 auto 2em;line-height:1.65}.btn{color:var(--paper);letter-spacing:.26em;text-transform:uppercase;border:1px solid #f4f2ec99;padding:.95em 2.4em;font-size:.8rem;text-decoration:none;transition:background .3s,color .3s;display:inline-block}.btn:hover{background:var(--paper);color:var(--green)}.footer-fine{letter-spacing:.08em;color:#f4f2ec8c;margin-top:3em;font-size:.72rem}body.no-webgl #gl{display:none}body.no-webgl .scene-copy{opacity:1!important;transform:none!important}body.no-webgl .scene{height:100vh}@media (prefers-reduced-motion:reduce){.scroll-line{animation:none}#loader{transition:none}}