@charset "utf-8";

.headlineXXXL { font-size: calc(57.1429px + 2.23214vw); line-height: calc(61.4286px + 2.00893vw); }

.headlineXXL { font-size: calc(28.5714px + 2.67857vw); line-height: calc(38.8571px + 2.45536vw); }

.headlineXL { font-size: calc(4.14286px + 3.01339vw); line-height: calc(8px + 3.125vw); }

.headlineL { font-size: calc(0.285714px + 2.90179vw); line-height: calc(2px + 3.125vw); }

.headlineM { font-size: calc(-5.71429px + 2.90179vw); line-height: calc(2.57143px + 2.67857vw); }

.headlineS { font-size: calc(-7.42857px + 2.67857vw); line-height: calc(5.14286px + 2.23214vw); }

.headlineXS { font-size: calc(-2.85714px + 2.23214vw); line-height: calc(-1.14286px + 2.45536vw); }

.headlineXXS { font-size: calc(-1.42857px + 1.89732vw); line-height: calc(1.42857px + 2.00893vw); }

.headline32 { font-size: calc(-4.42857px + 1.89732vw); line-height: calc(-1.57143px + 2.00893vw); }

.headline8vw { font-size: 8vw; line-height: 1; }

.headline75vw { font-size: 7.5vw; line-height: 1; }

.headline7vw { font-size: 7vw; line-height: 1; }

.headline65vw { font-size: 6.5vw; line-height: 1; }

.headline6vw { font-size: 6vw; line-height: 1; }

.copyL, .copyXL, .copyXS, .headline32, .headlineL, .headlineM, .headlineS, .headlineXL, .headlineXS, .headlineXXL, .headlineXXS, .headlineXXXL { letter-spacing: 0.04em; text-transform: uppercase; }

.copyXL { font-size: calc(6.57143px + 1.11607vw); line-height: calc(12.5714px + 1.11607vw); }

.copyL { font-size: calc(2.57143px + 1.11607vw); line-height: calc(8.57143px + 1.11607vw); text-transform: uppercase; }

.copyM, .copyS { letter-spacing: 0px; text-transform: none; }

.copyM { font-size: calc(7.14286px + 0.669643vw); line-height: calc(13.1429px + 0.669643vw); }

.copyS { font-size: calc(5.14286px + 0.669643vw); line-height: calc(6.85714px + 0.892857vw); }

.copyXS, .ctaL { font-size: calc(7.42857px + 0.446429vw); }

.ctaL, .ctaS { letter-spacing: 0.04em; }

.copyXS { line-height: calc(11.4286px + 0.446429vw); }

.ctaL { line-height: calc(9.14286px + 0.669643vw); }

.ctaS { font-size: calc(9.71429px + 0.223214vw); line-height: calc(11.4286px + 0.446429vw); }

.ctaL.txt-black, .ctaS.txt-black { color: rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); display: inline-block; text-transform: uppercase; }

.ctaL.txt-white, .ctaS.txt-white { color: rgb(253, 253, 253); border-bottom: 1px solid rgb(253, 253, 253); -webkit-font-smoothing: inherit; display: inline-block; text-transform: uppercase; }

@media only screen and (min-width: 1920px) {
  .headlineXXXL { font-size: 100px; line-height: 108px; }
  .headlineXXL { font-size: 80px; line-height: 86px; }
  .headlineXL { font-size: 62px; line-height: 68px; }
  .headlineL { font-size: 56px; line-height: 62px; }
  .headlineM { font-size: 50px; line-height: 54px; }
  .headlineS { font-size: 44px; line-height: 48px; }
  .headlineXS { font-size: 40px; line-height: 46px; }
  .headlineXXS { font-size: 35px; line-height: 40px; }
  .headline32 { font-size: 32px; line-height: 37px; }
  .copyXL { font-size: 28px; line-height: 34px; }
  .copyL { font-size: 24px; line-height: 30px; }
  .copyM { font-size: 20px; line-height: 26px; }
  .copyS { font-size: 18px; line-height: 24px; }
  .copyXS, .ctaL { font-size: 16px; }
  .copyXS { line-height: 20px; }
  .ctaS { font-size: 14px; }
}

