.model-showcase{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:78px 0 82px;background:radial-gradient(ellipse at 50% 38%,#fffdf9 0,#f9f6f0 55%,#f1ebe2 100%);color:#3c2517;scroll-margin-top:95px}
.model-showcase.dark{background:#30241f;color:#f3efe7}
.model-showcase.dark .showcase-heading h2{color:#f3efe7}
.model-showcase.dark .showcase-brand{color:#cfb393}
.model-showcase.dark .showcase-heading .section-description{color:#cfbfae}
.model-showcase.dark .showcase-count{color:#eadbc8;border-color:#a78a68}
.model-showcase.dark .filter{color:#eadbc8}
.model-showcase.dark .filter.active{background:#f3e9da;color:#30241f}
.model-showcase.dark .filter:hover:not(.active){color:#fff7e9;background:#ffffff0d}
.model-showcase.dark .filter+.filter:before{background:#b499785e}
.model-showcase:before,.model-showcase:after{content:'';position:absolute;z-index:-1;width:350px;height:550px;border:1px solid #d7c4ab80;border-radius:50%;pointer-events:none;transform:rotate(36deg)}
.model-showcase:before{left:-280px;top:-360px}.model-showcase:after{right:-300px;bottom:-280px}
.showcase-wrap{width:91%;max-width:1440px;margin:auto}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:26px}
.showcase-brand{font:500 11px Georgia,serif;letter-spacing:6px;color:#a88e74;direction:ltr;text-align:right;margin-bottom:12px}
.showcase-brand:after{content:' —';letter-spacing:0}
.showcase-heading h2{font-family:var(--font-heading);font-size:clamp(30px,3.4vw,49px);font-weight:600;line-height:1.6;margin:0}
.showcase-heading .section-description{font-size:13px;font-weight:400;line-height:2.2;color:#a28b76;max-width:900px;margin-top:12px}
.showcase-count{flex-shrink:0;min-width:104px;margin:0 0 16px;font-size:12px;font-weight:600;line-height:2.2;text-align:center;padding-bottom:10px;border-bottom:1px solid #c5aa8b;color:#5b4230}
.showcase-toolbar{width:54.55%;margin-left:auto;margin-bottom:20px;min-height:54px;display:flex;align-items:center;justify-content:flex-start}
.model-showcase .filters{display:flex;align-items:center;flex-wrap:nowrap;width:100%;gap:0;margin:0}
.model-showcase .filter{position:relative;flex:1;border:0;border-radius:0;padding:11px 10px;background:transparent;color:#5b4230;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.8}
.model-showcase .filter+.filter:before{content:'';position:absolute;right:0;top:30%;height:40%;width:1px;background:#cdb69b}
.model-showcase .filter.active{border-radius:30px;background:#3d2313;color:#fff7ea}
.model-showcase .filter.active:before,.model-showcase .filter.active+.filter:before{display:none}
.model-showcase .filter:hover:not(.active){color:#25160e;background:#eae1d580;border-radius:30px}
.showcase-grid{display:grid;grid-template-columns:repeat(22,minmax(0,1fr));grid-template-rows:430px 300px;gap:20px;direction:ltr}
.showcase-card{display:flex;flex-direction:column;direction:rtl;min-width:0;overflow:hidden;border-radius:70px 70px 18px 18px;background:var(--ivory);box-shadow:0 9px 28px #6748210b;border:1px solid #eadfd34d;transition:box-shadow .3s,transform .3s}
.showcase-feature{grid-column:1/11;grid-row:1;margin-top:-74px;border-radius:85px 110px 18px 18px}
.showcase-chair{grid-column:11/17;grid-row:1}
.showcase-sofa{grid-column:17/23;grid-row:1}
.showcase-dining{grid-column:1/12;grid-row:2;border-radius:65px 65px 18px 18px}
.showcase-console{grid-column:12/23;grid-row:2;border-radius:65px 65px 18px 18px}
.showcase-photo{flex:1;min-height:0;overflow:hidden;border-radius:0 0 7px 7px;background:#e5dccf}
.showcase-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.showcase-chair .showcase-photo img{object-position:center 65%}
.showcase-dining .showcase-photo img,.showcase-console .showcase-photo img{object-position:center 58%}
.showcase-dining .showcase-photo img{object-position:center 72%}
.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:75px;padding:11px 18px 12px;flex-shrink:0}
.showcase-caption h3{font-family:var(--font-heading);font-size:16px;line-height:1.8;font-weight:600;margin:0;color:#452a1a}
.showcase-caption small{display:block;font-size:12px;line-height:1.7;color:#a18a74;margin-top:2px}
.showcase-card:hover{box-shadow:0 12px 30px #67482118;transform:translateY(-3px)}
.showcase-card:hover .showcase-photo img{transform:scale(1.035)}
.showcase-card:focus-visible{outline:3px solid #a68153;outline-offset:5px}
.showcase-grid.is-filtered{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:430px}
.showcase-grid.is-filtered .showcase-card{grid-column:auto;grid-row:auto;margin-top:0;border-radius:65px 65px 18px 18px}
@media(min-width:1450px){.showcase-grid{grid-template-rows:470px 330px}}
@media(min-width:768px) and (max-width:1050px){.model-showcase{padding-top:60px}.showcase-heading h2{font-size:34px}.showcase-toolbar{width:100%;margin-bottom:22px}.showcase-grid{grid-template-rows:350px 270px;gap:14px}.showcase-feature{margin-top:0}.model-showcase .filter{font-size:12px}.showcase-caption{padding:11px 13px;min-height:72px}.showcase-caption h3{font-size:14px}.showcase-caption small{font-size:11px}}
@media(max-width:767px){.model-showcase{padding:48px 0 50px}.showcase-wrap{width:90%}.showcase-heading{gap:15px;align-items:start;flex-wrap:wrap;margin-bottom:18px}.showcase-brand{font-size:9px;letter-spacing:4px;margin-bottom:9px}.showcase-heading h2{font-size:clamp(25px,6.7vw,34px);line-height:1.7}.showcase-heading .section-description{font-size:11px;margin-top:10px;line-height:2.2}.showcase-count{font-size:10px;padding-bottom:5px;min-width:95px;margin:0}.showcase-toolbar{width:100%;min-height:0;margin-bottom:20px}.model-showcase .filters{flex-wrap:wrap;gap:6px 0;justify-content:flex-start}.model-showcase .filter{font-size:10px;padding:9px 10px;flex:0 0 auto}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:15px 12px}.showcase-feature{grid-column:1/-1;grid-row:1;margin-top:0;height:380px;border-radius:65px 65px 14px 14px}.showcase-chair{grid-column:1;grid-row:2}.showcase-sofa{grid-column:2;grid-row:2}.showcase-chair,.showcase-sofa{height:300px;border-radius:50px 50px 14px 14px}.showcase-dining{grid-column:1/-1;grid-row:3}.showcase-console{grid-column:1/-1;grid-row:4}.showcase-dining,.showcase-console{height:255px;border-radius:45px 45px 14px 14px}.showcase-caption{min-height:67px;padding:10px 12px;gap:7px}.showcase-caption h3{font-size:13px}.showcase-caption small{font-size:10px}.showcase-chair .showcase-caption,.showcase-sofa .showcase-caption{padding:10px;min-height:75px}.showcase-chair .showcase-caption h3,.showcase-sofa .showcase-caption h3{font-size:12px}.showcase-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.showcase-grid.is-filtered .showcase-card{height:300px}.showcase-grid.is-filtered .showcase-card:only-child{grid-column:1/-1;height:360px}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-photo img{transition:none}.showcase-card:hover{transform:none}.showcase-card:hover .showcase-photo img{transform:none}}

/* Link to the full list, following the active filter. */
.showcase-all{display:flex;align-items:center;justify-content:center;gap:14px;width:fit-content;min-height:50px;margin:30px auto 0;padding:0 30px;border:1px solid #a78a68;border-radius:999px;color:#f3efe7;font-size:14px;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.showcase-all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.showcase-all:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.showcase-all:hover{background:#f3e9da;border-color:#f3e9da;color:#30241f}}
@media(max-width:767px){
 .showcase-all{width:100%;margin-top:20px}
 /* Slider: the wrap is 90% wide, so the row reaches past a 5vw gutter on each side. */
 .showcase-grid.card-slider{direction:rtl;gap:12px;margin-inline:-5vw;padding-inline:5vw;scroll-padding-inline:5vw}
 .showcase-grid.card-slider .showcase-card,.showcase-grid.card-slider.is-filtered .showcase-card{grid-column:auto;grid-row:auto;height:420px;margin-top:0;border-radius:60px 60px 14px 14px}
 .showcase-grid.card-slider .showcase-caption{padding:10px 12px;min-height:75px}
 .showcase-grid.card-slider .showcase-caption h3{font-size:14px}
 .model-showcase .card-slider-arrow{border-color:#a78a68;color:#f3efe7}
 .model-showcase .card-slider-dot:before{background:#6d5a4d}
 .model-showcase .card-slider-dot[aria-current=true]:before{background:#f3e9da}
}

/* Extra height for the button under each slider card. */
@media(max-width:767px){.showcase-grid.card-slider .showcase-card,.showcase-grid.card-slider.is-filtered .showcase-card{height:480px}}

/* Round arrow on product cards (tablets and up). */
.showcase-arrow{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid #d7c3ad;border-radius:50%;color:#4a3020;transition:background .25s,color .25s}
.showcase-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.showcase-card:hover .showcase-arrow{background:#452a1a;color:#fff7e9;border-color:#452a1a}
@media(min-width:768px) and (max-width:1050px){.showcase-arrow{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.showcase-arrow{transition:none}}