/* cs-navigation */


/* hero-228 */
@media only screen and (min-width:0rem){#hero-228{text-align:center;padding:0 1rem;position:relative;z-index:1;overflow:hidden}#hero-228 .cs-background{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-2}#hero-228 .cs-background:before{content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(26,26,26,0.82) 10.79%,rgba(26,26,26,0) 51.86%,rgba(26,26,26,0.82) 68.43%);opacity:1;position:absolute;display:block;top:0;left:0;z-index:1;pointer-events:none}#hero-228 .cs-background video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}#hero-228 .cs-container{width:100%;max-width:80rem;padding:clamp(9rem,25.95vw,17.5rem)0 0;padding-bottom:clamp(3.75rem,12.5vw,25rem);margin:auto;position:relative;height:100vh;display:flex;align-items:flex-end}#hero-228 .cs-flex-group{width:90vw;max-width:clamp(45rem,60vw,35.125rem);display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;column-gap:1.25rem;box-sizing:border-box}#hero-228 .cs-topper{font-size:clamp(0.8125rem,1.6vw,1rem);line-height:1.2em;text-transform:uppercase;text-align:left;letter-spacing:0.1rem;font-weight:700;color:var(--primaryLight);margin-bottom:1rem;display:block}#hero-228 .cs-title{font-size:2rem;font-weight:500;line-height:1.2em;text-align:left;width:100%;margin:0 auto clamp(2rem,4vw,2.5rem)0;color:var(--white);position:relative;font-family:var(--firstFontTitle);max-width:80rem}#hero-228 .cs-text{font-size:clamp(1rem,1.95vw,1.25rem);line-height:1.5em;text-align:left;width:100%;margin:0 auto clamp(2rem,4vw,2.5rem)0;margin-bottom:clamp(2.5rem,4vw,3rem);color:var(--bodyTextColorWhite)}#hero-228 img{width:50%;height:auto;position:relative;object-fit:contain;margin-bottom:1rem}#hero-228 .cs-button-solid{font-size:1rem;line-height:clamp(2.875rem,5.5vw,3.5rem);width:11.25rem;text-decoration:none;font-weight:700;margin:0 1.25rem 1rem 0;color:#fff;padding:0;background-color:var(--primary);display:inline-block;position:relative;z-index:1}#hero-228 .cs-button-solid:before{content:"";position:absolute;display:block;height:100%;width:0%;background:#000;opacity:1;top:0;left:0;z-index:-1;transition:width 0.3s}#hero-228 .cs-button-solid:hover:before{width:100%}#hero-228 .cs-button-transparent{font-size:1rem;line-height:clamp(2.875rem,5.5vw,3.5rem);width:11.25rem;height:clamp(2.875rem,5.5vw,3.5rem);text-decoration:none;font-weight:700;margin:0;color:#fff;padding:0;background-color:transparent;border:1px solid var(--bodyTextColorWhite);box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;position:relative;z-index:1}#hero-228 .cs-button-transparent:before{content:"";position:absolute;display:block;background:#000;opacity:1;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:-1;transform-origin:left;transform:scaleX(0);transition:transform 0.3s}#hero-228 .cs-button-transparent:hover:before{transform:scaleX(1)}#hero-228 .cs-button-transparent .cs-img{display:block;margin-right:0.75rem}}@media only screen and (min-width:48rem){#hero-228{padding:0 clamp(2rem,5vw,2.5rem)}#hero-228 .cs-container{padding-bottom:4rem;padding-top:36rem}#hero-228 .cs-title{font-size:4rem;font-weight:500;line-height:1.2em;text-align:left;width:100%;margin:0 auto clamp(2rem,4vw,2.5rem)0;color:var(--white);position:relative;font-family:var(--firstFontTitle);max-width:30rem}#hero-228 .cs-button-solid{margin-bottom:0}#hero-228 img{width:auto;height:auto;position:relative;object-fit:contain;margin-bottom:1.5rem}}

/* sbsr-1599 */
@media only screen and (min-width:0rem){#sbsr-1599{padding:var(--sectionPadding);background-color:#EEE8E0}#sbsr-1599 .cs-container{width:100%;max-width:36.5rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,4rem)}#sbsr-1599 .cs-content{text-align:left;width:100%;display:flex;flex-direction:column;align-items:flex-start;z-index:10}#sbsr-1599 .cs-topper{font-size:var(--topperFontSize);line-height:1.2em;text-transform:uppercase;text-align:inherit;letter-spacing:0.1em;font-weight:700;color:var(--primary);margin-bottom:0.25rem;display:block}#sbsr-1599 .cs-title{font-size:var(--headerFontSize);font-weight:900;line-height:1.2em;text-align:inherit;max-width:43.75rem;margin:0 0 1rem 0;color:var(--headerColor);position:relative}#sbsr-1599 .cs-text{font-size:var(--bodyFontSize);line-height:1.5em;text-align:inherit;width:100%;max-width:40.625rem;margin:0;color:var(--primaryText)}#sbsr-1599 .cs-text:last-of-type{margin-bottom:2rem;color:var(--primaryLight);font-family:var(--headerFontFamily);font-weight:bolder;max-width:37rem;font-weight:16px}#sbsr-1599 .cs-button-solid{margin-bottom:2rem}#sbsr-1599 .cs-picture{width:100%;display:block;position:relative;z-index:1}#sbsr-1599 .cs-picture img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}#sbsr-1599 .cs-logo{margin-bottom:1rem;width:auto;max-width:11rem;object-fit:contain}#sbsr-1599 .cs-picture1{height:95vw;max-height:25rem;box-shadow:84px -73px 202.1px 4px rgba(174,162,150,0.5803921569)}#sbsr-1599 .cs-picture2{height:111vw;max-height:31.25rem;box-shadow:0px 51px 176.7px 6px #AEA295}#sbsr-1599 .cs-stats-group{width:100%;display:flex;flex-direction:column;gap:clamp(1.75rem,3vw,2.5rem)}#sbsr-1599 .cs-stats{width:100%;max-width:39.375rem;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,1fr);row-gap:1.5rem;column-gap:0.75rem;z-index:10}#sbsr-1599 .cs-stat{list-style:none;margin:0;padding:0 0 1.5rem 0;border-bottom:1px solid var(--secondary);display:flex;grid-column:span 4;flex-direction:column;align-self:stretch;align-content:space-between}#sbsr-1599 .cs-number{font-size:clamp(2.9375rem,3vw,2.4375rem);line-height:1.2em;font-weight:700;text-align:left;color:var(--headerColor);display:block;margin:0 0 0.625rem 0;font-family:var(--firstFontTitle)}#sbsr-1599 .cs-desc{font-size:1rem;line-height:1.5em;font-weight:400;text-align:left;margin:0;color:var(--bodyTextColor)}}@media only screen and (min-width:48rem){#sbsr-1599 .cs-container{max-width:80rem;flex-direction:row;justify-content:space-between;align-items:stretch}#sbsr-1599 .cs-content{order:2}#sbsr-1599 .cs-picture1{min-height:clamp(21.25rem,35vw,28.75rem);height:100%}#sbsr-1599 .cs-picture2{height:100%;max-height:100%}}

/* why-choose-1571 (adapted CodeStitch — Mosaic Suites palette) */
#why-choose-1571{padding:var(--sectionPadding);background-color:#F6F1E9;position:relative;z-index:1;overflow:hidden}
#why-choose-1571 .cs-container{width:100%;max-width:25rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,4rem)}
#why-choose-1571 .cs-content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}
#why-choose-1571 .cs-title{max-width:27ch;margin:0 0 1rem 0;font-family:var(--firstFontTitle);font-weight:500;color:var(--headerColor)}
#why-choose-1571 .cs-text{font-size:var(--bodyFontSize);line-height:1.5em;color:var(--bodyTextColor);margin:0;max-width:40.625rem}
#why-choose-1571 .cs-card-wrapper{width:100%;display:grid;grid-auto-flow:row;column-gap:clamp(1rem,2vw,1.25rem);row-gap:2.5rem;align-items:center}
#why-choose-1571 .cs-card-group{width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(1.5rem,5vw,3.75rem)}
#why-choose-1571 .cs-item{list-style:none;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem}
#why-choose-1571 .cs-icon-wrapper{display:flex;justify-content:center;align-items:center;flex-shrink:0}
#why-choose-1571 .cs-icon{width:2.25rem;height:auto}
#why-choose-1571 .cs-h3{font-size:1.375rem;font-weight:500;line-height:1.2em;margin:0 0 0.5rem;color:var(--headerColor);font-family:var(--firstFontTitle)}
#why-choose-1571 .cs-item-text{font-size:0.9375rem;line-height:1.5em;margin:0;color:var(--bodyTextColor)}
#why-choose-1571 .cs-image{width:80vw;max-width:22rem;margin:auto;display:block;position:relative}
#why-choose-1571 .cs-image img{width:100%;height:auto;display:block;box-shadow:32px -28px 120px 4px rgba(174,162,150,0.55)}
@media only screen and (min-width:48rem){
  #why-choose-1571 .cs-container{max-width:80rem}
  #why-choose-1571 .cs-card-wrapper{grid-template-columns:repeat(3,1fr)}
  #why-choose-1571 .cs-item{text-align:left;align-items:start}
  #why-choose-1571 .cs-image{width:30vw;max-width:22rem}
}
@media only screen and (min-width:64rem){
  #why-choose-1571 .cs-item{flex-direction:row}
}

/* quote-561 */
@media only screen and (min-width:0rem){#quote-561{padding:var(--sectionPadding);background-color:#EEE8E0}#quote-561 .cs-container{width:100%;max-width:80rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,4rem)}#quote-561 .cs-content{text-align:left;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2vw,1.25rem)}#quote-561 .cs-title{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem}#quote-561 .cs-title:before{content:"";width:3.125rem;height:2px;background:var(--secondary);opacity:1;display:block}#quote-561 .cs-quote{font-size:1.25rem;line-height:1.2em;font-weight:300;margin:0;color:var(--headerColor)}}

/* cs-modal-1605 */


/* cs-footer-841 */

/* Hero buttons inherit the global slide-animation style (override starter sweep effect) */
#hero-228 .cs-button-solid{display:inline-flex;align-items:center;width:auto;height:auto;padding:0;background-color:transparent;margin:0;line-height:normal}
#hero-228 .cs-button-solid:before,#hero-228 .cs-button-solid:hover:before{content:none;display:none;width:0}
#hero-228 .cs-button-box{margin-top:0;width:auto}
/* keep the slide-arrow icon at its intended size (the generic hero img rule must not touch it) */
#hero-228 .cs-button-icon{width:1.5rem;height:auto;margin:0}

/* Hero layout: logo on its own row, then title (left) + subtext/CTA (right) with their tops aligned, anchored to the bottom */
#hero-228 .cs-content{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;row-gap:0.35rem}
#hero-228 .cs-flex-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;row-gap:2rem;column-gap:clamp(2rem,6vw,6.25rem)}
#hero-228 .cs-flex{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#hero-228 .cs-flex1{width:100%;max-width:30rem;flex:1 1 auto;row-gap:0.35rem}
#hero-228 .cs-flex2{max-width:33.75rem}
#hero-228 .cs-logo{width:clamp(9rem,18vw,13rem);height:clamp(5.6rem,11.25vw,8.15rem);max-width:none;max-height:none;margin:0;object-fit:cover;object-position:center;display:block;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
#hero-228 .cs-title{margin:0;max-width:30rem}
#hero-228 .cs-text{margin:0 0 2rem;color:var(--bodyTextColorWhite);max-width:33.75rem}
@media only screen and (max-width:47.9375rem){
  #hero-228 .cs-logo{position:static;top:auto;left:auto;transform:none;width:clamp(7rem,28vw,10rem);height:auto;max-width:14rem;object-fit:contain;margin:0 0 0.75rem}
}
@media only screen and (min-width:64rem){
  #hero-228 .cs-flex-row{flex-direction:row;align-items:flex-start;justify-content:space-between}
}

/* hero-228 image slideshow (replaces background video) */
#hero-228 .cs-background{overflow:hidden}
#hero-228 .cs-background:before{z-index:5}
#hero-228 .cs-background .cs-hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;display:block;opacity:1;will-change:transform;animation:cs-hero-swipe 24s ease-in-out infinite;transform:translateX(100%)}
#hero-228 .cs-background .cs-hero-slide img{width:100%;height:100%;object-fit:cover;margin:0}
#hero-228 .cs-background .cs-hero-slide:nth-of-type(1){animation-delay:-1.2s}
#hero-228 .cs-background .cs-hero-slide:nth-of-type(2){animation-delay:4.8s}
#hero-228 .cs-background .cs-hero-slide:nth-of-type(3){animation-delay:10.8s}
#hero-228 .cs-background .cs-hero-slide:nth-of-type(4){animation-delay:16.8s}
@keyframes cs-hero-swipe{0%{transform:translateX(100%);z-index:2}5%{transform:translateX(0);z-index:2}25%{transform:translateX(0);z-index:1}30%{transform:translateX(-100%);z-index:1}100%{transform:translateX(-100%);z-index:0}}
@media (prefers-reduced-motion:reduce){
  #hero-228 .cs-background .cs-hero-slide{animation:none;transform:translateX(100%)}
  #hero-228 .cs-background .cs-hero-slide:nth-of-type(1){transform:translateX(0)}
}

/* Larger header navigation logo */




/* ---- Consistency pass: uniform body copy + fix stat-label overlap ---- */
/* Every home-page subtext shares one size / weight / line-height / family (color stays context-appropriate) */
#hero-228 .cs-text,
#sbsr-1599 .cs-text,
#sbsr-1599 .cs-text:last-of-type,
#collection-2474 .cs-text{font-size:var(--bodyFontSize);line-height:1.5em;font-weight:400;font-family:var(--bodyFontFamily)}
/* sbsr: replace the undefined --primaryText color and drop the bold/Montserrat emphasis on the closing line */
#sbsr-1599 .cs-text{color:var(--bodyTextColor)}
#sbsr-1599 .cs-text:last-of-type{color:var(--bodyTextColor);max-width:37rem}
/* hero subtext stays cream for contrast over the dark hero imagery, and keeps its larger lead size */
#hero-228 .cs-text{color:var(--bodyTextColorWhite);font-size:clamp(1rem,1.95vw,1.25rem)}
/* The stat "numbers" now hold words (Short-Term / Corporate / Mid-Term); shrink the oversized font and allow wrapping so they no longer collide */
#sbsr-1599 .cs-number{font-size:clamp(1.125rem,2.2vw,1.5rem);line-height:1.25em;overflow-wrap:break-word;word-break:normal;hyphens:auto}

/* ---- Homepage typography: keep section headings and copy consistent ---- */
#hero-228 .cs-title,
#collection-2474 .cs-title{font-family:var(--firstFontTitle);font-weight:500;line-height:1.15;letter-spacing:0;color:var(--headerColor)}
#hero-228 .cs-title{font-size:2.75rem;color:var(--white)}
#collection-2474 .cs-title{font-size:2.35rem}
#hero-228 .cs-text,
#sbsr-1599 .cs-text,
#sbsr-1599 .cs-text:last-of-type,
#collection-2474 .cs-text,
#quote-561 .cs-quote{font-family:var(--bodyFontFamily);font-size:1rem;line-height:1.6;font-weight:400;letter-spacing:0}
#quote-561 .cs-quote{color:var(--bodyTextColor);max-width:80rem}
@media only screen and (min-width:64rem){
  #hero-228 .cs-title{font-size:4rem}
  #collection-2474 .cs-title,
  #quote-561 .cs-title{font-size:3rem}
}

/* Hero subtext is the page's lead-in — restore its larger size (overrides the uniform 1rem body copy) */
#hero-228 .cs-text{font-size:clamp(1rem,1.95vw,1.25rem)}


/* Keep the footer logo compact and clear of the footer copy */






/* offerings-938 find your stay (CodeStitch services-938 sbs-cards, adapted) */
#offerings-938{padding:var(--sectionPadding);display:flex;flex-direction:column;align-items:center;gap:clamp(1.75rem,6vw,4.5rem);position:relative;z-index:1;background-color:#ECE3D8}
#offerings-938 .cs-container{width:100%;max-width:34.375rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,4rem)}
#offerings-938 .cs-content{text-align:center;width:100%;max-width:32.625rem;display:flex;flex-direction:column;align-items:center}
#offerings-938 .cs-title{font-family:var(--firstFontTitle);font-weight:500;line-height:1.2em;color:var(--headerColor);margin:0 0 1rem 0}
#offerings-938 .cs-text{margin:0 0 2rem 0;font-size:var(--bodyFontSize);line-height:1.6em;color:var(--bodyTextColor);max-width:31rem}
#offerings-938 .cs-picture-group{width:100%;max-width:39.375rem;position:relative;overflow:hidden;border-radius:0.5rem;box-shadow:0 40px 90px -45px rgba(174,162,150,0.85)}
#offerings-938 .cs-picture{width:100%;height:clamp(17.5rem,43vw,23.75rem);position:relative;display:block;z-index:1}
#offerings-938 .cs-picture:before{content:"";position:absolute;display:block;height:100%;width:100%;background:#1a1a1a;opacity:0.2;top:0;left:0;z-index:1;transition:opacity 0.3s}
#offerings-938 .cs-picture-group:hover .cs-picture:before{opacity:0.35}
#offerings-938 .cs-picture img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:-2;transition:transform 0.8s}
#offerings-938 .cs-picture-group:hover .cs-picture img{transform:scale(1.08)}
#offerings-938 .cs-card-group{margin:0;padding:0;width:100%;max-width:34.375rem;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,1.25rem)}
#offerings-938 .cs-item{width:100%;text-align:center;list-style:none;margin:0;padding:clamp(3rem,7vw,4rem) clamp(2rem,6vw,2.5rem);background-color:#F4EEE5;border-radius:0.5rem;box-sizing:border-box;grid-column:span 12;grid-row:span 1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}
#offerings-938 .cs-item:hover .cs-h3{color:var(--bodyTextColorWhite)}
#offerings-938 .cs-item:hover .cs-item-text{color:var(--bodyTextColorWhite);opacity:0.9}
#offerings-938 .cs-item:hover .cs-background{opacity:1}
#offerings-938 .cs-h3{font-size:clamp(1.25rem,3vw,1.5625rem);line-height:1.2em;margin:0 0 0.75rem 0;color:var(--headerColor);font-family:var(--headerFontFamily);font-weight:700;letter-spacing:0.05em;text-transform:uppercase;position:relative;z-index:2;transition:color 0.3s}
#offerings-938 .cs-item-text{font-size:clamp(0.875rem,1.5vw,1rem);line-height:1.5em;max-width:18.75rem;margin:0;padding:0;color:var(--bodyTextColor);position:relative;z-index:2;transition:color 0.3s}
#offerings-938 .cs-background{width:100%;height:100%;opacity:0;display:block;position:absolute;top:0;left:0;z-index:1;transition:opacity 0.3s}
#offerings-938 .cs-background:before{content:"";position:absolute;display:block;height:100%;width:100%;background:#1a1a1a;opacity:0.84;top:0;left:0;z-index:1}
#offerings-938 .cs-background img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}
@media only screen and (min-width:48rem){
  #offerings-938{overflow:visible}
  #offerings-938 .cs-container{max-width:80rem;justify-content:space-between;align-items:center;flex-direction:row}
  #offerings-938 .cs-content{text-align:left;width:44.6%;flex:none;align-items:flex-start}
  #offerings-938 .cs-picture-group{width:50%;flex:none}
  #offerings-938 .cs-card-group{max-width:80rem;display:flex;justify-content:space-evenly;height:23.125rem;gap:clamp(1rem,2vw,1.5rem)}
  #offerings-938 .cs-item{flex:1}
}

/* CodeStitch #collection-2474 adapted for Mosaic Suites — featured stay + card carousel */
@media only screen and (min-width:0rem){
  #collection-2474{padding:var(--sectionPadding);position:relative;z-index:1;background-color:#F6F1E9}
  #collection-2474 .cs-container{width:100%;max-width:80rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,5rem)}
  #collection-2474 .cs-picture-wrapper{width:100%;height:90vw;max-height:32.5rem;box-sizing:border-box;padding:clamp(1rem,3vw,2.5rem);display:flex;justify-content:center;align-items:flex-end;position:relative;overflow:hidden;border-radius:0.5rem}
  #collection-2474 .cs-picture{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-2}
  #collection-2474 .cs-picture img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
  #collection-2474 .cs-picture-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.55) 70%,rgba(0,0,0,0.78) 100%);z-index:-1;pointer-events:none}
  #collection-2474 .cs-cta{width:100%;background-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem;padding:0 0 0.25rem;position:relative;z-index:2}
  #collection-2474 .cs-heading{font-size:clamp(1.75rem,3.25vw,2.4375rem);font-weight:500;line-height:1.15em;text-align:center;letter-spacing:-0.01em;padding:0;color:var(--white);font-family:var(--firstFontTitle);text-shadow:0 2px 18px rgba(0,0,0,0.45)}
  #collection-2474 .cs-cta-text{font-size:clamp(0.875rem,1.3vw,1rem);font-weight:400;line-height:1.5em;text-align:center;letter-spacing:0.02em;margin:0 0 0.75rem;color:var(--bodyTextColorWhite);font-family:var(--bodyFontFamily);text-shadow:0 1px 10px rgba(0,0,0,0.5);max-width:34rem}
  #collection-2474 .cs-topper{font-size:var(--topperFontSize);line-height:1.2em;text-transform:uppercase;text-align:inherit;letter-spacing:0.1em;font-weight:700;color:var(--secondary);margin-bottom:0.25rem;display:block;font-family:var(--headerFontFamily)}
  #collection-2474 .cs-title{margin:0;font-family:var(--firstFontTitle);font-weight:500;color:var(--headerColor)}
  #collection-2474 .cs-text-wrapper .cs-text{margin:0.75rem 0 0;font-size:0.9375rem;line-height:1.55em;color:var(--bodyTextColor);max-width:46rem}
  #collection-2474 .cs-content{width:100%;display:flex;flex-direction:column;gap:clamp(3rem,6vw,4rem)}
  #collection-2474 .cs-card-group{width:100%;margin:0;padding:0;padding-bottom:clamp(3rem,6vw,4rem);overflow-x:scroll;display:flex;gap:1.25rem;scrollbar-width:thin;scrollbar-color:var(--secondary) #E7E7E8}
  #collection-2474 .cs-card-group::-webkit-scrollbar{height:0.25rem}
  #collection-2474 .cs-card-group::-webkit-scrollbar-track{background:#E7E7E8}
  #collection-2474 .cs-card-group::-webkit-scrollbar-thumb{background:var(--secondary)}
  #collection-2474 .cs-card-group::-webkit-scrollbar-thumb:hover{background:#8e8074}
  #collection-2474 .cs-item{text-align:left;list-style:none;width:100%;max-width:clamp(16.25rem,40vw,19.0625rem);overflow:hidden;grid-column:span 12;position:relative;z-index:1;transition:box-shadow 0.3s,transform 0.3s;flex:1 0 auto}
  #collection-2474 .cs-link{text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
  #collection-2474 .cs-image{width:100%;height:clamp(16.25rem,40vw,19.0625rem);background-color:var(--primary);overflow:hidden;display:block;position:relative;z-index:1;flex:none}
  #collection-2474 .cs-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform 0.6s,opacity 0.3s}
  #collection-2474 .cs-flex{height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}
  #collection-2474 .cs-tag{font-size:0.8125rem;font-weight:400;line-height:1.5em;text-overflow:ellipsis;margin:0 0 0.25rem;overflow:hidden;color:var(--secondary);text-transform:uppercase;letter-spacing:0.1em;font-family:var(--headerFontFamily);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch}
  #collection-2474 .cs-h3{font-size:1.25rem;font-weight:500;line-height:1.25em;text-align:inherit;text-overflow:ellipsis;letter-spacing:0;margin:0 0 1rem 0;overflow:hidden;color:var(--headerColor);font-family:var(--firstFontTitle);display:-webkit-box;transition:color 0.3s;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch}
  #collection-2474 .cs-price{font-size:1.0625rem;font-weight:500;line-height:1.2em;text-overflow:ellipsis;letter-spacing:0;overflow:hidden;color:var(--headerColor);font-family:var(--firstFontTitle);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch}
}
@media only screen and (min-width:48rem){
  #collection-2474 .cs-item{grid-column:span 6}
  #collection-2474 .cs-picture-wrapper{height:auto;max-height:100%;min-height:29.25rem}
}
@media only screen and (min-width:64rem){
  #collection-2474 .cs-container{flex-direction:row;align-items:stretch}
  #collection-2474 .cs-picture-wrapper{width:42%;height:auto;max-height:none;min-height:49rem;flex:none}
  #collection-2474 .cs-content{align-self:center}
}

/* Hero-228 baseline consolidated from critical.css */
#hero-228 .cs-content{row-gap:0.35rem}#hero-228 .cs-flex1{width:100%;max-width:30rem;row-gap:0.35rem}