@media only screen and (max-width: 1024px) {
  .headlineXXXL { font-size: 80px; line-height: 86px; }
  .headlineXXL { font-size: 56px; line-height: 64px; }
  .headlineXL { font-size: 35px; line-height: 40px; }
  .headlineL { font-size: 30px; line-height: 34px; }
  .headlineM { font-size: 24px; line-height: 30px; }
  .headlineS, .headlineXS { font-size: 20px; line-height: 24px; }
  .headlineXXS { font-size: 18px; line-height: 22px; }
  .headline32 { font-size: 15px; line-height: 19px; }
  .copyXL { font-size: 18px; line-height: 24px; }
  .copyL, .copyM { font-size: 14px; line-height: 20px; }
  .copyS, .copyXS, .ctaL, .ctaS { font-size: 12px; }
  .copyS, .copyXS { line-height: 16px; }
}

.txt-black { color: rgb(34, 34, 34); }

.txt-white { color: rgb(255, 255, 255); }

.textDiv { position: absolute; }

.brandSplit a, .grid1x_left_2, .grid1x_left_3, .grid1x_right_2, .grid1x_right_2 > a, .grid1x_right_3, .grid3_container > a, .grid3_super > a, .grid4_container > a, .grid4_headline h2, .nextContainer { position: relative; }

.nextContainer { width: 100%; min-width: 744px; overflow: hidden; }

.nextContainer a { text-decoration: none; }

.nextContainer h2, .nextContainer h3, .nextContainer p { margin: 0px; padding: 0px; }

.grid4_container img, .nextImg { width: 100%; }

.grid4_headline { padding: 0px 50px 2% 0px; }

.grid4_headline h2::before { border-top: 1px solid rgb(204, 204, 204); content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; }

.grid4_headline h2 span { background: rgb(255, 255, 255); padding-right: 25px; position: relative; z-index: 1; }

.grid3_container, .grid4_container { display: -webkit-flex; flex-wrap: nowrap; justify-content: space-between; padding: 0px 50px 0px 0px; }

.grid4_container > a { width: 23.65%; }

.grid3_container > a { width: 31.45%; }

.grid3_super { display: -webkit-flex; flex-wrap: wrap; justify-content: flex-start; padding: 0px 50px 0px 0px; }

.grid3_super > a { width: 31.65%; margin-bottom: 5%; }

.grid3_super a:nth-child(3n-1) { margin-left: 2.5%; margin-right: 2.5%; }

.grid3_super .grid4_item h2 { padding: 0px; text-transform: uppercase; letter-spacing: 0.04em; }

.grid3_super .grid4_item_wide { width: 65.8%; margin-right: 0px !important; }

.grid1x_container { display: -webkit-flex; flex-wrap: nowrap; justify-content: space-between; margin: 0px 50px 0px 0px; }

.grid1x_left_2 { width: 77.35%; }

.grid1x_left_3 { width: 66.35%; }

.grid1x_right_2 { flex-direction: column; width: 20.45%; }

.grid1x_right_3 { flex-direction: column; width: 29.9%; }

.grid1x_right_2 > a { display: inline-block; }

.brandSplit { display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }

.brandSplit a { flex-direction: column; width: 48.8%; }

.grid3_super a:focus::after, .grid3_super a:focus::before, .nextContainer a:focus::after, .nextContainer a:focus::before { display: inline-block; border-width: 1px; border-radius: 0.1em; border-style: dotted; position: absolute; z-index: 999; content: ""; }

.nextContainer a:focus::before { border-color: rgb(0, 0, 0); inset: 0.1em; }

.grid3_super a:focus::after, .nextContainer a:focus::after { border-color: rgb(255, 255, 255); inset: 0.15em; }

.grid3_super a:focus::before { border-color: rgb(0, 0, 0); top: 0.1em; bottom: 0.1em; left: 0.1em; }

.hcWhite { background-color: rgba(255, 255, 255, 0.01); }

.hcBlack { background-color: rgba(0, 0, 0, 0.01); }

.copy-html-button { background: linear-gradient(rgb(45, 171, 249) 5%, rgb(6, 136, 250) 100%) rgb(45, 171, 249); border-radius: 3px; display: inline-block; cursor: pointer; color: rgb(255, 255, 255); font-family: Arial; font-size: 15px; padding: 9px 23px; position: absolute; right: 20px; margin: 20px 0px; }

