.hero-carousel{position:relative;width:100%;min-width:0;background:#13171b;min-height:580px;overflow:hidden}.hero-slide{position:absolute;inset:0}.hero-slide[hidden]{display:none}.hero-slide>img,.hero-slide>video,.slide-youtube,.slide-youtube>iframe{width:100%;height:100%;object-fit:cover;border:0;position:absolute;inset:0}.hero-slide.has-copy:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090c10db,#090c1080 50%,transparent);pointer-events:none}.slide-copy{position:relative;z-index:2;padding:60px 40px 85px;max-width:740px;color:white}.slide-copy h1{font-family:Thai,Google,sans-serif;font-size:39px;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.slide-copy p{font-size:20px;line-height:1.7;white-space:pre-line;color:#f0f1f3;overflow-wrap:anywhere}.slide-copy .actions{margin-top:28px}.slide-copy .button{font-size:15px;min-width:150px;padding:13px 23px}.slide-controls{position:absolute;z-index:4;bottom:18px;right:22px;display:flex;align-items:center;gap:8px;background:#161b24aa;backdrop-filter:blur(8px);border:1px solid #ffffff30;padding:4px;border-radius:25px;color:#fff}.slide-controls button{width:34px;height:34px;background:transparent;color:#fff;font-size:21px;border-radius:50%}.slide-controls button:hover{background:#ffffff25}.slide-controls span{font:11px Google,Thai,sans-serif;min-width:43px;text-align:center}.slide-controls button:focus-visible{outline:2px solid #fff}.storefront .reference-hero.custom-slides{background:#14171b}.storefront .reference-hero.custom-slides:before{display:none}.custom-slides .reference-hero-inner{gap:0}.custom-slides .machine-menu{z-index:3}.custom-slides .hero-carousel{flex:1;align-self:stretch}.slides-preview{border-radius:12px;overflow:hidden}.slide-edit-image{width:300px;max-height:170px;object-fit:contain;margin-top:12px}.slide-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px}.slide-delete{margin-top:25px}.slide-delete summary{cursor:pointer;color:#c62830}.slide-delete p{margin-top:12px;font-size:12px}@media(max-width:1000px){.slide-copy{padding:40px 25px 80px}.slide-copy h1{font-size:31px}.slide-copy p{font-size:16px}}@media(max-width:760px){.hero-carousel{min-height:420px}.custom-slides .reference-hero-inner{width:100%;min-height:420px}.slide-copy{padding:40px 22px 80px}.slide-copy h1{font-size:28px}.slide-copy p{font-size:15px}.slide-copy .button{font-size:12px;min-width:120px;padding:10px 15px}.slide-controls{right:14px;bottom:14px}.slide-info{flex-direction:column;align-items:flex-start}}
/* Full-bleed media, with menu and copy aligned to the main navigation. */
.storefront .custom-slides .reference-hero-inner{width:100%;padding-left:max(32px,calc((100% - 1240px)/2));isolation:isolate}
.storefront .custom-slides .hero-carousel{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0}
.storefront .custom-slides .machine-menu{position:relative;z-index:3}
.hero-slide{display:flex;align-items:center}
.hero-slide[hidden]{display:none}
.slide-copy{padding-top:48px;padding-bottom:48px;width:100%;max-height:100%;overflow:auto}
.storefront .custom-slides .slide-copy{margin-left:calc(max(32px,(100% - 1240px)/2) + 272px);max-width:min(740px,calc(100% - max(32px,(100% - 1240px)/2) - 272px));padding-bottom:64px}
@media(max-width:1200px){.storefront .custom-slides .slide-copy{margin-left:262px;max-width:calc(100% - 262px)}}
@media(max-width:760px){.storefront .custom-slides .reference-hero-inner{padding-left:0}.storefront .custom-slides .slide-copy{margin-left:0;max-width:100%;padding-top:32px;padding-bottom:64px}}

/* Keep long category lists from determining the desktop hero height. */
@media(min-width:761px){
 .storefront .reference-hero-inner{height:580px;min-height:580px}
 .storefront .reference-hero .machine-menu{height:100%;max-height:580px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b7bbc2 #f5f5f6}
 .storefront .reference-hero .machine-menu::-webkit-scrollbar{width:6px}
 .storefront .reference-hero .machine-menu::-webkit-scrollbar-track{background:#f5f5f6}
 .storefront .reference-hero .machine-menu::-webkit-scrollbar-thumb{background:#b7bbc2;border-radius:6px}
 .storefront .reference-hero .machine-menu:focus-visible{outline:2px solid #c9232a;outline-offset:-2px}
 .storefront .reference-hero .reference-copy{min-height:0;overflow-y:auto}
}

/* Text on photographic slides uses its own contrast, independent of page text. */
.storefront .hero-carousel .slide-copy{color:#fff}
.storefront .hero-carousel .slide-copy h1{color:#fff}
.storefront .hero-carousel .slide-copy p{color:#f0f1f3}

/* Per-slide appearance applies equally to the storefront and admin preview. */
.hero-carousel .hero-slide .slide-copy h1{color:var(--slide-heading-color,#fff);font-size:var(--slide-heading-size,39px)}
.hero-carousel .hero-slide .slide-copy p{color:var(--slide-description-color,#f0f1f3);font-size:var(--slide-description-size,20px)}
.hero-carousel .hero-slide .slide-copy .button{background:var(--slide-button-color,#d71f27);color:var(--slide-button-text,#fff)}
.hero-carousel .hero-slide.has-copy:after{background:linear-gradient(90deg,rgb(9 12 16 / calc(var(--slide-overlay,85) / 100)),rgb(9 12 16 / calc(var(--slide-overlay,85) / 200)) 50%,transparent)}
@media(max-width:1000px){.hero-carousel .hero-slide .slide-copy h1{font-size:calc(var(--slide-heading-size,39px) * .8)}.hero-carousel .hero-slide .slide-copy p{font-size:max(14px,calc(var(--slide-description-size,20px) * .8))}}
@media(max-width:760px){.hero-carousel .hero-slide .slide-copy h1{font-size:max(24px,calc(var(--slide-heading-size,39px) * .72))}.hero-carousel .hero-slide .slide-copy p{font-size:max(14px,calc(var(--slide-description-size,20px) * .75))}}

/* Reclaim the sidebar space when the home category menu is collapsed. */
@media(min-width:761px){
 .storefront .custom-slides.menu-collapsed .slide-copy{padding-left:0;margin-left:max(32px,calc((100% - 1240px)/2));max-width:min(740px,calc(100% - max(32px,(100% - 1240px)/2)))}
}