:root{--navy:#122033;--kraft:#e6d6b8;--paper:#f7f5f0;--orange:#ef7c38;--ink:#17202c;--muted:#647080;--line:#dce0e2;--green:#2c8759}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.header{height:80px;padding:0 6vw;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand b{color:var(--orange)}.mark{width:35px;height:35px;border-radius:8px;background:var(--navy);display:flex;align-items:end;gap:3px;padding:7px}.mark i{display:block;flex:1;background:var(--orange)}.mark i:first-child{height:58%}.mark i:nth-child(2){height:100%}.mark i:last-child{height:75%}nav{display:flex;gap:27px;font-size:12px;color:#445267}nav a:hover{color:var(--orange)}.tools{display:flex;align-items:center;gap:18px}.email{font-size:12px;font-weight:700;color:#4e5a6c}.cart{display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:var(--navy);color:#fff;padding:12px 14px;font-size:12px;font-weight:800}.cart b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--orange);font-size:10px}.menu{display:none;border:0;background:transparent;color:var(--navy)}.hero{min-height:620px;display:grid;grid-template-columns:47% 53%;background:#fcfbf7;overflow:hidden}.copy{padding:100px 5vw 75px 12vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--orange);margin:0 0 20px}h1,h2{font-size:clamp(43px,5.15vw,73px);line-height:.96;letter-spacing:-.07em;margin:0;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--orange)}.copy>p:not(.eyebrow),.delivery>div>p:not(.eyebrow),.calc>div>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px;line-height:1.58;margin:28px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:5px;padding:15px 18px;font-size:12px;font-weight:800;transition:transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff;box-shadow:0 10px 22px #ef7c3833}.secondary{background:transparent;color:var(--navy);border:1px solid #cbd1d7}.notes{display:flex;gap:20px;flex-wrap:wrap;margin-top:43px;color:#617084;font-size:11px}.notes span,.delivery li{display:flex;align-items:center;gap:7px}.notes svg,.delivery li svg{width:15px;color:var(--green)}.visual{min-height:620px;position:relative;margin:28px 0 28px 16px;background:var(--kraft);overflow:hidden}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#12203318,transparent 45%,#12203326)}.visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.73) contrast(1.04)}.label{position:absolute;z-index:1;background:#fffdf9;color:var(--navy);padding:15px 18px;box-shadow:0 12px 30px #12203326}.label small,.label b,.label span{display:block}.label small{font-size:9px;font-weight:900;color:var(--orange);letter-spacing:.12em}.label b{font-size:19px;margin-top:5px}.label span{font-size:10px;color:var(--muted);margin-top:4px}.one{left:0;bottom:42px;border-left:4px solid var(--orange)}.two{right:7%;top:46px;background:var(--navy);color:#fff}.two span{color:#c8d2df}.stats{background:var(--navy);color:#fff;padding:29px 10vw;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.stats div{display:flex;flex-direction:column;gap:5px;border-left:1px solid #ffffff2d;padding-left:25px}.stats div:first-child{border:0;padding-left:0}.stats b{font-size:21px}.stats span{font-size:10px;color:#b5c1cd}.catalog-section{padding:105px 9vw}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.intro h2{font-size:clamp(38px,4vw,58px)}.intro>p{max-width:345px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.tabs{display:flex;gap:6px;background:#eceeea;padding:4px;border-radius:7px}.tabs button{padding:10px 14px;border:0;border-radius:5px;background:transparent;color:#657083;font-weight:800;font-size:11px}.tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 7px #17202c13}.tabs span{margin-left:6px;color:var(--orange);font-size:10px}.toolbar>small{display:flex;align-items:center;gap:7px;color:#7e8792;font-size:10px}.table{border:1px solid var(--line);background:#fff;box-shadow:0 13px 30px #1220330b}.table-head,.row{display:grid;grid-template-columns:minmax(270px,2fr) minmax(120px,.8fr) minmax(110px,.7fr) minmax(100px,.65fr) minmax(130px,.85fr);align-items:center;gap:17px}.table-head{padding:14px 21px;background:#f1f2ef;color:#7a8490;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.row{min-height:93px;padding:12px 21px;border-top:1px solid #eef0f0}.mat{display:flex;align-items:center;gap:13px;min-width:0}.tile{width:37px;height:37px;border-radius:5px;flex:0 0 37px;background:#e5c593;padding:8px;display:flex;align-items:end;gap:2px;box-shadow:inset 0 0 0 1px #8b674622}.tile.osb{background:#c89c68}.tile i{display:block;flex:1;background:#fff2da}.tile i:first-child{height:50%}.tile i:nth-child(2){height:100%}.tile i:last-child{height:70%}.mat b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.mat small{display:block;color:#77808c;font-size:10px;margin-top:4px}.mat em{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-style:normal;font-size:9px}.mat em:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.available{color:var(--green)}.order{color:#b17430}.size{font-size:11px;color:#435166}.row>strong{font-size:14px;white-space:nowrap}.row>strong small{font-size:11px}.sqm{color:#4b5869;font-size:12px;white-space:nowrap}.sqm small{display:block;color:#8c95a0;font-size:9px;margin-top:3px}.add{height:35px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #b9c1ca;border-radius:4px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;white-space:nowrap}.add:hover{border-color:var(--orange);color:var(--orange)}.step{display:inline-flex;align-items:center;border:1px solid #d4d9de;border-radius:4px;overflow:hidden;background:#fff}.step button{display:grid;place-items:center;width:28px;height:30px;border:0;background:#f5f6f5;color:var(--navy)}.step b{min-width:29px;text-align:center;font-size:11px}.caption{color:#8c95a0;font-size:10px;margin:14px 0 0}.calc{padding:90px 12vw;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:9vw;background:var(--navy);color:#fff}.calc h2{font-size:clamp(39px,4vw,58px)}.calc h2 em{color:#e7c789}.light{color:#e7c789}.calc>div>p:not(.eyebrow){color:#b7c2d0}.calc-card{border:1px solid #ffffff25;background:#ffffff0b;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.calc-card>svg{color:#e7c789}.calc-card>small{font-size:11px;color:#bdc8d3;margin:22px 0 5px}.calc-card>b{font-size:38px;letter-spacing:-.06em}.calc-card>b em{font-size:14px;letter-spacing:0;font-style:normal}.calc-card>span{font-size:11px;color:#bdc8d3;margin:4px 0 26px}.calc-card button{display:flex;align-items:center;gap:16px;border:0;background:#e7c789;color:var(--navy);padding:13px 15px;font-weight:800;font-size:11px}.delivery{padding:105px 10vw;display:grid;grid-template-columns:45% 45%;justify-content:space-between;gap:8%;align-items:center;background:#fffdfa}.delivery-img{height:460px;overflow:hidden;background:var(--kraft)}.delivery-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.02)}.delivery h2{font-size:clamp(38px,4vw,58px)}.delivery ul{display:grid;gap:11px;margin:28px 0;padding:0;list-style:none}.delivery li{font-size:12px;color:#3e4b5c}.cta{background:var(--orange);padding:70px 10vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.cta .eyebrow{color:#fff1e5}.cta h2{font-size:clamp(37px,4vw,56px)}.cta h2 em{color:var(--navy)}.dark{background:var(--navy);color:#fff}footer{padding:40px 10vw 24px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr auto;gap:40px}footer .brand b{color:#e7c789}footer>div{display:flex;gap:25px;font-size:12px;color:#d5dde6}footer>div a:last-child{color:#e7c789}footer>small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:18px;color:#91a0ae;font-size:10px}.backdrop{position:fixed;inset:0;background:#122033b8;z-index:30;display:flex;justify-content:flex-end}.drawer{width:min(100%,490px);min-height:100%;background:#fffdf9;padding:30px;box-shadow:-20px 0 50px #0003;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer-head .eyebrow{margin-bottom:7px}.drawer-head h3{font-size:27px;margin:0;letter-spacing:-.05em}.drawer-head>button{border:0;background:transparent;color:#435166}.lines{display:grid}.line{padding:19px 0;border-bottom:1px solid #eef0f0;display:flex;justify-content:space-between;gap:15px}.line>div:first-child{min-width:0}.line b{font-size:12px;display:block;line-height:1.35}.line span{font-size:10px;color:#77808c;display:block;margin-top:4px}.line>div:last-child{display:flex;flex-direction:column;align-items:end;gap:8px;white-space:nowrap}.line strong{font-size:12px}.total{padding:23px 0;border-bottom:1px solid var(--line);display:grid;gap:5px}.total span{font-size:11px;color:#647080}.total>b{font-size:25px;letter-spacing:-.05em}.total small{color:#8c95a0;font-size:10px}form{padding-top:22px;display:grid;gap:12px}form label{font-size:10px;font-weight:800;color:#526074;display:grid;gap:6px}form input{width:100%;border:1px solid #d7dce0;background:#fff;padding:12px;border-radius:4px;outline-color:var(--orange);font-size:12px}form>small{color:#8c95a0;font-size:9px;line-height:1.4}.empty{padding:65px 10px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#6f7b8c;gap:10px}.empty svg{width:36px;height:36px;color:var(--orange)}.empty b{font-size:15px;color:var(--navy);margin-top:5px}.empty span{font-size:12px;line-height:1.45;max-width:230px}.empty a{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--orange);font-size:11px;font-weight:800}.sent{padding:15px;background:#e7f3e9;display:grid;gap:5px;color:#315c3f}.sent svg{color:var(--green)}.sent b{font-size:12px}.sent span{font-size:10px}
@media(max-width:1000px){.copy{padding-left:8vw}.header{padding:0 5vw}.catalog-section{padding:80px 6vw}.calc{padding:75px 8vw}.delivery{padding:80px 7vw}.table{overflow:auto}.table-head,.row{min-width:880px}.cta{padding:65px 7vw}footer{padding-left:7vw;padding-right:7vw}}@media(max-width:760px){.header{height:68px}.header nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fffdf9;padding:14px 6vw 24px;border-bottom:1px solid var(--line);align-items:flex-start;flex-direction:column;gap:18px}.header nav.open{display:flex}.email{display:none}.cart span{display:none}.menu{display:block}.hero{display:block}.copy{padding:70px 7vw 50px}.hero h1{font-size:49px}.visual{min-height:340px;height:340px;margin:0}.notes{margin-top:30px}.stats{grid-template-columns:1fr 1fr;padding:25px 7vw;gap:20px}.stats div:nth-child(3){border-left:0;padding-left:0}.intro{display:block}.intro>p{margin-top:20px}.toolbar{align-items:flex-start;flex-direction:column}.table-head{display:none}.row{min-width:0;grid-template-columns:1fr auto;gap:7px;padding:14px}.row .size{grid-column:1;font-size:10px;margin-left:50px}.row>strong{grid-column:1;margin-left:50px}.sqm{display:none}.row>div:last-child{grid-column:2;grid-row:1/4}.mat b{max-width:210px}.calc{display:block;padding:68px 7vw}.calc-card{margin-top:35px}.delivery{display:flex;flex-direction:column;padding:70px 7vw;gap:38px}.delivery-img{width:100%;height:280px}.cta{display:block;padding:58px 7vw}.cta .button{margin-top:25px}footer{grid-template-columns:1fr;padding:35px 7vw 20px;gap:24px}footer>div{flex-direction:column;gap:12px}.two{right:5%;top:22px}.one{bottom:20px}.drawer{padding:24px 20px}}@media(max-width:420px){.brand{font-size:13px}.mark{width:32px;height:32px}.hero h1{font-size:43px}.tabs{width:100%}.tabs button{flex:1;padding:10px 7px}.stats b{font-size:18px}.stats div{padding-left:13px}.mat b{max-width:175px}.label{padding:11px 13px}.label b{font-size:15px}.visual{height:300px;min-height:300px}}