@import url('assets/fonts.css');
:root{--paper:#f7f6f2;--ink:#23221f;--muted:#8a877f;--line:#dedbd3;--brown:#80705f;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);font-family:Manrope,Outfit,Arial,sans-serif;color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a58b70;outline-offset:5px}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-2px;line-height:1.17}em{font-style:normal;color:var(--muted)}svg{flex-shrink:0}button svg,a svg{width:17px;height:17px}.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.7;font-weight:500}.demo-bar{height:27px;background:#25221e;color:#b5aea4;padding:0 4%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.5px}.demo-bar a{display:flex;gap:14px;align-items:center}.demo-bar svg{width:12px;height:12px}header{height:95px;position:absolute;top:27px;left:0;right:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5%;color:#f6f2e9;background:linear-gradient(#15131055,transparent)}.logo{display:flex;flex-direction:column;align-items:center;font-family:Outfit,Manrope,sans-serif;font-size:39px;letter-spacing:-1.5px;line-height:1;font-weight:500}.logo span{font-family:Manrope,Arial,sans-serif;font-size:6px;letter-spacing:2.4px;font-weight:400;margin-top:8px}.nav-left,.nav-right{display:flex;align-items:center;gap:29px;font-size:10px}.nav-right{justify-content:flex-end}.nav-left a:hover,.nav-right a:hover{color:#c6b39d}.header-cta{display:flex;align-items:center;gap:28px;border:1px solid #ffffff55;border-radius:999px;padding:13px 18px;font-size:10px}.mobile-menu{display:none}.hero{height:calc(100svh - 27px);min-height:700px;max-height:1100px;position:relative;background:#29241e;color:#fff;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;object-position:center 55%;animation:hero-image 1.1s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#17130f63 0%,transparent 70%),linear-gradient(0deg,#110f0dc4 0%,transparent 72%)}.hero-copy{position:absolute;left:6%;bottom:130px;animation:enter .7s ease-out both}.hero-copy .eyebrow{color:#dfd5c6;font-size:8px;letter-spacing:2px}h1{font-size:clamp(55px,6.2vw,94px);font-weight:400;letter-spacing:-4px;margin:22px 0 24px;line-height:1.08}.hero-copy>p{font-size:12px;color:#d2c9be;line-height:1.9}.hero-cta{display:flex;align-items:center;gap:48px;width:max-content;border-bottom:1px solid #ffffff85;padding:15px 0 13px;margin-top:25px;font-size:11px}.hero-cta:hover{color:#d1b99c}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff38;padding-top:20px;color:#b9afa0;font-size:7px;letter-spacing:1.3px}.hero-bottom>a{display:grid;place-items:center;border:1px solid #ffffff44;border-radius:50%;width:34px;height:34px;color:#fff}.hero-bottom>a svg{width:15px;height:15px}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.section-top .eyebrow{margin-bottom:23px;color:#777166}h2{font-size:clamp(34px,3.6vw,56px)}.section-description{font-size:11px;line-height:1.95;color:#827e76;padding-bottom:5px}.filter-row{display:flex;align-items:center;gap:25px;margin-bottom:26px}.filter{border:0;background:none;padding:8px 0;font-size:11px;color:#a09b92;position:relative}.filter.active{color:var(--ink)}.filter.active:after{content:'';position:absolute;height:1px;background:var(--ink);bottom:0;left:0;right:0}.filter sup{font-family:Outfit,sans-serif;font-size:8px;margin-left:6px}.filter-row>span{margin-left:auto;font-size:8px;color:#a09b92}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.project-card{padding:0;text-align:left;border:0;background:none;width:100%;display:block}.project-image{height:390px;position:relative;overflow:hidden;background:#e7e4df;border-radius:3px}.project-image img{transition:transform .7s;filter:saturate(.75)}.project-card:hover .project-image img{transform:scale(1.035)}.project-arrow{position:absolute;right:18px;bottom:18px;border-radius:50%;background:var(--paper);width:37px;height:37px;display:grid;place-items:center}.project-arrow svg{width:16px;height:16px}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-top:17px}.project-meta h3{font-size:13px;font-weight:500;letter-spacing:.2px}.project-meta p{font-size:9px;color:#969087;margin-top:6px}.project-meta>span{font-size:9px;color:#969087;padding-top:3px}.materials{padding-top:10px;padding-bottom:90px}.materials .section-top{margin-bottom:32px}.materials h2{font-size:38px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.swatch{border:0;background:none;padding:0;text-align:left;min-width:0}.sample{height:220px;display:block;border-radius:4px;box-shadow:0 7px 15px #221c1010;transition:transform .3s;position:relative;border:1px solid #00000008}.swatch:hover .sample{transform:translateY(-5px)}.swatch.active .sample:after{content:'';position:absolute;inset:9px;border:1px solid #ffffff9c;border-radius:2px}.sample-oak{background:repeating-linear-gradient(89deg,#8f7255 0,#9a7b59 2px,#a98a64 4px,#9c7a52 7px,#876a4b 9px,#967853 12px,#ac8a65 16px,#987b59 19px);filter:saturate(.65)}.sample-cream{background:radial-gradient(ellipse at 20% 15%,#e1d7c8,transparent 70%),linear-gradient(125deg,#c7b8a4,#d1c4b2 75%,#bfb09b)}.sample-olive{background:repeating-linear-gradient(2deg,#62614e03 0,#74745e10 2px,#56574608 4px),radial-gradient(at 30% 20%,#797b64,#575846)}.sample-graphite{background:radial-gradient(ellipse at 30% 30%,#4c4a44,#2b2a26)}.sample-label{display:block;padding-top:14px;font-size:9px;letter-spacing:.2px;color:#837b70}.swatch.active .sample-label{color:var(--ink)}.material-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-top:30px}.material-info{max-width:560px;min-height:65px}.material-info h3{font-size:12px;font-weight:500;margin-bottom:8px}.material-info p{font-size:10px;color:#8a8278;line-height:1.9}.button{border:0;background:var(--ink);color:#fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 21px;font-size:10px;min-height:45px;transition:background .2s}.button:hover{background:#655441}.button span{display:flex}.button svg{width:15px;height:15px}.spotlight{display:grid;grid-template-columns:55% 45%;background:#1b1a17;color:#e8e3da;min-height:660px}.spotlight-visual{position:relative;overflow:hidden}.spotlight-visual img{position:absolute;inset:0;object-position:67% 50%}.vertical-brand{position:absolute;left:24px;bottom:30px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Outfit,Manrope,sans-serif;font-size:20px;letter-spacing:6px;color:#f6efdf}.spotlight-copy{padding:80px 15% 70px 13%;align-self:center}.spotlight .eyebrow{color:#938a7c;font-size:8px}.spotlight h2{font-size:48px;margin:25px 0 23px;line-height:1.17;letter-spacing:-2.2px}.spotlight-copy>p{font-size:11px;line-height:2;color:#9f978a;max-width:330px}.spotlight dl{margin:33px 0 27px;display:block}.spotlight dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1b;padding:14px 0}.spotlight dt{font-size:7px;letter-spacing:1px;color:#81796c}.spotlight dd{font-size:9px;margin:0;text-align:right;color:#c0b7a7}.spotlight-link{display:flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-bottom:1px solid #a59b8866;background:none;padding:10px 0 13px;color:#e4ddce;font-size:10px;width:100%}.concept-note{display:block;font-size:7px;color:#736d63;margin-top:19px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:21px}.steps article>span{font-family:Outfit,sans-serif;font-size:11px;color:#958877}.steps h3{font-size:16px;font-weight:400;letter-spacing:-.3px;margin:29px 0 15px}.steps p{font-size:10px;color:#8a8378;line-height:1.95;max-width:240px}.estimate{max-width:none;background:#e8e4dc;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-inline:9%;align-items:center}.estimate-intro .eyebrow{color:#8d8375;margin-bottom:26px}.estimate-intro h2{font-size:53px;line-height:1.2;letter-spacing:-2.5px}.estimate-intro h2 em{color:#9a8e7e}.estimate-intro>p{color:#8c8275;font-size:11px;line-height:1.95;margin-top:25px;max-width:380px}.estimate-note{display:flex;align-items:flex-start;gap:17px;margin-top:45px;color:#8c8275}.estimate-note>span{display:flex;padding-top:3px}.estimate-note p{font-size:9px;line-height:1.9}.form-shell{background:#f8f6f1;padding:33px;border:1px solid #ddd6cb;border-radius:4px;min-height:470px}.form-progress{display:flex;justify-content:space-between;font-size:9px;color:#9a9082;margin-bottom:15px}.progress-track{height:1px;background:var(--line);margin-bottom:29px}.progress-track>div{height:1px;width:33.33%;background:#83705a;transition:width .3s}form h3{font-size:17px;font-weight:400;letter-spacing:-.5px;margin-bottom:24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.choice-grid input{position:absolute;opacity:0}.choice-grid label>span{border:1px solid var(--line);padding:19px 15px;display:flex;flex-direction:column;cursor:pointer;min-height:133px;border-radius:3px}.choice-grid input:checked+span{border-color:#96836b;background:#ede8dd}.choice-grid input:focus-visible+span{outline:2px solid #96836b;outline-offset:3px}.choice-grid label>span>svg{height:26px;width:26px;color:#88765e}.choice-grid b{font-size:11px;font-weight:500;margin-top:13px}.choice-grid small{font-size:8px;color:#918676;margin-top:6px;line-height:1.6}.field{display:block;font-size:10px;margin-bottom:17px;color:#706658}.field input,.field select,.field textarea{display:block;width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #d8d0c4;border-radius:0;padding:12px 0;outline-offset:3px;font-size:12px}.field small{font-size:8px;line-height:1.8;color:#a0927f;margin-top:10px;display:block}.dimension-fields{display:flex;align-items:center;gap:16px}.dimension-fields input{width:calc(50% - 13px)}.dimension-fields span{color:#a0927f}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.form-actions #next{margin-left:auto}.form-actions #back{display:flex;align-items:center;gap:9px;border:0;background:none;padding:12px 0;font-size:10px}.form-actions #back svg{width:15px;height:15px}.form-disclaimer{font-size:9px!important;line-height:1.8!important;color:#a0927f;margin-top:17px}.upload{position:relative;display:flex;flex-direction:column;align-items:center;border:1px dashed #bcad98;padding:18px;cursor:pointer;text-align:center}.upload>span{display:flex;color:#968269}.upload b{font-size:10px;font-weight:400;margin:9px 0 5px}.upload small{font-size:8px;color:#a0927f}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:2px solid #968269}.error{font-size:10px;line-height:1.8;color:#9c4231}#file-list{font-size:9px;color:#8e8170;overflow-wrap:anywhere;margin-top:8px;line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:12%;padding-block:80px}.faq .eyebrow{color:#8b8071;margin-bottom:24px}.faq h2{font-size:42px}.faq details{border-bottom:1px solid var(--line)}summary{padding:24px 0;cursor:pointer;font-size:11px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary svg{width:15px;height:15px;color:#91816d;transition:transform .2s}details[open] summary svg{transform:rotate(180deg)}details p{font-size:10px;line-height:1.95;color:#948879;padding-bottom:22px;padding-right:25px}footer{background:#1c1b18;color:#b8ad9a;padding:50px 7% 22px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top .logo{color:#eee7d9}.footer-top>div{font-size:10px;line-height:2}.footer-top small{font-size:8px;color:#776f61}.footer-top>a:last-child{display:flex;align-items:center;gap:40px;border-bottom:1px solid #7f746244;padding-bottom:12px;font-size:10px;color:#ded4c1}.footer-wordmark{font-family:Outfit,Manrope,sans-serif;font-size:30vw;letter-spacing:-.06em;line-height:.9;font-weight:400;color:#38342b;margin:55px -1% 40px;user-select:none;text-align:center}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;color:#776f61;letter-spacing:.3px;border-top:1px solid #7f74622a;padding-top:20px}.footer-bottom a{display:flex;align-items:center;gap:15px}.footer-bottom a svg{transform:rotate(180deg);height:13px;width:13px}dialog{padding:0;border:0;max-width:850px;width:calc(100% - 32px);max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink);border-radius:4px}dialog::backdrop{background:#16110ddd;backdrop-filter:blur(7px)}.close{position:absolute;top:15px;right:15px;width:35px;height:35px;display:grid;place-items:center;background:#f7f5ed;border:0;border-radius:50%;z-index:2}.close svg{width:17px;height:17px}#project-dialog>img{height:380px}.dialog-content{padding:34px}.dialog-content .eyebrow{color:#998974;margin-bottom:17px}.dialog-content h2{font-size:36px}.dialog-content>p{font-size:11px;line-height:1.95;color:#948674;margin-top:17px}.dialog-content dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;margin-block:25px}.dialog-content dt{color:#9b8c77}.dialog-content dd{margin:0}.dialog-content .button{margin-top:18px}#result-dialog{max-width:570px}#result-dialog .dialog-content{padding:44px 30px}pre{font:11px/1.95 Manrope,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;background:#eae5da;border-radius:3px;margin:25px 0}.result-dot{width:6px;height:6px;background:#968168;display:inline-block;border-radius:50%;margin-left:14px;vertical-align:middle}[hidden]{display:none!important}.reveal{opacity:1}.reveal.is-visible{animation:enter .6s ease-out both}@keyframes enter{from{opacity:.1;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hero-image{from{transform:scale(1.03)}to{transform:scale(1)}}
@media(min-width:1700px){.hero-copy{left:9%}.section{padding-inline:8%}.project-image{height:440px}.footer-wordmark{font-size:450px}}
@media(max-width:1050px){header{padding-inline:5%}.nav-left,.nav-right{gap:20px}.hero{min-height:650px}.hero-copy{bottom:120px}h1{font-size:73px}.section{padding:80px 6%}.project-image{height:320px}.materials{padding-top:5px}.sample{height:180px}.materials h2{font-size:34px}.spotlight{min-height:560px}.spotlight-copy{padding:55px 11%}.spotlight h2{font-size:38px}.spotlight-copy>p{font-size:10px}.steps{gap:20px}.steps h3{font-size:14px}.estimate{padding-inline:6%;gap:7%}.estimate-intro h2{font-size:42px}.form-shell{padding:26px}.faq{gap:9%}}
@media(max-width:700px){.demo-bar{height:27px;padding-inline:5%;font-size:6px;letter-spacing:.1px}.demo-bar a{gap:7px}.demo-bar svg{width:10px;height:10px}header{height:85px;display:flex;justify-content:space-between;padding-inline:7%;top:27px}.logo{font-size:35px}.logo span{font-size:5px;letter-spacing:1.8px}.nav-left,.nav-right{display:none}.mobile-menu{display:block;position:static}.mobile-menu summary{padding:8px;border:1px solid #ffffff44;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.mobile-menu summary svg{color:#e9dfcd;width:18px;height:18px}.mobile-menu>div{position:absolute;top:76px;left:5%;right:5%;background:#211d18f5;border:1px solid #ffffff20;padding:20px;display:flex;flex-direction:column;gap:0;backdrop-filter:blur(15px)}.mobile-menu a{padding:14px 6px;border-bottom:1px solid #ffffff12;font-size:12px}.mobile-menu a:last-child{border:0}.hero{height:calc(92svh - 27px);min-height:630px;max-height:850px}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(0deg,#130f0be0 0%,#15110c14 80%),linear-gradient(90deg,#17130f32,transparent)}.hero-copy{left:7%;right:5%;bottom:115px}h1{font-size:48px;letter-spacing:-2.5px;line-height:1.13;margin-top:18px;margin-bottom:20px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.6px}.hero-copy>p{font-size:10px;line-height:1.95}.hero-cta{font-size:10px;gap:35px;margin-top:20px;padding-block:12px}.hero-bottom{left:7%;right:7%;bottom:21px;padding-top:15px;gap:15px;font-size:5px;letter-spacing:.6px}.hero-bottom>span{max-width:110px;line-height:1.7}.hero-bottom>span:last-child{text-align:right}.hero-bottom>a{width:29px;height:29px;flex-shrink:0}.section{padding:64px 7%}.section-top{display:block;margin-bottom:28px}.section-top .eyebrow{margin-bottom:19px;font-size:8px}h2{font-size:32px;letter-spacing:-1.6px}.section-description{font-size:10px;margin-top:21px;line-height:1.9}.filter-row{gap:22px;flex-wrap:wrap;margin-bottom:21px}.filter{font-size:10px}.filter-row>span{flex-basis:100%;margin:0;font-size:7px;margin-top:-5px}.project-grid{grid-template-columns:1fr;gap:29px}.project-image{height:300px}.project-meta h3{font-size:12px}.project-meta p{font-size:8px}.project-meta>span{font-size:8px}.project-arrow{width:34px;height:34px;right:14px;bottom:14px}.materials{padding-top:5px;padding-bottom:55px}.materials h2{font-size:30px}.swatches{grid-template-columns:repeat(2,1fr);gap:22px 14px}.sample{height:167px}.sample-label{font-size:8px;padding-top:11px}.material-bottom{display:block;margin-top:24px}.material-info{min-height:90px}.material-info h3{font-size:11px}.material-info p{font-size:9px}.material-bottom .button{margin-top:5px}.button{font-size:10px;padding:14px 19px;gap:25px;min-height:44px}.spotlight{grid-template-columns:1fr}.spotlight-visual{height:400px}.spotlight-visual img{object-position:65% center}.vertical-brand{font-size:17px;left:16px;bottom:23px}.spotlight-copy{padding:40px 8% 45px}.spotlight h2{font-size:39px;margin-top:21px}.spotlight-copy>p{font-size:10px}.spotlight dl{margin-block:25px}.spotlight dt{font-size:7px}.spotlight dd{font-size:9px}.spotlight-link{font-size:10px}.steps{grid-template-columns:1fr 1fr;gap:30px 21px}.steps article{padding-top:17px}.steps article>span{font-size:10px}.steps h3{font-size:13px;margin:21px 0 12px}.steps p{font-size:9px;line-height:1.95}.estimate{grid-template-columns:1fr;gap:30px;padding:50px 7%}.estimate-intro h2{font-size:38px;letter-spacing:-2px}.estimate-intro .eyebrow{font-size:8px;margin-bottom:21px}.estimate-intro>p{font-size:10px;margin-top:20px}.estimate-note{gap:12px;margin-top:24px}.estimate-note p{font-size:8px}.form-shell{padding:25px 20px;min-height:460px}.form-shell h3{font-size:16px}.form-progress{font-size:8px}.choice-grid{gap:10px}.choice-grid label>span{padding:17px 12px;min-height:131px}.choice-grid b{font-size:11px}.choice-grid small{font-size:8px}.field{font-size:9px}.field input,.field select,.field textarea{font-size:12px}.form-actions .button{font-size:9px;gap:17px}.form-disclaimer{font-size:8px!important}.faq{grid-template-columns:1fr;gap:25px;padding-block:55px}.faq h2{font-size:32px}.faq h2 br{display:none}.faq h2 em{margin-left:6px}summary{font-size:10px;padding-block:21px;line-height:1.7}details p{font-size:9px;line-height:1.95}footer{padding:40px 7% 20px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:28px}.footer-top .logo{font-size:32px}.footer-top>div{font-size:8px}.footer-top small{font-size:7px}.footer-top>a:last-child{flex-basis:100%;justify-content:space-between;font-size:10px}.footer-wordmark{font-size:32vw;margin:35px -4% 25px}.footer-bottom{flex-wrap:wrap;font-size:6px;gap:15px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.footer-bottom>a{margin-left:auto}.dialog-content{padding:27px 23px}.dialog-content h2{font-size:29px}.dialog-content>p{font-size:10px}.dialog-content dl{font-size:10px;gap:12px}.dialog-content .eyebrow{font-size:8px}#project-dialog>img{height:270px}#result-dialog .dialog-content{padding:45px 23px 25px}pre{font-size:10px;padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.manifesto{text-align:center;padding:75px 7% 0}.manifesto .eyebrow{font-size:8px;color:#948778}.manifesto>p{font-size:25px;line-height:1.6;letter-spacing:-.7px;margin:21px auto 15px}.manifesto>a{display:inline-flex;align-items:center;gap:24px;font-size:10px;color:#948778;padding-bottom:9px;border-bottom:1px solid var(--line)}@media(max-width:700px){.manifesto{padding:47px 7% 0}.manifesto .eyebrow{font-size:7px}.manifesto>p{font-size:18px;line-height:1.7;margin-top:18px}.manifesto>a{font-size:9px}}
