/* Match the native category .container breakpoints and 24px content gutters. */
:root{--sl-container-max:100%}
@media(min-width:40rem){:root{--sl-container-max:40rem}}
@media(min-width:48rem){:root{--sl-container-max:48rem}}
@media(min-width:64rem){:root{--sl-container-max:64rem}}
@media(min-width:80rem){:root{--sl-container-max:80rem}}
@media(min-width:96rem){:root{--sl-container-max:96rem}}
.cms-index-index #maincontent .columns{width:100%;max-width:none;margin-inline:0;padding-inline:0}
.cms-index-index #maincontent .column.main{min-width:0;width:100%}
.cms-index-index .sl-hero{position:relative;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);padding-left:max(24px,calc((100% - var(--sl-container-max))/2 + 24px))}
.cms-index-index .sl-hero-copy{min-width:0;padding-left:0}
.cms-index-index .sl-welcome,.cms-index-index .sl-collections,.cms-index-index .sl-care{width:100%;max-width:var(--sl-container-max);margin-inline:auto;padding-inline:24px}
.sl-footer{padding-inline:max(24px,calc((100% - var(--sl-container-max))/2 + 24px))}
.cms-index-index .sl-welcome + .sl-collections{padding-top:48px}
.cms-index-index .sl-collection{min-width:0}
.cms-index-index .sl-collection h3{overflow-wrap:break-word}
@media(max-width:767px){
html{scrollbar-gutter:auto}
.cms-index-index .sl-hero{grid-template-columns:minmax(0,1fr);padding-left:0}
.cms-index-index .sl-hero-copy{padding-inline:24px}
.cms-index-index .sl-welcome + .sl-collections{padding-top:32px}
.cms-index-index .sl-ticket{padding-inline:20px}
}

/* Keep mobile breadcrumbs on one line without horizontal page overflow. */
@media(max-width:767px){nav.breadcrumbs .container{overflow:hidden}nav.breadcrumbs ol.items{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;min-width:0}nav.breadcrumbs ol.items>li{flex-shrink:0;white-space:nowrap}}