@media only screen and (max-width: 320px) {
  .mob64-responsive { font-size: 62px; line-height: 64px; }
  .mob46-responsive { font-size: 44px; line-height: 46px; }
  .mob36-responsive { font-size: 34px; line-height: 38px; }
  .mob31-responsive { font-size: 29px; line-height: 34px; }
  .mob30-responsive { font-size: 28px; line-height: 32px; }
  .mob28-responsive { font-size: 26px; line-height: 30px; }
  .mob26-responsive { font-size: 24px; line-height: 28px; }
  .mob24-responsive { font-size: 22px; line-height: 26px; }
  .mob21-responsive { font-size: 19px; line-height: 23px; }
  .mob20-responsive { font-size: 18px; line-height: 22px; }
  .mob18-responsive { font-size: 16px; line-height: 20px; }
  .mob16-responsive { font-size: 14px; line-height: 18px; }
  .mob15-responsive { font-size: 13px; line-height: 17px; }
  .mob13-responsive, .mob14-responsive { font-size: 12px; }
  .mob14-responsive { line-height: 16px; }
  .mob13-responsive { line-height: 16px; }
  .mobcta-responsive { font-size: 13px; line-height: 17px; }
}

@media only screen and (max-width: 767px) {
  .mob28-responsive, .mob30-responsive, .mob31-responsive, .mob36-responsive { text-transform: uppercase; }
  .mob26-responsive, .mob28-responsive, .mob30-responsive, .mob31-responsive { letter-spacing: 0.04em; }
  .mob64-responsive { font-size: 64px; line-height: 66px; letter-spacing: 0.04em; }
  .mob46-responsive { font-size: 46px; line-height: 48px; }
  .mob36-responsive { font-size: 36px; line-height: 40px; }
  .mob31-responsive { font-size: 31px; line-height: 36px; }
  .mob30-responsive { font-size: 30px; line-height: 34px; }
  .mob28-responsive { font-size: 28px; line-height: 32px; }
  .mob26-responsive { font-size: 26px; line-height: 30px; text-transform: uppercase; }
  .mob18-responsive, .mob21-responsive, .mob24-responsive { letter-spacing: 0.04em; text-transform: uppercase; }
  .mob24-responsive { font-size: 24px; line-height: 28px; }
  .mob21-responsive { font-size: 21px; line-height: 25px; }
  .mob20-responsive { font-size: 20px; line-height: 24px; }
  .mob18-responsive { font-size: 18px; line-height: 22px; }
  .mob16-responsive { font-size: 16px; line-height: 19px; letter-spacing: 0.04em; text-transform: uppercase; }
  .mob15-responsive { font-size: 15px; line-height: 18px; letter-spacing: 0.04em; text-transform: uppercase; }
  .mob13-responsive { letter-spacing: 0em; }
  .mob12-responsive { font-size: 12px; line-height: 18px; letter-spacing: 0.04em; text-transform: uppercase; }
  .mob14-responsive { font-size: 14px; line-height: 18px; letter-spacing: 0.04em; text-transform: uppercase; }
  .mob13-responsive, .mobcta-responsive { font-size: 13px; }
  .mob13-responsive { line-height: 17px; }
  .mobcta-responsive { line-height: 17px; text-decoration: underline; text-transform: uppercase; letter-spacing: 0.04em; }
}

