.srh{position:relative;overflow:hidden;min-height:var(--srh-min-h, 72vh);background:var(--srh-bg-color, #111);color:var(--srh-text, #fff);isolation:isolate}.srh,.srh *{box-sizing:border-box}.srh__media,.srh__bg,.srh__bg-img,.srh__overlay,.srh__vignette{position:absolute;top:0;right:0;bottom:0;left:0}.srh__media{z-index:0;overflow:hidden}.srh__bg{display:block;background:var(--srh-bg-color, #111)}.srh__bg-img{display:block;width:100%;height:100%;object-fit:cover}.srh__bg--placeholder{background:linear-gradient(180deg,#ffffff14,#fff0),#111}.srh__overlay{z-index:1;background:rgb(var(--srh-overlay-rgb, 0 0 0) / var(--srh-overlay-opacity, .3));pointer-events:none}.srh__vignette{z-index:2;background:radial-gradient(circle at 50% 46%,#0000 0 28%,rgb(0 0 0 / calc(var(--srh-vignette-opacity, .55) * .45)) 68%,rgb(0 0 0 / var(--srh-vignette-opacity, .55))),linear-gradient(90deg,rgb(0 0 0 / calc(var(--srh-vignette-opacity, .55) * .55)),#0000 34% 66%,rgb(0 0 0 / calc(var(--srh-vignette-opacity, .55) * .5)));pointer-events:none}.srh__stage{position:relative;z-index:2;min-height:var(--srh-min-h, 72vh);width:100%;max-width:1560px;margin:0 auto;padding:var(--srh-pad-y, 40px) var(--srh-pad-x, 40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,var(--srh-reel-w, 360px)) minmax(0,1fr);align-items:center;gap:44px}.srh__copy{max-width:var(--srh-content-w, 440px);color:var(--srh-text, #fff)}.srh--content-left .srh__copy{grid-column:1;justify-self:end;text-align:left}.srh--content-right .srh__copy{grid-column:3;justify-self:start;text-align:left}.srh--content-below .srh__stage{grid-template-columns:1fr;justify-items:center;align-content:center}.srh--content-below .srh__copy{order:2;text-align:center;max-width:min(720px,100%)}.srh--content-below .srh__reel{order:1}.srh__eyebrow{margin:0 0 14px;color:var(--srh-accent, #fff);font-size:12px;line-height:1.15;font-weight:800;letter-spacing:0;text-transform:uppercase}.srh__heading{margin:0;color:inherit;font-size:54px;line-height:.96;font-weight:900;letter-spacing:0;text-wrap:balance}.srh__body{margin-top:18px;color:#ffffffd1;font-size:17px;line-height:1.5;max-width:38em}.srh__body p{margin:0}.srh__actions{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.srh__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 20px;border:1px solid rgb(255 255 255 / .78);border-radius:999px;color:inherit;font-size:13px;line-height:1;font-weight:800;letter-spacing:0;text-transform:uppercase;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.srh__btn--primary{background:#fff;color:#111;border-color:#fff}.srh__btn--secondary{background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(hover:hover){.srh__btn:hover{transform:translateY(-1px)}.srh__btn--primary:hover{background:var(--srh-accent, #fff);border-color:var(--srh-accent, #fff)}.srh__btn--secondary:hover{background:#ffffff2e;border-color:#fff}}.srh__reel{grid-column:2;justify-self:center;width:min(var(--srh-reel-w, 360px),31vw);min-width:260px;max-width:100%;color:#fff}.srh--no-content .srh__stage{grid-template-columns:1fr;justify-items:center}.srh--no-content .srh__reel{grid-column:1}.srh__reel-media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--srh-reel-radius, 22px);background:#0b0b0b;box-shadow:0 26px 80px #00000070;transform:translateZ(0)}.srh__reel-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border:1px solid rgb(255 255 255 / .2);border-radius:inherit;pointer-events:none}.srh__poster,.srh__mux,.srh__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background:#0b0b0b}.srh__poster{z-index:1;transition:opacity .26s ease}.srh__poster--empty{display:grid;place-items:center;padding:24px;color:#ffffffa8;font-size:13px;font-weight:800;text-align:center;text-transform:uppercase}.srh__mux,.srh__video{z-index:2;opacity:0;transition:opacity .26s ease}.srh__reel.has-video-frame .srh__mux,.srh__reel.has-video-frame .srh__video{opacity:1}.srh__reel.has-video-frame .srh__poster{opacity:0}.srh__play{position:absolute;left:50%;top:50%;z-index:6;width:62px;height:62px;display:grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / .32);border-radius:50%;background:#0000006b;color:#fff;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:opacity .18s ease,transform .18s ease,background .18s ease}.srh__play-icon--pause{display:none}.srh__reel.is-playing .srh__play{opacity:0;pointer-events:none}.srh__reel.is-playing .srh__play-icon--play{display:none}.srh__reel.is-playing .srh__play-icon--pause{display:block}@media(hover:hover){.srh__reel-media:hover .srh__play{opacity:1;pointer-events:auto;background:#00000094;transform:translate(-50%,-50%) scale(1.04)}}.srh__controls{margin-top:14px;display:flex;justify-content:center;gap:8px}.srh__control{min-height:34px;padding:8px 12px;border:1px solid rgb(255 255 255 / .24);border-radius:999px;background:#00000047;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit;font-size:11px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase;cursor:pointer}@media(max-width:1180px){.srh__stage{grid-template-columns:minmax(0,.9fr) minmax(220px,var(--srh-reel-w, 360px)) minmax(0,.9fr);gap:30px}.srh__heading{font-size:44px}}@media(max-width:749px){.srh{min-height:var(--srh-min-h-mobile, 88svh)}.srh__stage{min-height:var(--srh-min-h-mobile, 88svh);padding:max(22px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:22px}.srh__copy{width:min(100%,520px);max-width:100%;text-align:center;justify-self:auto}.srh--mobile-text-above .srh__copy{order:1}.srh--mobile-text-above .srh__reel{order:2}.srh--mobile-text-below .srh__reel{order:1}.srh--mobile-text-below .srh__copy{order:2}.srh--mobile-text-hidden .srh__copy{display:none}.srh__eyebrow{margin-bottom:10px;font-size:11px}.srh__heading{font-size:34px;line-height:1}.srh__body{margin-top:12px;font-size:14px;line-height:1.45}.srh__actions{margin-top:18px;justify-content:center;gap:8px}.srh__btn{min-height:42px;padding:11px 15px;font-size:11px}.srh__reel{width:min(var(--srh-reel-w-mobile, 72vw),calc(100vw - 48px));min-width:0}.srh__reel-media{border-radius:var(--srh-reel-radius-mobile, 18px);box-shadow:0 20px 54px #0000006b}.srh__play{width:56px;height:56px}.srh__controls{margin-top:10px}.srh__control{min-height:32px;padding:8px 11px;font-size:10px}}@media(max-width:370px){.srh__heading{font-size:30px}.srh__body{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/saintz-reels-hero.css.map */