:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}:focus-visible{outline:3px solid var(--focus,#ffca66)}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.concept-banner{z-index:20;text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0b0d12;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .45rem;padding:.55rem 1rem;font-size:.78rem;display:flex;position:relative}.concept-banner a{color:inherit;white-space:nowrap;font-weight:800}.demo-status{min-height:1.5em;font-weight:750}dialog{background:0 0;border:0;max-width:min(92vw,650px);padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080cb8}.page-progress{--page-progress:0%;z-index:1000;width:var(--page-progress);pointer-events:none;background:var(--focus,#ffca66);height:3px;box-shadow:0 0 14px color-mix(in srgb, var(--focus,#ffca66) 65%, transparent);transition:width .12s linear;position:fixed;top:0;left:0}.experience-ready .hero nav{animation:.7s cubic-bezier(.2,.7,.2,1) both portfolio-enter}.experience-ready .hero-copy,.experience-ready .hero-content,.experience-ready .hero>section{animation:.85s cubic-bezier(.2,.7,.2,1) 80ms both portfolio-enter}.experience-ready .hero aside,.experience-ready .hero form{animation:.85s cubic-bezier(.2,.7,.2,1) .18s both portfolio-enter}.reveal-pending{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal-pending.reveal-visible{opacity:1;transform:none}[data-motion-panel]{transition:opacity .32s,transform .38s cubic-bezier(.2,.7,.2,1),border-color .24s,box-shadow .24s}[data-motion-panel].is-updating{opacity:.45;transform:translateY(6px)}[data-motion-media]{overflow:hidden}[data-motion-media] img{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s,opacity .35s}@media (hover:hover) and (pointer:fine){[data-motion-media]:hover img{transform:scale(1.025)}}button,a,summary{-webkit-tap-highlight-color:transparent}button{transition:transform .18s,filter .18s,background-color .18s,border-color .18s}button:not(:disabled):active{transform:translateY(1px)scale(.985)}nav a[aria-current=location]{text-underline-offset:.38em;text-decoration-thickness:2px}@keyframes portfolio-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=520px){.concept-banner{padding:.5rem .65rem;font-size:.64rem;line-height:1.35}}:root{--paper:#eee9dc;--ink:#11120f;--blue:#123cff;--orange:#ee5c20;--grid:#20303a19;--focus:#123cff;color:var(--ink);background:var(--paper)}body{background-color:var(--paper);color:var(--ink);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:68px 68px}a{color:inherit}.field-layout{grid-template-columns:150px 1fr;display:grid}.rail{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#f0ecdfd9;border-right:1px solid #1115;flex-direction:column;height:100vh;padding:1.4rem;display:flex;position:sticky;top:0}.field-logo{font-size:1.4rem;font-weight:950;line-height:.85;text-decoration:none}.rail>p,.rail>span{text-transform:uppercase;letter-spacing:.13em;font:700 .62rem/1.5 ui-monospace,monospace}.rail>p{margin:2rem 0}.rail nav{gap:.3rem;margin-top:auto;margin-bottom:auto;display:grid}.rail nav a{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #0000;padding:.65rem 0;font-size:.72rem;text-decoration:none}.rail nav a.is-current:before{content:"";background:var(--orange);border-radius:50%;width:.45rem;height:.45rem;margin-right:.55rem;display:inline-block}.field-content{min-width:0}.field-hero{grid-template-rows:auto 1fr;grid-template-columns:.75fr 1.25fr;min-height:calc(100svh - 35px);padding:1.5rem clamp(1rem,3vw,3rem);display:grid;position:relative;overflow:hidden}.coordinates{color:var(--blue);letter-spacing:.08em;grid-column:1/-1;font:800 .73rem ui-monospace,monospace}.hero-title{z-index:2;align-self:center}.hero-title>p,.section-code{text-transform:uppercase;letter-spacing:.15em;font:800 .67rem ui-monospace,monospace}.hero-title h1{letter-spacing:-.08em;text-transform:uppercase;margin:1rem 0 1.5rem;font-size:clamp(5rem,10vw,10.5rem);line-height:.74}.hero-actions{flex-wrap:wrap;gap:.7rem;display:flex}.blue-button,.paper-button{border:1px solid var(--ink);cursor:pointer;padding:1rem 1.2rem;font-weight:850;text-decoration:none;display:inline-block}.blue-button{background:var(--blue);border-color:var(--blue);color:#fff}.paper-button{background:#f4f0e5}.hero-building{z-index:0;width:65%;height:68%;margin:0;position:absolute;top:3%;right:0}.hero-building:after{content:"";background:linear-gradient(90deg,var(--paper) 0%,transparent 35%);position:absolute;inset:0}.hero-building picture,.hero-building img{object-fit:cover;width:100%;height:100%}.hero-building figcaption{z-index:2;text-transform:uppercase;letter-spacing:.12em;font:700 .6rem ui-monospace,monospace;position:absolute;bottom:-1.3rem;right:1rem}.blue-note{color:var(--blue);font:italic 1.2rem Georgia,serif;position:absolute;bottom:7%;right:4vw;transform:rotate(-4deg)}.field-projects,.comparison,.materials,.estimate{padding:clamp(5rem,9vw,8rem) clamp(1rem,4vw,4rem)}.field-projects{border-top:1px solid #1115}.field-projects>header{justify-content:space-between;align-items:end;gap:2rem;display:flex}.field-projects h2,.comparison h2,.materials h2,.estimate h2{letter-spacing:-.06em;margin:.5rem 0;font-size:clamp(3rem,6vw,6.5rem);line-height:.88}.section-code{color:var(--blue)}.field-filters{flex-wrap:wrap;gap:.35rem;display:flex}.field-filters button{cursor:pointer;background:#f3efe3;border:1px solid #111;padding:.65rem .8rem}.field-filters button[aria-selected=true]{color:#fff;background:#111}.field-cards{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem;display:grid}.field-cards article{background:#eee9dcd9;border:1px solid #1117;padding:.8rem;box-shadow:4px 4px #111}.field-cards picture{aspect-ratio:4/3;display:block;overflow:hidden}.field-cards img{object-fit:cover;filter:saturate(.75);width:100%;height:100%}.field-cards small{color:var(--orange);text-transform:uppercase;margin-top:1rem;font-weight:900;display:block}.field-cards h3{text-transform:uppercase;margin:.35rem 0;font-size:1.55rem}.field-cards p{text-transform:uppercase;font:700 .7rem ui-monospace,monospace}.comparison{background:#d8d2c5;border-block:1px solid #1116;grid-template-columns:.75fr 1.25fr;gap:3rem;display:grid}.comparison-copy>p:not(.section-code){max-width:500px;line-height:1.7}.comparison-copy ul{text-transform:uppercase;padding:0;font:700 .72rem ui-monospace,monospace;list-style:none}.comparison-copy li{border-top:1px solid #1115;padding:.8rem 0}.before-after{background:#222;min-height:500px;position:relative;overflow:hidden}.before-after picture,.before-after img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.before-image img{filter:grayscale()contrast(1.2)brightness(.72)}.after-image{clip-path:inset(0 44% 0 0)}.before-label,.after-label{z-index:3;text-transform:uppercase;background:#f4f0e5;padding:.4rem .6rem;font:800 .65rem ui-monospace,monospace;position:absolute;top:1rem}.before-label{left:1rem}.after-label{background:var(--blue);color:#fff;right:1rem}.before-after label{z-index:4;position:absolute;inset:auto 1rem 1rem}.before-after input{width:100%;accent-color:var(--orange)}.materials{grid-template-columns:.7fr 1.3fr;gap:3rem;display:grid}.material-list article{border-top:1px solid #1116;grid-template-columns:1fr .5fr 1.4fr;gap:1rem;padding:1.2rem 0;display:grid}.material-list span{color:var(--blue);font:800 .72rem ui-monospace,monospace}.material-list p{color:#4b4d48;margin:0}.estimate{color:#f0ece1;background:#161714;grid-template-columns:1fr 1fr;gap:4rem;display:grid}.estimate .section-code{color:#9cb0ff}.estimate>div>p:last-child{color:#babbb5;max-width:520px;line-height:1.7}.estimate form{background:#20211e;border:1px solid #ffffff39;align-self:start;padding:1.5rem}.estimate label{gap:.6rem;margin-bottom:1.2rem;font-weight:800;display:grid}.estimate select{color:#111;background:#f0ece1;border:0;padding:.8rem}.estimate input{accent-color:#6d84ff}.estimate-result{border-block:1px solid #ffffff34;gap:.5rem;margin:1.5rem 0;padding:1.2rem 0;display:grid}.estimate-result span{text-transform:uppercase;letter-spacing:.1em;color:#aaa;font-size:.72rem}.estimate-result strong{font-size:1.8rem}.estimate .blue-button{border:0}footer{color:#d0ccc0;background:#10110f;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,4vw,4rem);font-size:.75rem;display:flex}@media (width<=900px){.field-layout{grid-template-columns:1fr}.rail{flex-direction:row;align-items:center;gap:1rem;height:auto;padding:1rem;display:flex;position:relative}.rail>p,.rail>span{display:none}.rail nav{margin:0 0 0 auto;display:flex}.rail nav a{padding:.5rem}.field-hero{grid-template-columns:1fr;min-height:900px}.hero-building{width:100%;height:50%;top:auto;bottom:0}.hero-title{align-self:start;margin-top:4rem}.hero-building:after{background:linear-gradient(180deg,var(--paper) 0%,transparent 35%)}.field-projects>header{display:block}.field-filters{margin-top:1.5rem}.comparison,.materials,.estimate{grid-template-columns:1fr}.before-after{min-height:420px}}@media (width<=620px){.rail nav a:nth-child(3),.rail nav a:nth-child(4){display:none}.hero-title h1{font-size:4.5rem}.field-hero{min-height:760px}.field-cards{grid-template-columns:1fr}.comparison{padding-inline:1rem}.before-after{min-height:300px}.material-list article{grid-template-columns:1fr .5fr}.material-list p{grid-column:1/-1}.field-projects h2,.comparison h2,.materials h2,.estimate h2{font-size:3.6rem}}.hero-building:before{content:"";z-index:3;clip-path:inset(0 100% 0 0);pointer-events:none;border:1px solid #2345c780;position:absolute;inset:7% 5% 9% 13%;box-shadow:inset 0 0 0 1px #f4f0e559}.experience-ready .hero-building:before{animation:1.1s cubic-bezier(.2,.7,.2,1) .35s forwards blueprint-draw}.field-cards article,.field-filters button{transition:transform .3s,box-shadow .3s,background-color .25s}.after-image{transition:clip-path .12s linear}.estimate-result{transition:opacity .28s,transform .32s,border-color .28s}@media (hover:hover) and (pointer:fine){.field-cards article:hover{transform:translate(-2px,-3px);box-shadow:7px 8px #111}.field-filters button:hover{transform:translateY(-2px)}}@keyframes blueprint-draw{to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.hero-building:before{clip-path:inset(0);animation:none}.field-cards article,.field-filters button,.after-image,.estimate-result{transition:none;transform:none}}