@media only screen and (min-width: 768px) {
  .headlineXXXL-responsive { font-size: calc(57.1429px + 2.23214vw); line-height: calc(61.4286px + 2.00893vw); }
  .headlineXXL-responsive { font-size: calc(28.5714px + 2.67857vw); line-height: calc(38.8571px + 2.45536vw); }
  .headlineXL-responsive { font-size: calc(4.14286px + 3.01339vw); line-height: calc(8px + 3.125vw); }
  .headlineL-responsive { font-size: calc(0.285714px + 2.90179vw); line-height: calc(2px + 3.125vw); }
  .headlineM-responsive { font-size: calc(-5.71429px + 2.90179vw); line-height: calc(2.57143px + 2.67857vw); }
  .headlineS-responsive { font-size: calc(-7.42857px + 2.67857vw); line-height: calc(5.14286px + 2.23214vw); }
  .headlineXS-responsive { font-size: calc(-2.85714px + 2.23214vw); line-height: calc(-1.14286px + 2.45536vw); }
  .headlineXXS-responsive { font-size: calc(-1.42857px + 1.89732vw); line-height: calc(1.42857px + 2.00893vw); }
  .headline32-responsive { font-size: calc(-4.42857px + 1.89732vw); line-height: calc(-1.57143px + 2.00893vw); }
  .headline8vw-responsive { font-size: 8vw; line-height: 1; }
  .headline75vw-responsive { font-size: 7.5vw; line-height: 1; }
  .headline7vw-responsive { font-size: 7vw; line-height: 1; }
  .headline65vw-responsive { font-size: 6.5vw; line-height: 1; }
  .headline6vw-responsive { font-size: 6vw; line-height: 1; }
  .copyL-responsive, .copyXL-responsive, .copyXS-responsive, .headline32-responsive, .headlineL-responsive, .headlineM-responsive, .headlineS-responsive, .headlineXL-responsive, .headlineXS-responsive, .headlineXXL-responsive, .headlineXXS-responsive, .headlineXXXL-responsive { letter-spacing: 0.04em; text-transform: uppercase; }
  .copyXL-responsive { font-size: calc(6.57143px + 1.11607vw); line-height: calc(12.5714px + 1.11607vw); }
  .copyL-responsive { font-size: calc(2.57143px + 1.11607vw); line-height: calc(8.57143px + 1.11607vw); text-transform: uppercase; }
  .copyM-responsive, .copyS-responsive { letter-spacing: 0px; text-transform: none; }
  .copyM-responsive { font-size: calc(7.14286px + 0.669643vw); line-height: calc(13.1429px + 0.669643vw); }
  .copyS-responsive { font-size: calc(5.14286px + 0.669643vw); line-height: calc(6.85714px + 0.892857vw); }
  .copyXS-responsive, .ctaL-responsive { font-size: calc(7.42857px + 0.446429vw); }
  .ctaL-responsive, .ctaS-responsive { letter-spacing: 0.04em; }
  .copyXS-responsive { line-height: calc(11.4286px + 0.446429vw); }
  .ctaL-responsive { line-height: calc(9.14286px + 0.669643vw); }
  .ctaS-responsive { font-size: calc(9.71429px + 0.223214vw); line-height: calc(11.4286px + 0.446429vw); }
}

@media only screen and (min-width: 1920px) {
  .headlineXXXL-responsive { font-size: 100px; line-height: 108px; }
  .headlineXXL-responsive { font-size: 80px; line-height: 86px; }
  .headlineXL-responsive { font-size: 62px; line-height: 68px; }
  .headlineL-responsive { font-size: 56px; line-height: 62px; }
  .headlineM-responsive { font-size: 50px; line-height: 54px; }
  .headlineS-responsive { font-size: 44px; line-height: 48px; }
  .headlineXS-responsive { font-size: 40px; line-height: 46px; }
  .headlineXXS-responsive { font-size: 35px; line-height: 40px; }
  .headline32-responsive { font-size: 32px; line-height: 37px; }
  .copyXL-responsive { font-size: 28px; line-height: 34px; }
  .copyL-responsive { font-size: 24px; line-height: 30px; }
  .copyM-responsive { font-size: 20px; line-height: 26px; }
  .copyS-responsive { font-size: 18px; line-height: 24px; }
  .copyXS-responsive, .ctaL-responsive { font-size: 16px; }
  .copyXS-responsive { line-height: 20px; }
  .ctaS-responsive { font-size: 14px; }
}

@media only screen and (max-width: 767px) {
  .text-desktop-only { display: none; }
}

@media only screen and (min-width: 768px) {
  .text-mobile-only { display: none; }
}

.cb2-sectra-regular { letter-spacing: 0px !important; }

a.cb2-brown-regular, a.cb2-brown-light, button .cb2-brown-regular, button .cb2-brown-light { letter-spacing: 0.04em !important; }

.subway-carousel-container.plp-subway-carousel #plp-subway-carousel .dsEachItem_1a0hF:has(a[href="/furniture/sectional-individual-pieces/1"]), .subway-carousel-container.plp-subway-carousel .subway-carousel-item:has(a[href="/furniture/sectional-individual-pieces/1"]) { display: none; }

@media only screen and (max-width: 767px) {
  .subway-carousel-container.plp-subway-carousel .subway-carousel-item:has(img[src*="ViewAll"]) { display: none; }
  .subway-carousel-container.plp-subway-carousel:has(img[src*="ViewAll"]) .subway-carousel-item:nth-child(2) { padding-left: 1em; }
}

@media only screen and (min-width: 768px) {
  #plp-subway-carousel-track #plp-subway-carousel-slide-1:has(img[src*="ViewAll"]) { display: none; }
}