.clay-brand-hero{position:relative;display:block;width:100%;height:var(--clay-brand-hero-height-desktop, 760px);overflow:hidden;background:var(--clay-brand-hero-fallback, #8b4120);color:#fff}.clay-brand-hero__viewport,.clay-brand-hero__track,.clay-brand-hero__slide{width:100%;height:100%}.clay-brand-hero__track{position:relative}.clay-brand-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.clay-brand-hero__slide.is-active{z-index:2;opacity:1;visibility:visible}.clay-brand-hero__media,.clay-brand-hero__media picture,.clay-brand-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.clay-brand-hero__media{background:var(--clay-brand-hero-fallback, #8b4120)}.clay-brand-hero__image{object-fit:cover;object-position:var(--clay-brand-hero-position-desktop, center center)}.clay-brand-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--clay-brand-hero-overlay, .35))}.clay-brand-hero__content{position:relative;z-index:3;display:flex;width:min(calc(100% - 48px),760px);height:100%;margin-inline:auto;align-items:center;justify-content:center;flex-direction:column;text-align:center}.clay-brand-hero__eyebrow{margin-bottom:18px;color:var(--clay-brand-hero-eyebrow-color, #fff);font-size:var(--clay-brand-hero-eyebrow-size-desktop, 15px);font-weight:var(--clay-brand-hero-eyebrow-weight, 600)}.clay-brand-hero__title{color:var(--clay-brand-hero-title-color, #fff);font-family:"Cronicle Display",var(--font-heading--family, serif);font-size:var(--clay-brand-hero-title-size-desktop, 52px);font-weight:var(--clay-brand-hero-title-weight, 400);line-height:1.05}.clay-brand-hero__description{max-width:670px;color:var(--clay-brand-hero-description-color, #fff);margin:20px 0 0;font-size:var(--clay-brand-hero-description-size-desktop, 16px);font-weight:var(--clay-brand-hero-description-weight, 400);line-height:1.55}.clay-brand-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}.clay-brand-hero__button{display:inline-flex;min-width:132px;min-height:50px;align-items:center;justify-content:center;padding:12px 28px;border:1px solid #fff;border-radius:3px;color:#fff;text-decoration:none;font-size:var(--clay-brand-hero-button-size-desktop, 13px);font-weight:var(--clay-brand-hero-button-weight, 600);transition:background .18s ease,color .18s ease}.clay-brand-hero__button--primary{background:#fff;color:#262626}.clay-brand-hero__button--secondary{background:transparent}.clay-brand-hero__button:hover{background:#fff;color:#262626}.clay-brand-hero__dots{position:absolute;z-index:5;left:50%;bottom:28px;display:flex;gap:8px;transform:translate(-50%)}.clay-brand-hero__dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#ffffff8c;cursor:pointer}.clay-brand-hero__dot.is-active{background:#fff}.clay-brand-hero__arrow{position:absolute;z-index:5;top:50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:#0000001f;color:#fff;font-size:30px;line-height:1;cursor:pointer;transform:translateY(-50%)}.clay-brand-hero__arrow--prev{left:24px}.clay-brand-hero__arrow--next{right:24px}@media screen and (max-width:749px){.clay-brand-hero{height:var(--clay-brand-hero-height-mobile, 760px)}.clay-brand-hero__content{width:min(calc(100% - 40px),560px)}.clay-brand-hero__eyebrow{margin-bottom:14px}.clay-brand-hero__description{margin-top:16px}.clay-brand-hero__actions{width:100%;flex-direction:column;gap:12px;margin-top:26px}.clay-brand-hero__button{width:100%;min-height:52px}.clay-brand-hero__arrow{display:none}.clay-brand-hero__dots{bottom:22px}}@media(prefers-reduced-motion:reduce){.clay-brand-hero__slide,.clay-brand-hero__button{transition-duration:.01ms!important}}.clay-brand-hero{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.clay-brand-hero.is-dragging{cursor:grabbing}.clay-brand-hero a,.clay-brand-hero button{-webkit-user-select:none;user-select:none}@media screen and (max-width:749px){.clay-brand-hero__image{object-position:var(--clay-brand-hero-position-mobile, center center)}.clay-brand-hero__eyebrow{font-size:var(--clay-brand-hero-eyebrow-size-mobile, 14px)}.clay-brand-hero__title{font-size:var(--clay-brand-hero-title-size-mobile, 40px)}.clay-brand-hero__description{font-size:var(--clay-brand-hero-description-size-mobile, 15px)}.clay-brand-hero__button{font-size:var(--clay-brand-hero-button-size-mobile, 13px)}}.clay-brand-hero a,.clay-brand-hero button{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clay-brand-hero-slider.css.map */