#design-b{--wood-1:#A4723F;--wood-2:#B07A45;--wood-3:#8F5F33;--wood-4:#C08A51;--wood-5:#93633A;--wood-6:#C69257;--wood-7:#9A6A3C;--tile-1:#E8DCCB;--tile-2:#D9C9B2;--tile-3:#CDBBA4;--tile-4:#F1E8DA;--grout:#8A5A2B;--dark:#1F1812;--dark-2:#2B2018;--on-dark:#CDBBA4;--gold:#D2A866}#design-b .ix-sec{padding:104px 0}#design-b .ix-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;gap:24px 48px;margin-bottom:44px}#design-b .ix-head>*{min-width:0}#design-b .ix-head h2{margin:0}#design-b .ix-head .sub{max-width:36em;margin:0;color:var(--mut);font-size:17px;line-height:1.6}#design-b .ix-dark{background:var(--dark);color:#f6efe4}#design-b .ix-dark h2,#design-b .ix-dark h3{color:#f6efe4}#design-b .ix-dark .kick{color:var(--gold)}#design-b .ix-dark .sub{color:var(--on-dark)}#design-b .ix-src{margin:28px 0 0;font-size:13.5px;color:var(--mut);max-width:70ch}#design-b .ix-dark .ix-src{color:#a9977f}#design-b .ix-js .ix-rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease-reveal),transform .6s var(--ease-reveal)}#design-b .ix-js .ix-rv.in{opacity:1;transform:none}#design-b .ix-edge{position:relative}#design-b .ix-edge>.edge{position:absolute;left:0;right:0;bottom:-1px;width:100%;pointer-events:none;z-index:2}#design-b .ix-edge.top>.edge{bottom:auto;top:-1px}#design-b .planks{display:block;height:34px}#design-b .planks.fringe{height:46px}#design-b .planks rect.pk{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .55s var(--ease-out);transition-delay:var(--d,0s)}#design-b .planks line{opacity:0;transition:opacity .4s linear;transition-delay:calc(var(--d,0s) + .3s)}#design-b .planks.in rect.pk{transform:scaleX(1)}#design-b .planks.in line{opacity:1}#design-b .planks .gloss{opacity:0}#design-b .planks.in.idle .gloss{animation:plankGloss 1.6s var(--ease-in-out) .2s 1 both}@keyframes plankGloss{0%{opacity:0;transform:translate(-30%)}15%{opacity:.55}to{opacity:0;transform:translate(130%)}}#design-b .os-hero.ix-has-fringe{position:relative}#design-b .os-hero.ix-has-fringe>.edge{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:4;pointer-events:none}#design-b .icard.ix-skirt .iimg,#design-b .pics.ix-skirt{position:relative}#design-b .icard.ix-skirt .iimg>.planks,#design-b .pics.ix-skirt>.planks{position:absolute;left:0;right:0;bottom:0;width:100%;height:18px;z-index:2;pointer-events:none}#design-b .tiles{display:block;height:34px}#design-b .tiles.fringe{height:44px}#design-b .tiles rect.tl{transform-box:fill-box;transform-origin:center;transform:scale(.6);opacity:0;transition:transform .45s var(--ease-out),opacity .3s linear;transition-delay:var(--d,0s)}#design-b .tiles.in rect.tl{transform:none;opacity:1}#design-b .icard.ix-skirt .iimg>.tiles,#design-b .pics.ix-skirt>.tiles{position:absolute;left:0;right:0;bottom:0;width:100%;height:16px;z-index:2;pointer-events:none}#design-b .ix-js .galg figure.ix-set{clip-path:inset(0 100% 100% 0);transition:clip-path .9s var(--ease-in-out);transition-delay:var(--d,0s)}#design-b .ix-js .galg figure.ix-set.in{clip-path:inset(0 0 0 0)}#design-b .pplanks{display:block}#design-b .pplanks g.pk{opacity:0;transform:translate(-22px,-6px);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out);transition-delay:var(--d,0s)}#design-b .pplanks.in g.pk,#design-b .pplanks g.pk.in{opacity:1;transform:none}#design-b .pplanks .gloss{opacity:0}#design-b .pplanks.in.idle .gloss{animation:plankGloss 1.8s var(--ease-in-out) .3s 1 both}#design-b .os-hero.ix-has-fringe>.pplanks{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:4;pointer-events:none}#design-b .ix-edge>.pplanks.edge{bottom:0}#design-b .icard.ix-skirt .iimg>.pplanks,#design-b .pics.ix-skirt>.pplanks{position:absolute;left:0;right:0;bottom:0;width:100%;height:18px;z-index:2;pointer-events:none}#design-b .laying{position:relative;background:var(--dark);overflow:hidden}#design-b .laying .pplanks{display:block;width:100%;height:clamp(260px,28vw,400px)}#design-b .lay-card{position:absolute;left:clamp(24px,6vw,96px);bottom:26px;max-width:380px;padding:22px 24px;border-radius:20px;background:#1f1812e6;color:#f6efe4;box-shadow:0 30px 60px -40px #000c}#design-b .lay-card .kick{color:var(--gold);margin-bottom:10px}#design-b .lay-card h2{color:#f6efe4;font-size:clamp(22px,2vw,28px);margin:0 0 8px}#design-b .lay-card p{margin:0;color:var(--on-dark);font-size:15.5px;line-height:1.55}#design-b .lay-count{position:absolute;right:clamp(24px,6vw,96px);top:22px;font:600 13px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#f6efe4;background:#1f1812bf;padding:10px 14px;border-radius:999px}#design-b .wipe{position:relative;background:var(--dark);color:#f6efe4;padding-bottom:64px}#design-b .wipe .wp-stage{position:relative;height:clamp(360px,46vw,620px);overflow:hidden}#design-b .wipe .wp-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#design-b .wipe .wp-before{filter:saturate(.35) contrast(.82) brightness(.9)}#design-b .wipe .wp-after{clip-path:inset(0 0 0 var(--w,38%))}#design-b .wipe .wp-line{position:absolute;top:0;bottom:0;left:var(--w,38%);width:3px;background:var(--gold);box-shadow:0 0 24px #d2a866b3}#design-b .wipe .wp-line i{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--dark);transform:translate(-50%,-50%);display:grid;place-items:center;font:700 11px/1 var(--fb);letter-spacing:.08em;font-style:normal}#design-b .wipe .wp-tag{position:absolute;top:22px;padding:8px 14px;border-radius:999px;background:#1f1812bf;font:700 12px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:#f6efe4}#design-b .wipe .wp-tag.l{left:24px}#design-b .wipe .wp-tag.r{right:24px;color:var(--gold)}#design-b .wipe .wp-sheen{position:absolute;inset:0;left:var(--w,38%);background:linear-gradient(105deg,#fff0 30%,#fffaf038,#fff0 70%);pointer-events:none;mix-blend-mode:screen}#design-b .wipe .wp-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:end;padding:34px 40px 0}#design-b .wipe .wp-copy>*{min-width:0}#design-b .wipe h2{color:#f6efe4;margin:0;font-size:clamp(30px,2.6vw,40px)}#design-b .wipe .wp-copy ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#design-b .wipe .wp-copy li{padding:16px 18px;border-radius:14px;background:var(--dark-2);font-size:14.5px;line-height:1.5;color:var(--on-dark)}#design-b .wipe .wp-copy li b{display:block;color:#f6efe4;font:600 18px/1.2 var(--fh);margin-bottom:6px}#design-b .finline{position:relative;display:block;height:6px}#design-b .finline i{position:absolute;left:0;right:0;top:1px;height:3px;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease-in-out)}#design-b .finline b{position:absolute;left:0;top:-10px;width:120px;height:26px;border-radius:50%;background:radial-gradient(ellipse,#fff3dce6,#fff3dc00 70%);opacity:0}#design-b .finline.in i{transform:scaleX(1)}#design-b .finline.in b{animation:finGlide 1.1s var(--ease-in-out) both}@keyframes finGlide{0%{opacity:0;transform:translate(-60px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(100vw - 60px))}}#design-b .os-hero.ix-has-fringe>.finline{position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:none}#design-b .ix-gloss{position:relative;overflow:hidden}#design-b .ix-gloss:after{content:"";position:absolute;inset:-20% -60%;pointer-events:none;opacity:0;background:linear-gradient(105deg,#fff0 42%,#fffaf06b,#fff0 58%);transform:translate(-70%)}#design-b .ix-gloss.in:after{animation:glossSweep 1.15s var(--ease-in-out) var(--d,0s) 1 both}@keyframes glossSweep{0%{opacity:0;transform:translate(-70%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(70%)}}#design-b .ix-edge>.finline.edge{bottom:0}#design-b .ixstmt{padding:120px 24px;background:var(--bg)}#design-b .ixstmt p{max-width:21em;margin:0 auto;font-family:var(--fh);font-weight:500;font-size:clamp(32px,4.4vw,62px);line-height:1.1;text-align:center;letter-spacing:-.01em}#design-b .ixstmt .w{color:#d9cbb8;transition:color .25s var(--ease-out)}#design-b .ixstmt .w.lit{color:var(--ink)}#design-b .ixstmt .w.lit.hl{color:var(--brass);font-style:italic}#design-b .ixstmt .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#design-b .ixstmt.dark{background:var(--dark)}#design-b .ixstmt.dark .w{color:#4a3a2c}#design-b .ixstmt.dark .w.lit{color:#f6efe4}#design-b .ixstmt.dark .w.lit.hl{color:var(--gold)}#design-b .layers.ix-run .lstep{position:relative}#design-b .lstep>.run{position:absolute;left:0;right:0;top:-2px;height:10px;width:100%;display:block}#design-b .lstep>.run rect{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .5s var(--ease-out);transition-delay:var(--d,0s)}#design-b .lstep.on>.run rect{transform:scaleX(1)}#design-b .layers.ix-grout .lsteps{position:relative}#design-b .lsteps>.grout{position:absolute;left:-26px;top:0;bottom:0;width:12px;pointer-events:none}#design-b .lsteps>.grout i{position:absolute;left:4px;top:0;bottom:0;width:3px;background:var(--line)}#design-b .lsteps>.grout b{position:absolute;left:4px;top:0;width:3px;height:100%;background:var(--brass);transform-origin:top;transform:scaleY(var(--p,0));transition:transform .25s linear}#design-b .lsteps>.grout s{position:absolute;left:0;width:12px;height:12px;border-radius:3px;background:var(--tile-2);border:2px solid var(--grout);box-sizing:border-box;transform:rotate(45deg) scale(.6);opacity:.5;transition:transform .3s var(--ease-out),opacity .3s linear,background-color .3s linear}#design-b .lsteps>.grout s.on{transform:rotate(45deg) scale(1);opacity:1;background:var(--brass)}#design-b .layers.ix-stain .lstep .n{position:relative;display:inline-block}#design-b .layers.ix-stain .lstep .n:after{content:attr(data-n);position:absolute;inset:0;color:var(--brass);clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease-in-out)}#design-b .layers.ix-stain .lstep.on .n:after{clip-path:inset(0 0 0 0)}#design-b .ffind{background:var(--surf2)}#design-b .ff-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:stretch}#design-b .ff-grid>*{min-width:0}#design-b .ff-q{font:600 18px/1.4 var(--fb);color:var(--ink);margin:0 0 16px}#design-b .ffchips{display:flex;flex-wrap:wrap;gap:10px}#design-b .ffchip{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surf);color:var(--ink);font:600 15px/1.2 var(--fb);cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),transform .12s var(--ease-out)}#design-b .ffchip svg{width:18px;height:18px;flex:none;display:none}#design-b .ffchip[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#f6efe4}#design-b .ffchip[aria-pressed=true] svg{display:block;color:var(--gold)}#design-b .ffchip:active{transform:scale(.97)}#design-b .ffchip:focus-visible{outline:3px solid var(--brass);outline-offset:2px}@media (hover:hover) and (pointer:fine){#design-b .ffchip:not([aria-pressed=true]):hover{border-color:var(--brass);color:var(--brass)}}#design-b .fftray{background:var(--dark);color:var(--on-dark);border-radius:22px;padding:28px;min-height:0;box-shadow:0 30px 60px -40px #3c281499}#design-b .fftray-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}#design-b .fftray-top h3{margin:0;color:#f6efe4;font-size:24px}#design-b .fftray-count{color:var(--gold);font:700 13px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase}#design-b .fftray-empty{margin:0;font-size:16px}#design-b .fftray ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}#design-b .fftray li a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border-radius:14px;background:var(--dark-2);color:var(--on-dark);text-decoration:none;transition:background-color .15s var(--ease-out)}@media (hover:hover) and (pointer:fine){#design-b .fftray li a:hover{background:#3a2c20}}#design-b .fftray li img{width:64px;height:48px;object-fit:cover;border-radius:8px}#design-b .fftray li strong{display:block;color:#f6efe4;font:600 19px/1.2 var(--fh);margin-bottom:4px}#design-b .fftray li span{font-size:14px;line-height:1.45;display:block}#design-b .fftray li .fit{font:700 12px/1 var(--fb);color:var(--dark);background:var(--gold);border-radius:999px;padding:7px 11px;white-space:nowrap;font-style:normal}#design-b .fftray li .fit.also{background:transparent;color:var(--gold);border:1px solid rgba(210,168,102,.5)}#design-b .fftray li.enter{animation:trayIn .4s var(--ease-out) both}@keyframes trayIn{0%{opacity:0;transform:translateY(10px)}}#design-b .fftray-skip{margin:18px 0 0;padding:14px 16px;border-radius:12px;border:1px dashed rgba(210,168,102,.45);font-size:14px;line-height:1.5}#design-b .fftray-skip b{color:var(--gold)}#design-b .fftray-skip[hidden]{display:none}#design-b .layers.ix-lyx .stack{height:300px}#design-b .layers.ix-lyx .ly{cursor:pointer;border:0;width:88%;text-align:left;font:700 12px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;transition:opacity .5s var(--ease-reveal),transform .5s var(--ease-reveal),box-shadow .3s var(--ease-out)}#design-b .layers.ix-lyx .ly.on{opacity:1}#design-b .layers.ix-lyx .ly[aria-pressed=true]{transform:translate(26px);box-shadow:0 18px 30px -18px #0009;outline:2px solid var(--gold)}#design-b .layers.ix-lyx .ly:focus-visible{outline:3px solid var(--brass);outline-offset:2px}#design-b .lyx-out{margin:8px 0 0;padding:18px 20px;border-radius:16px;background:var(--surf2);border:1px solid var(--line);min-height:120px}#design-b .lyx-out b{display:block;font:600 20px/1.2 var(--fh);color:var(--ink);margin-bottom:6px}#design-b .lyx-out p{margin:0;font-size:15px;line-height:1.55;color:var(--mut)}#design-b .lyx-hint{margin:14px 0 0;font:600 13px/1.3 var(--fb);color:var(--brass)}#design-b .tline{background:var(--dark)}#design-b .tl-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:34px 0 56px}#design-b .tl-tabs button{min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(246,239,228,.22);background:transparent;color:#f6efe4;font:600 15px/1 var(--fb);cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),transform .12s var(--ease-out)}#design-b .tl-tabs button[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--dark)}#design-b .tl-tabs button:active{transform:scale(.97)}#design-b .tl-tabs button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (hover:hover) and (pointer:fine){#design-b .tl-tabs button:not([aria-selected=true]):hover{border-color:var(--gold)}}#design-b .tl-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding-top:44px}#design-b .tl-track:before{content:"";position:absolute;left:0;right:0;top:8px;height:3px;background:#f6efe424}#design-b .tl-track>i{position:absolute;left:0;top:8px;height:3px;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--ease-in-out)}#design-b .tl-track.in>i{transform:scaleX(1)}#design-b .tl-step{position:relative;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-reveal),transform .5s var(--ease-reveal);transition-delay:var(--d,0s)}#design-b .tl-track.in .tl-step{opacity:1;transform:none}#design-b .tl-step:before{content:"";position:absolute;left:0;top:-43px;width:16px;height:16px;border-radius:50%;background:var(--dark);border:3px solid var(--gold);box-sizing:border-box}#design-b .tl-step small{display:block;font:700 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}#design-b .tl-step b{display:block;font:600 20px/1.2 var(--fh);color:#f6efe4;margin-bottom:8px}#design-b .tl-step p{margin:0;font-size:14.5px;line-height:1.55;color:var(--on-dark)}#design-b .tl-track[hidden]{display:none}@media (max-width:980px){#design-b .ff-grid,#design-b .ix-head{grid-template-columns:minmax(0,1fr)}#design-b .tl-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#design-b .tl-track{grid-template-columns:1fr;gap:26px;padding-top:0;padding-left:30px}#design-b .tl-track:before,#design-b .tl-track>i{inset:0 auto 0 6px;width:3px;height:auto}#design-b .tl-track>i{transform-origin:top;transform:scaleY(0)}#design-b .tl-track.in>i{transform:scaleY(1)}#design-b .tl-step:before{left:-30px;top:4px}#design-b .lsteps>.grout{left:-18px}}@media (max-width:760px){#design-b .ix-sec{padding:72px 0}#design-b .ixstmt{padding:80px 16px}#design-b .planks.fringe,#design-b .tiles.fringe{height:30px}#design-b .lay-card{position:static;max-width:none;border-radius:0}#design-b .laying .pplanks{height:200px}#design-b .wipe .wp-copy{grid-template-columns:1fr;padding:24px 16px 0}#design-b .wipe .wp-copy ul{grid-template-columns:1fr}#design-b .fftray{padding:20px;min-height:0}#design-b .fftray li a{grid-template-columns:52px minmax(0,1fr)}#design-b .fftray li .fit{grid-column:2;justify-self:start}#design-b .layers.ix-lyx .ly{width:94%}#design-b .layers.ix-lyx .ly[aria-pressed=true]{transform:translate(10px)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=force]) #design-b .ix-rv{transform:none;transition:opacity .3s linear}html:not([data-motion=force]) #design-b .planks rect.pk,html:not([data-motion=force]) #design-b .lstep>.run rect{transform:scaleX(1);transition:none}html:not([data-motion=force]) #design-b .planks line{opacity:1;transition:none}html:not([data-motion=force]) #design-b .planks .gloss{animation:none!important}html:not([data-motion=force]) #design-b .tiles rect.tl{transform:none;opacity:1;transition:opacity .3s linear}html:not([data-motion=force]) #design-b .galg figure.ix-set{clip-path:none;transition:none}html:not([data-motion=force]) #design-b .finline i{transform:scaleX(1);transition:none}html:not([data-motion=force]) #design-b .pplanks g.pk{opacity:1;transform:none;transition:none}html:not([data-motion=force]) #design-b .pplanks .gloss{animation:none!important}html:not([data-motion=force]) #design-b .wipe .wp-stage{--w:50%}html:not([data-motion=force]) #design-b .finline b{display:none}html:not([data-motion=force]) #design-b .ix-gloss:after{animation:none!important}html:not([data-motion=force]) #design-b .lsteps>.grout b{transition:none}html:not([data-motion=force]) #design-b .layers.ix-stain .lstep .n:after{transition:none}html:not([data-motion=force]) #design-b .fftray li.enter{animation:fadeOnly .3s linear both}html:not([data-motion=force]) #design-b .tl-track>i{transform:none;transition:none}html:not([data-motion=force]) #design-b .tl-step{transform:none;transition:opacity .3s linear}html:not([data-motion=force]) #design-b .layers.ix-lyx .ly[aria-pressed=true]{transform:none}}@keyframes fadeOnly{0%{opacity:0}}#design-b .blog .post h3 a{color:var(--ink);text-decoration:none;transition:color .18s var(--ease-out)}@media (hover:hover) and (pointer:fine){#design-b .blog .post h3 a:hover{color:var(--brass)}}#design-b .blog .post h3 a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#design-b .ix-bg{position:relative;overflow:hidden}#design-b .ix-bg>.ix-bgimg{position:absolute;left:0;right:0;top:-14%;width:100%;height:128%;object-fit:cover;z-index:0;opacity:.7;will-change:transform}#design-b .ix-bg:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#1f1812db,#1f1812bd,#1f1812db)}#design-b .ix-bg>*:not(.ix-bgimg){position:relative;z-index:2}#design-b .ix-bg>.edge,#design-b .ix-bg>.finline{z-index:3}#design-b .band.ix-bg h2{color:#f6efe4}#design-b .band.ix-bg h2 em{color:var(--gold)}#design-b .band.ix-bg .btn-2{background:var(--gold);color:#1a120b}#design-b .band.ix-bg .btn-3{border-color:#f6efe480;color:#f6efe4}@media (hover:hover) and (pointer:fine){#design-b .band.ix-bg .btn-2:hover{background:#e0ba7c}#design-b .band.ix-bg .btn-3:hover{border-color:#f6efe4}}#design-b .band.ix-bg>.finline.edge{position:absolute;inset:auto 0 0}