/* Homepage collections: a staggered editorial grid and two complete room collections. */
.home-shop-section{padding-top:64px;color:var(--navy);scroll-margin-top:120px}
.home-shop-heading{max-width:720px;margin:0 auto 32px;text-align:center}
.home-shop-heading h2{font-size:clamp(27px,2.7vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.3;margin:0}
.home-shop-heading>p{font-size:0.875rem;line-height:1.8;color:#607080;margin:13px auto 0;max-width:560px}
.home-shop-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid #cdd6dd;border-radius:50%}
.home-shop-arrow svg{width:15px;height:15px}
.home-mosaic-surface{padding:42px 32px 32px;background:#eef3f7;border-radius:24px}
.home-mosaic-grid{display:grid;grid-template-columns:repeat(var(--home-mosaic-columns,5),minmax(0,1fr));gap:16px}
.home-mosaic-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.home-mosaic-tile{position:relative;min-width:0;overflow:hidden;border-radius:17px;isolation:isolate}
.home-mosaic-long{height:300px}
.home-mosaic-short{height:210px}
.home-mosaic-photo{display:block;color:white;background:#ddd7cd}
.home-mosaic-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#10202b10 48%,#10202bbf);z-index:-1}
.home-mosaic-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s ease}
.home-mosaic-copy h3{font-size:15px;font-weight:500;letter-spacing:-.3px;line-height:1.35;margin:0}
.home-mosaic-copy p{font-size:0.875rem;line-height:1.6;margin:7px 0 0}
.home-mosaic-photo .home-mosaic-copy{position:absolute;bottom:18px;left:15px;right:37px}
.home-mosaic-photo .home-mosaic-copy h3{color:white}
.home-mosaic-photo>.home-shop-arrow{position:absolute;bottom:18px;right:10px;width:24px;height:24px;border-color:#ffffff91;background:#ffffff12}
.home-mosaic-product{background:white;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:14px}
.home-mosaic-product-image{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%}
.home-mosaic-product-image img{height:100%;width:100%;object-fit:contain;filter:contrast(1.07)}
.home-mosaic-product .home-mosaic-copy{position:relative;min-height:54px;padding-right:23px;align-self:stretch}
.home-mosaic-product .home-mosaic-copy h3{font-size:14px}
.home-mosaic-product .home-mosaic-copy p{color:#607080;font-size:0.875rem;max-width:200px}
.home-mosaic-product>.home-shop-arrow{position:absolute;bottom:16px;right:10px;width:24px;height:24px}
.home-shop-groups{display:grid;gap:32px}
.home-shop-group{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#f7f7f4;border-radius:23px;overflow:hidden}
.home-group-lifestyle{position:relative;display:flex;align-items:flex-end;min-height:530px;overflow:hidden;isolation:isolate;color:white;background:#d6d5ce}
.home-group-lifestyle>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s ease}
.home-group-lifestyle::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#10202bc4);z-index:-1}
.home-group-lifestyle-copy{padding:34px;width:100%}
.home-group-lifestyle-copy>p{font-family:Poppins,sans-serif;font-weight:500;font-size:clamp(25px,2.4vw,34px);line-height:1.25;letter-spacing:-.8px;max-width:330px;margin:0 0 19px}
.home-group-lifestyle-copy>span{display:flex;align-items:center;gap:15px;font-size:0.875rem}
.home-group-lifestyle-copy .home-shop-arrow{border-color:#ffffff91}
.home-group-categories{padding:32px;align-self:center;min-width:0}
.home-group-heading{margin:0 0 23px}
.home-group-heading h3{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:0 0 9px}
.home-group-heading p{font-size:0.875rem;line-height:1.8;color:#607080;max-width:490px;margin:0}
.home-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}
.home-group-category{display:block;min-width:0}
.home-group-category-image{display:block;background:transparent;overflow:hidden;border:1px solid var(--line);border-radius:12px;aspect-ratio:1}
.home-group-category-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}
.home-group-category-name{display:flex;align-items:center;justify-content:space-between;gap:5px;font:500 0.875rem/1.5 Poppins,sans-serif;margin-top:10px;min-height:32px}
.home-group-category-name .home-shop-arrow{width:23px;height:23px;border-color:transparent}
.home-group-category-name .home-shop-arrow svg{width:13px;height:13px}
.home-shop-group-beds{background:#edf2f5}
.home-shop-group-beds .home-group-lifestyle{order:2}
.home-shop-group-beds .home-group-categories{order:1}
.home-shop-group-beds{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.home-mosaic-tile:hover .home-shop-arrow,.home-group-category:hover .home-shop-arrow{background:var(--navy);border-color:var(--navy);color:white}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-mosaic-photo:hover>img,.home-group-lifestyle:hover>img{transform:scale(1.025)}.home-group-category:hover img{transform:scale(1.04)}}
@media(max-width:1100px){
  .home-mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  #home-category-mosaic-lifestyle .home-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-mosaic-column{gap:18px}
}
@media(max-width:1000px){
  .home-mosaic-surface{padding:34px 24px 24px}
  .home-group-categories{padding:25px}
  .home-group-heading h3{font-size:23px}
  .home-group-grid{gap:16px 11px}
  .home-group-category-name{font-size:0.875rem}
  .home-group-lifestyle{min-height:480px}
  .home-group-lifestyle-copy{padding:25px}
}
@media(min-width:701px) and (max-width:900px){
  .home-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .home-group-lifestyle{min-height:620px}
}
@media(max-width:700px){
  .home-shop-section{padding-top:43px}
  .home-shop-heading{margin-bottom:25px}
  .home-shop-heading h2{font-size:26px;letter-spacing:-.7px}
  .home-shop-heading>p{font-size:0.875rem;line-height:1.75;max-width:330px}
  .home-category-mosaic>.container{padding-inline:14px}
  .home-mosaic-surface{padding:28px 14px 14px;border-radius:18px}
  .home-mosaic-surface .home-shop-heading{padding-inline:3px}
  .home-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .home-mosaic-column{gap:11px}
  .home-mosaic-tile{border-radius:12px}
  .home-mosaic-long{height:250px}
  .home-mosaic-short{height:190px}
  .home-mosaic-copy h3{font-size:14px;letter-spacing:-.3px}
  .home-mosaic-copy p{font-size:0.875rem;line-height:1.55;margin-top:6px}
  .home-mosaic-product{padding:12px}
  .home-mosaic-product .home-mosaic-copy{min-height:56px;padding-right:21px}
  .home-mosaic-product>.home-shop-arrow{bottom:15px;right:8px;width:23px;height:23px}
  .home-mosaic-photo .home-mosaic-copy{left:13px;right:13px;bottom:15px}
  .home-mosaic-photo .home-mosaic-copy p{max-width:125px;padding-right:13px}
  .home-mosaic-photo>.home-shop-arrow{right:9px;bottom:13px;width:23px;height:23px}
  .home-mosaic-photo .home-mosaic-copy h3{padding-right:11px}
  .home-shop-groups{gap:24px}
  .home-shop-group,.home-shop-group-beds{grid-template-columns:minmax(0,1fr);border-radius:17px}
  .home-shop-group .home-group-lifestyle{order:0;min-height:300px}
  .home-shop-group .home-group-categories{order:1;padding:24px 18px}
  .home-group-lifestyle-copy{padding:24px}
  .home-group-lifestyle-copy>p{font-size:29px;max-width:240px;margin-bottom:14px}
  .home-group-lifestyle-copy>span{font-size:0.875rem;gap:11px}
  .home-group-heading{margin-bottom:21px}
  .home-group-heading h3{font-size:24px}
  .home-group-heading p{font-size:0.875rem}
  .home-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}
  .home-group-category-name{font-size:0.875rem;line-height:1.5;margin-top:7px;gap:2px}
}
@media(max-width:360px){
  .home-mosaic-surface{padding-inline:11px}
  .home-mosaic-grid,.home-mosaic-column{gap:9px}
  .home-mosaic-copy h3,.home-mosaic-product .home-mosaic-copy h3{font-size:0.875rem}
  .home-mosaic-product .home-mosaic-copy p{font-size:0.875rem}
  .home-category-groups.container{padding-inline:16px}
  .home-shop-group .home-group-categories{padding:21px 14px}
  .home-group-category-name{font-size:0.875rem}
}
