/* Swop Hero 1.3 — every selector starts with ":root .swhr:is(.swhr,#a#b#c#d)": it matches every hero but weighs as four ids, so theme and builder CSS (Divi, BeTheme) cannot win. Edit this file directly. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d), :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) *, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) *::before, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) *::after{box-sizing: border-box;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d){display: block; margin: 0; padding: clamp(18px, 3vw, 34px) 0; background: none; border: 0; color: var(--swhr-ink); font: inherit; line-height: 1.5; text-align: left;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) :is(p, h1, h2, figure, picture, ul, li){margin: 0; padding: 0; border: 0; background: none; box-shadow: none; text-transform: none; letter-spacing: normal; text-align: inherit; float: none; max-width: none; min-height: 0; list-style: none; font-family: inherit;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) :is(.swhr__title, .swhr__eyebrow, .swhr__text, .swhr__usps, .swhr__usps li)::before, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) :is(.swhr__title, .swhr__eyebrow, .swhr__text, .swhr__usps, .swhr__usps li)::after{content: none; display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) img, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) video{max-width: none; border: 0; border-radius: 0; box-shadow: none; margin: 0; padding: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__inner{position: relative; max-width: 1200px; margin: 0 auto; padding: 0 16px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .95fr); gap: clamp(14px, 2vw, 22px); align-items: stretch;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-w-full .swhr__inner{max-width: none;}
/* Screen-wide (like Slider Revolution "fullwidth"): out of any column to the edges of the window. The script sets the exact width (without scrollbar) and offset; the CSS values are the fallback. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-w-screen{width: var(--swhr-sw, 100vw) !important; max-width: none !important; margin-left: var(--swhr-sl, calc(50% - 50vw)) !important; margin-right: 0 !important; box-sizing: border-box;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-w-screen .swhr__inner{max-width: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-side-right .swhr__inner{grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-side-right .swhr__media{order: 2;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d):not(.has-media) .swhr__inner{grid-template-columns: minmax(0, 1fr);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__media{position: relative; overflow: hidden; width: 100%; min-width: 0; margin: 0; aspect-ratio: var(--swhr-ratio); border-radius: var(--swhr-radius); box-shadow: var(--swhr-shadow); background: var(--swhr-canvas); border: 1px solid var(--swhr-border);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__picture{display: block; width: 100%; height: 100%;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--swhr-focus); position: relative; z-index: 1;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__video{position: absolute; inset: 0; z-index: 2; display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--swhr-focus); opacity: 0; transition: opacity .6s ease;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__video.is-playing{opacity: 1;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__tag{position: absolute; top: 14px; left: 14px; z-index: 6; display: inline-block; padding: 8px 11px; border-radius: 999px; background: rgba(255, 255, 255, .94); color: #15122b; font-size: 12px; font-weight: 900; line-height: 1; letter-spacing: .05em; text-transform: uppercase; box-shadow: 0 10px 24px rgba(0, 0, 0, .14);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause{position: absolute; right: 12px; bottom: 12px; z-index: 6; display: grid; place-items: center; width: 38px; height: 38px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .55); color: #fff; cursor: pointer; box-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause[hidden]{display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause span{position: relative; display: block; width: 12px; height: 14px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause span::before, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause span::after{content: ""; position: absolute; top: 0; bottom: 0; width: 4px; border-radius: 1px; background: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause span::before{left: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause span::after{right: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause[aria-pressed="true"] span::before{left: 2px; width: 0; height: 0; border-radius: 0; background: none; border-left: 12px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause[aria-pressed="true"] span::after{display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pause:focus-visible{outline: 3px solid #fff; outline-offset: 2px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__content{position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: clamp(18px, 2.4vw, 28px); border-radius: var(--swhr-radius); box-shadow: var(--swhr-shadow); background: var(--swhr-card); border: 1px solid var(--swhr-border); color: var(--swhr-ink);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__content > *{position: relative; z-index: 2;}
/* Title, label and text: theme CSS (also with !important) cannot change them; all of Hero's own declarations for them carry !important, so their order among themselves is unchanged. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) :is(.swhr__title, .swhr__eyebrow, .swhr__text){font-family: inherit !important; font-style: normal !important; text-transform: none !important; letter-spacing: normal !important; text-shadow: inherit !important; padding: 0 !important; text-align: inherit !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__eyebrow{margin: 0 0 10px !important; color: var(--swhr-muted) !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.3 !important; letter-spacing: .02em !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__title{margin: 0 0 12px !important; color: var(--swhr-ink) !important; font-size: clamp(28px, 3.1vw, 44px) !important; font-weight: var(--swhr-weight) !important; line-height: 1.05 !important; letter-spacing: -.02em !important; text-transform: var(--swhr-transform) !important; overflow-wrap: anywhere; hyphens: auto;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__text{margin: 0 0 18px !important; max-width: 48ch !important; color: var(--swhr-muted) !important; font-size: 16px !important; line-height: 1.6 !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__actions{display: flex; flex-wrap: wrap; gap: 10px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn{display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin: 0; padding: 12px 18px; border: 2px solid transparent; border-radius: min(12px, var(--swhr-radius)); font-size: 15px; font-weight: 900; line-height: 1; letter-spacing: 0; text-decoration: none; text-transform: none; box-shadow: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn:hover{transform: translateY(-1px); text-decoration: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--primary, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--primary:visited{background: var(--swhr-brand); color: var(--swhr-on); box-shadow: 0 10px 22px color-mix(in srgb, var(--swhr-brand) 25%, transparent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--primary:hover, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--primary:focus{background: var(--swhr-brand-hover); color: var(--swhr-on);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--ghost, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--ghost:visited{background: #fff; border-color: rgba(0, 0, 0, .12); color: var(--swhr-ink);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--ghost:hover, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn--ghost:focus{border-color: color-mix(in srgb, var(--swhr-accent) 55%, transparent); color: var(--swhr-ink);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).is-dark .swhr__btn--ghost, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).is-dark .swhr__btn--ghost:visited{background: transparent; border-color: rgba(255, 255, 255, .28); color: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).is-dark .swhr__btn--ghost:hover, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).is-dark .swhr__btn--ghost:focus{border-color: var(--swhr-accent); color: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn:focus-visible{outline: 3px solid color-mix(in srgb, var(--swhr-accent) 45%, transparent); outline-offset: 3px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__usps{display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 18px 0 0; padding: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__usps li{display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; color: var(--swhr-ink); font-size: 14px; font-weight: 700; line-height: 1.3;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__usp-icon{flex: none; width: 18px; height: 18px; color: var(--swhr-accent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__note{position: absolute; left: 12px; right: 60px; bottom: 12px; z-index: 7; margin: 0; padding: 9px 12px; border-radius: 8px; background: rgba(17, 17, 17, .86); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.4; text-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-corner .swhr__media::before{content: ""; position: absolute; top: 0; left: 0; z-index: 3; width: 0; height: 0; border-top: 120px solid var(--swhr-accent); border-right: 120px solid transparent; opacity: .92; pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-corner .swhr__media::after{content: ""; position: absolute; inset: 12px; z-index: 4; border-radius: calc(var(--swhr-radius) - 10px); border: 1px solid color-mix(in srgb, var(--swhr-accent) 20%, transparent); pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-corner .swhr__content::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 6px; background: var(--swhr-accent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-corner .swhr__content::after{content: ""; position: absolute; right: -160px; top: -160px; z-index: 0; width: 260px; height: 260px; border-radius: 50%; background: color-mix(in srgb, var(--swhr-accent) 6%, transparent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-neon .swhr__media{border-color: color-mix(in srgb, var(--swhr-accent) 25%, transparent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-neon .swhr__media::before{content: ""; position: absolute; top: 0; left: 0; z-index: 3; width: 0; height: 0; border-top: 110px solid var(--swhr-accent); border-right: 110px solid transparent; opacity: .9; pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-neon .swhr__content{background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--swhr-accent-2) 28%, transparent), transparent 55%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--swhr-accent) 18%, transparent), transparent 50%), var(--swhr-card);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-neon .swhr__content::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 6px; background: linear-gradient(180deg, var(--swhr-accent), var(--swhr-accent-2)); box-shadow: 0 0 14px color-mix(in srgb, var(--swhr-accent) 60%, transparent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-neon .swhr__eyebrow{color: var(--swhr-accent) !important; letter-spacing: .06em !important; text-transform: uppercase !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-line .swhr__content::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 4px; background: var(--swhr-accent);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-line .swhr__eyebrow{color: var(--swhr-accent) !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-block .swhr__media, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-block .swhr__content{border: 3px solid var(--swhr-border);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-decor-block .swhr__eyebrow{display: inline-block; align-self: flex-start; padding: 5px 9px !important; background: var(--swhr-accent); color: #111 !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-skin-elegant .swhr__title, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-skin-luxe .swhr__title{font-family: Georgia, "Times New Roman", serif !important; letter-spacing: 0 !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-skin-luxe .swhr__eyebrow{letter-spacing: .14em !important; text-transform: uppercase !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full{padding: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__inner{display: block; max-width: none; padding: 0; min-height: var(--swhr-min, clamp(440px, 72vh, 720px)); overflow: hidden; isolation: isolate;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-w-boxed .swhr__inner{width: calc(100% - 32px); max-width: 1200px; margin: clamp(18px, 3vw, 34px) auto; border-radius: var(--swhr-radius); box-shadow: var(--swhr-shadow);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-medium{--swhr-min: clamp(360px, 55vh, 520px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-tall{--swhr-min: clamp(440px, 72vh, 720px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-screen{--swhr-min: max(480px, 100svh);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__media{position: absolute; inset: 0; z-index: 0; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__media::after{content: ""; position: absolute; inset: 0; z-index: 4; border: 0; border-radius: 0; background: linear-gradient(90deg, rgba(11, 11, 20, calc(var(--swhr-overlay) + .15)) 0%, rgba(11, 11, 20, var(--swhr-overlay)) 55%, rgba(11, 11, 20, calc(var(--swhr-overlay) * .55)) 100%); pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-center .swhr__media::after{background: linear-gradient(180deg, rgba(11, 11, 20, calc(var(--swhr-overlay) * .7)) 0%, rgba(11, 11, 20, calc(var(--swhr-overlay) + .1)) 100%);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__content{z-index: 5; min-height: var(--swhr-min, clamp(440px, 72vh, 720px)); max-width: 760px; padding: clamp(28px, 5vw, 72px) clamp(20px, 5vw, 64px); border: 0; border-radius: 0; box-shadow: none; background: none; color: #fff; text-shadow: 0 2px 18px rgba(0, 0, 0, .35);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-center .swhr__content{max-width: 880px; margin: 0 auto; align-items: center; text-align: center;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-center .swhr__text{margin-left: auto !important; margin-right: auto !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-center .swhr__actions, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-center .swhr__usps{justify-content: center;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__content::before, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__content::after{content: none; display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__title{color: #fff !important; font-size: clamp(32px, 4.4vw, 60px) !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__text{color: rgba(255, 255, 255, .9) !important; font-size: clamp(16px, 1.3vw, 19px) !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__eyebrow{color: color-mix(in srgb, var(--swhr-accent) 55%, #fff) !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__usps li{color: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__usp-icon{color: color-mix(in srgb, var(--swhr-accent) 55%, #fff);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__btn{text-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__btn--ghost, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__btn--ghost:visited{background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .45); color: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__btn--ghost:hover, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__btn--ghost:focus{background: rgba(255, 255, 255, .16); border-color: #fff; color: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__tag{top: 18px; left: auto; right: 18px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-decor-block .swhr__eyebrow{color: #111 !important; text-shadow: none !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full:not(.has-media) .swhr__inner{background: var(--swhr-canvas);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full:not(.has-media) .swhr__content{color: var(--swhr-ink); text-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full:not(.has-media) .swhr__title{color: var(--swhr-ink) !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full:not(.has-media) .swhr__text{color: var(--swhr-muted) !important;}
@media (max-width: 900px){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__inner, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-side-right .swhr__inner{grid-template-columns: minmax(0, 1fr);}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__media, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-side-right .swhr__media{order: 0; aspect-ratio: 4 / 3;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__media{aspect-ratio: auto;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__content{padding: 32px 20px;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__media::after{background: linear-gradient(180deg, rgba(11, 11, 20, calc(var(--swhr-overlay) * .6)) 0%, rgba(11, 11, 20, calc(var(--swhr-overlay) + .15)) 100%);}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-screen{--swhr-min: max(480px, 88svh);}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn{flex: 1 1 auto;}}
@media (prefers-reduced-motion: reduce){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__video{transition: none;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__btn:hover{transform: none;}}
/* 1.3.0: slider, label panel, free-positioned elements, animations */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pos{position: absolute; z-index: 7; max-width: calc(100% - 16px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-tl{left: var(--x); right: auto; top: var(--y); bottom: auto; translate: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-tc{left: calc(50% + var(--x)); right: auto; top: var(--y); bottom: auto; translate: -50% 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-tr{left: auto; right: var(--x); top: var(--y); bottom: auto; translate: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-ml{left: var(--x); right: auto; top: calc(50% + var(--y)); bottom: auto; translate: 0 -50%;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-mc{left: calc(50% + var(--x)); right: auto; top: calc(50% + var(--y)); bottom: auto; translate: -50% -50%;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-mr{left: auto; right: var(--x); top: calc(50% + var(--y)); bottom: auto; translate: 0 -50%;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-bl{left: var(--x); right: auto; top: auto; bottom: var(--y); translate: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-bc{left: calc(50% + var(--x)); right: auto; top: auto; bottom: var(--y); translate: -50% 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-a-br{left: auto; right: var(--x); top: auto; bottom: var(--y); translate: none;}
@media (max-width: 1024px){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-tl{left: var(--xt); right: auto; top: var(--yt); bottom: auto; translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-tc{left: calc(50% + var(--xt)); right: auto; top: var(--yt); bottom: auto; translate: -50% 0;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-tr{left: auto; right: var(--xt); top: var(--yt); bottom: auto; translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-ml{left: var(--xt); right: auto; top: calc(50% + var(--yt)); bottom: auto; translate: 0 -50%;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-mc{left: calc(50% + var(--xt)); right: auto; top: calc(50% + var(--yt)); bottom: auto; translate: -50% -50%;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-mr{left: auto; right: var(--xt); top: calc(50% + var(--yt)); bottom: auto; translate: 0 -50%;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-bl{left: var(--xt); right: auto; top: auto; bottom: var(--yt); translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-bc{left: calc(50% + var(--xt)); right: auto; top: auto; bottom: var(--yt); translate: -50% 0;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-at-br{left: auto; right: var(--xt); top: auto; bottom: var(--yt); translate: none;}}
@media (max-width: 760px){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-tl{left: var(--xm); right: auto; top: var(--ym); bottom: auto; translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-tc{left: calc(50% + var(--xm)); right: auto; top: var(--ym); bottom: auto; translate: -50% 0;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-tr{left: auto; right: var(--xm); top: var(--ym); bottom: auto; translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-ml{left: var(--xm); right: auto; top: calc(50% + var(--ym)); bottom: auto; translate: 0 -50%;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-mc{left: calc(50% + var(--xm)); right: auto; top: calc(50% + var(--ym)); bottom: auto; translate: -50% -50%;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-mr{left: auto; right: var(--xm); top: calc(50% + var(--ym)); bottom: auto; translate: 0 -50%;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-bl{left: var(--xm); right: auto; top: auto; bottom: var(--ym); translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-bc{left: calc(50% + var(--xm)); right: auto; top: auto; bottom: var(--ym); translate: -50% 0;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-am-br{left: auto; right: var(--xm); top: auto; bottom: var(--ym); translate: none;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-hide-m{display: none;}}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__panel{display: inline-flex; flex-direction: column; align-items: flex-start; gap: .1em; width: max-content; padding: clamp(14px, 1.6vw, 22px) clamp(16px, 2vw, 28px); border-radius: min(8px, var(--swhr-radius)); background: var(--swhr-pbg, var(--swhr-brand)); color: var(--swhr-pfg, #fff); text-shadow: none; box-shadow: 0 14px 34px rgba(0, 0, 0, .18); line-height: 1; text-align: left;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pline{display: block; font-weight: 900; letter-spacing: .01em; text-transform: uppercase; line-height: 1.02; overflow-wrap: anywhere;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pline.is-s{font-size: clamp(13px, 1.1vw, 16px); font-weight: 700; letter-spacing: .06em;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pline.is-m{font-size: clamp(18px, 1.8vw, 26px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pline.is-l{font-size: clamp(24px, 2.8vw, 40px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__pline.is-xl{font-size: clamp(30px, 3.8vw, 56px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__layers{position: absolute; inset: 0; z-index: 7; pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__layers .swhr__el{pointer-events: auto; color: var(--swhr-efg, #fff);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__badge{display: inline-block; padding: 8px 12px; border-radius: 999px; background: var(--swhr-ebg, var(--swhr-accent)); color: var(--swhr-efg, #fff); font-size: 13px; font-weight: 900; line-height: 1; letter-spacing: .04em; text-transform: uppercase; text-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__ltext{margin: 0; color: var(--swhr-efg, #fff); font-weight: 700; line-height: 1.3; text-decoration: none; text-shadow: 0 2px 14px rgba(0, 0, 0, .35);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .is-s > .swhr__ltext{font-size: 14px;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .is-m > .swhr__ltext{font-size: clamp(16px, 1.4vw, 20px);} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .is-l > .swhr__ltext{font-size: clamp(20px, 2.2vw, 32px);} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .is-xl > .swhr__ltext{font-size: clamp(26px, 3.4vw, 48px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__limg{display: block; width: 100%; height: auto;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__el--shape .swhr__shape{display: block; width: 100%; height: 100%; min-height: 8px; border-radius: min(8px, var(--swhr-radius)); background: var(--swhr-ebg, var(--swhr-accent));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-right .swhr__content, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-right .swhr__content{margin-left: auto; align-items: flex-end; text-align: right;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-right .swhr__actions, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-right .swhr__usps, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-right .swhr__actions, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-right .swhr__usps{justify-content: flex-end;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-center .swhr__content{max-width: 880px; margin: 0 auto; align-items: center; text-align: center;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-center .swhr__text{margin-left: auto !important; margin-right: auto !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-center .swhr__actions, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-center .swhr__usps{justify-content: center;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-center .swhr__media::after{background: linear-gradient(180deg, rgba(11, 11, 20, calc(var(--swhr-overlay) * .7)) 0%, rgba(11, 11, 20, calc(var(--swhr-overlay) + .1)) 100%);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-valign-top .swhr__content{justify-content: flex-start;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-valign-bottom .swhr__content{justify-content: flex-end;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-custom{--swhr-min: clamp(320px, calc(var(--swhr-minpx, 600) * 100vw / 1240), calc(var(--swhr-minpx, 600) * 1px));}
@media (max-width: 760px){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-custom{--swhr-min: min(calc(var(--swhr-minpx, 600) * 1px), max(440px, 78svh));}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__img{object-position: var(--swhr-focus-m, var(--swhr-focus));}}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__stage{position: relative;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__track{position: relative; display: grid; overflow: hidden;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__slide{grid-area: 1 / 1; min-width: 0; position: relative; z-index: 1; opacity: 0; visibility: hidden; transition: opacity var(--swhr-speed, 700ms) ease, visibility 0s linear var(--swhr-speed, 700ms);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__slide.is-active{z-index: 2; opacity: 1; visibility: visible; transition: opacity var(--swhr-speed, 700ms) ease, visibility 0s;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-none .swhr__slide{transition: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-slide .swhr__slide{opacity: 1; transform: translateX(100%); transition: transform var(--swhr-speed, 700ms) cubic-bezier(.4, 0, .2, 1), visibility 0s linear var(--swhr-speed, 700ms);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-slide .swhr__slide.is-active{transform: none; transition: transform var(--swhr-speed, 700ms) cubic-bezier(.4, 0, .2, 1), visibility 0s;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-slide .swhr__slide.is-before{transform: translateX(-100%);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-slide .swhr__slide.no-tr{transition: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-zoom .swhr__slide .swhr__img{transform: scale(1); transition: transform 0s linear var(--swhr-speed, 700ms);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-zoom .swhr__slide.is-active.is-shown .swhr__img{transform: scale(1.07); transition: transform calc(var(--swhr-delay, 6000ms) + var(--swhr-speed, 700ms)) linear;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider.swhr-full.swhr-w-boxed .swhr__stage{width: calc(100% - 32px); max-width: 1200px; margin: clamp(18px, 3vw, 34px) auto; border-radius: var(--swhr-radius); box-shadow: var(--swhr-shadow); overflow: hidden; isolation: isolate;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider.swhr-full.swhr-w-boxed .swhr__inner{width: 100%; max-width: none; margin: 0; border-radius: 0; box-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__nav{position: absolute; inset: 0; z-index: 9; pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__nav button{pointer-events: auto; appearance: none; display: grid; place-items: center; min-height: 0; margin: 0; padding: 0; border: 0; box-shadow: none; cursor: pointer; font: inherit; line-height: 1; text-shadow: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow{position: absolute; top: 50%; translate: 0 -50%; width: 46px; height: 46px; border-radius: 50%; background: rgba(0, 0, 0, .38); color: #fff; transition: background-color .15s ease;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow:hover{background: rgba(0, 0, 0, .6);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow.is-prev{left: clamp(8px, 1.5vw, 20px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow.is-next{right: clamp(8px, 1.5vw, 20px);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow span{display: block; width: 12px; height: 12px; border-top: 3px solid currentColor; border-right: 3px solid currentColor;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow.is-prev span{rotate: -135deg; margin-left: 5px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__arrow.is-next span{rotate: 45deg; margin-right: 5px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__bar{position: absolute; left: 50%; bottom: clamp(10px, 2vw, 22px); translate: -50% 0; display: flex; align-items: center; gap: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(0, 0, 0, .32); pointer-events: auto;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__bar:empty{display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__dots{display: flex; align-items: center; gap: 4px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__dot{width: 24px; height: 24px; background: none; border-radius: 50%;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__dot::before{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .55); transition: background-color .2s ease, transform .2s ease;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__dot[aria-current="true"]::before{background: #fff; transform: scale(1.25);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play{width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play span{position: relative; display: block; width: 10px; height: 12px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play span::before, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play span::after{content: ""; position: absolute; top: 0; bottom: 0; width: 3px; border-radius: 1px; background: #fff;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play span::before{left: 0;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play span::after{right: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play[aria-pressed="true"] span::before{left: 1px; width: 0; height: 0; border-radius: 0; background: none; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__play[aria-pressed="true"] span::after{display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__nav button:focus-visible{outline: 3px solid #fff; outline-offset: 2px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__arrow{top: auto; bottom: 8px; translate: none; width: 38px; height: 38px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__bar{position: static; translate: none; width: max-content; margin: 12px auto 0; background: rgba(0, 0, 0, .55);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__nav{position: relative; inset: auto; display: flex; justify-content: center;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__arrow{position: static;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__nav{gap: 10px; align-items: center; padding-top: 12px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__bar{margin: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider:not(.swhr-full) .swhr__arrow{background: var(--swhr-brand); color: var(--swhr-on);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider .swhr__pause{bottom: 64px;}
@media (max-width: 760px){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__nav .swhr__arrow{display: none;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider.swhr-full .swhr__content{padding-bottom: 78px;}}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__slide.is-anim .swhr-an{animation: var(--swhr-an-name, swhr-fade) .75s cubic-bezier(.2, .7, .2, 1) both; animation-delay: calc(var(--i, 0) * 110ms + var(--d, 0ms) + var(--swhr-speed, 700ms) * .35);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-an-fade{--swhr-an-name: swhr-fade;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-an-fade-up{--swhr-an-name: swhr-fade-up;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-an-fade-down{--swhr-an-name: swhr-fade-down;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-an-slide-left{--swhr-an-name: swhr-slide-left;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-an-slide-right{--swhr-an-name: swhr-slide-right;} :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr-an-zoom-in{--swhr-an-name: swhr-zoom-in;}
@keyframes swhr-fade{from{opacity: 0;}to{opacity: 1;}}
@keyframes swhr-fade-up{from{opacity: 0; transform: translateY(24px);}to{opacity: 1; transform: none;}}
@keyframes swhr-fade-down{from{opacity: 0; transform: translateY(-24px);}to{opacity: 1; transform: none;}}
@keyframes swhr-slide-left{from{opacity: 0; transform: translateX(48px);}to{opacity: 1; transform: none;}}
@keyframes swhr-slide-right{from{opacity: 0; transform: translateX(-48px);}to{opacity: 1; transform: none;}}
@keyframes swhr-zoom-in{from{opacity: 0; transform: scale(.88);}to{opacity: 1; transform: none;}}
@media (prefers-reduced-motion: reduce){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__slide, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-slide .swhr__slide, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-slide .swhr__slide.is-active{transition: none;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__slide.is-anim .swhr-an{animation: none;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-zoom .swhr__slide .swhr__img, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-tr-zoom .swhr__slide.is-active.is-shown .swhr__img{transform: none; transition: none;}}
/* Layers box: in a full-width hero with a grid (from Slider Revolution) layers and text sit in a centred box. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-grid .swhr__layers{left: 0; right: 0; margin: 0 auto; max-width: var(--swhr-grid);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-grid .swhr__content{margin-left: max(0px, calc((100% - var(--swhr-grid)) / 2));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-grid.swhr-align-center .swhr__content, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-grid .swhr__slide.swhr-align-center .swhr__content{margin-left: auto; margin-right: auto;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-grid.swhr-align-right .swhr__content, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-grid .swhr__slide.swhr-align-right .swhr__content{margin-left: auto; margin-right: max(0px, calc((100% - var(--swhr-grid)) / 2));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__layers > .swhr__panel{position: absolute;}
/* Mobile: the label panel moves into the text flow, above the title (unless it has its own mobile position). */
@media (max-width: 760px){:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__inner.panel-flow-m{display: flex; flex-direction: column;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__inner.panel-flow-m > .swhr__layers{position: relative; inset: auto; z-index: 6; order: 0; padding: 28px 20px 0; max-width: none; margin: 0;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__inner.panel-flow-m > .swhr__layers > .swhr__panel{position: relative; left: auto; right: auto; top: auto; bottom: auto; translate: none; max-width: 100%;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__inner.panel-flow-m > .swhr__content{order: 1; flex: 1 1 auto; min-height: 0; padding-top: 18px;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-align-center .swhr__inner.panel-flow-m > .swhr__layers, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__slide.swhr-align-center .swhr__inner.panel-flow-m > .swhr__layers{text-align: center;}:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__inner.panel-flow-m > .swhr__layers > .swhr__panel{display: inline-flex;}}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d)[data-swhr-slider]:focus{outline: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__slide[inert] *{pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider .swhr__track{touch-action: pan-y;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-ratio{--swhr-min: 0px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-ratio .swhr__inner{aspect-ratio: var(--swhr-ar, 16 / 9); min-height: 0;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-h-ratio .swhr__content{min-height: 0; height: 100%;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full .swhr__content:empty{display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-notext .swhr__media::after{display: none;}
/* Free layout (taken over from Slider Revolution): design grid --cw × --ch that scales down with the width, never up.
   Layers carry their values in custom properties; applied here with !important so theme CSS cannot change them. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas{container-type: inline-size; --swhr-min: 0px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas .swhr__inner{min-height: 0; height: min(calc(var(--ch) * 1px), calc(100cqw * var(--ch) / var(--cw)));}
/* Grows with the width in the original proportion, also above the design width (LayerSlider "Full width", Rev "Respect aspect ratio"), up to --chmax px. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas.swhr-cup .swhr__inner{height: min(calc(var(--chmax) * 1px), calc(100cqw * var(--ch) / var(--cw)));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas.swhr-cmax .swhr__inner{height: min(calc(var(--chmax) * 1px), calc(100cqw * var(--ch) / var(--cw)));}
/* The canvas height already follows the design grid; an aspect-ratio on top would derive the WIDTH from that height (photo stuck at the grid width on wide screens). */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas.swhr-h-ratio .swhr__inner{aspect-ratio: auto;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas.swhr-h-screen .swhr__inner{height: max(min(calc(var(--ch) * 1px), calc(100cqw * var(--ch) / var(--cw))), 100svh);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas .swhr__media::after{display: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__canvas{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 6; width: min(100%, calc(var(--cw) * 1px)); height: min(calc(var(--ch) * 1px), calc(100cqw * var(--ch) / var(--cw))); margin: auto; pointer-events: none;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__cg{display: contents;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__cl{position: absolute !important; display: block !important; box-sizing: border-box !important; left: var(--l, auto) !important; top: var(--t, auto) !important; right: var(--r, auto) !important; bottom: var(--bt, auto) !important; translate: var(--tr, none) !important; width: var(--w, auto) !important; height: var(--h, auto) !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: var(--pad, 0) !important; border: var(--bw, 0) solid var(--bc, currentColor) !important; border-radius: var(--rad, 0) !important; background: var(--bg, none) !important; box-shadow: none !important; color: var(--c, inherit) !important; font-family: var(--ff, inherit) !important; font-size: var(--fs, inherit) !important; font-style: normal !important; font-weight: var(--fw, 400) !important; line-height: var(--lh, 1.2) !important; letter-spacing: var(--ls, normal) !important; text-transform: var(--tt, none) !important; text-align: var(--ta, left) !important; white-space: var(--ws, nowrap) !important; text-shadow: none !important; text-decoration: none !important; overflow-wrap: normal !important; hyphens: manual !important; z-index: var(--z, 5) !important; pointer-events: auto;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__cl::before, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__cl::after{content: none !important; display: none !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) a.swhr__cl{cursor: pointer; transition: filter .15s ease;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) a.swhr__cl:hover{filter: brightness(1.08);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) a.swhr__cl:focus-visible{outline: 3px solid #fff; outline-offset: 2px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d) .swhr__cl img{display: block; width: 100%; height: auto;}
/* Phone, "grid": the mobile design of the source on its own grid --cwm × --chm. Like Slider Revolution, by WINDOW width (its mobile layout starts below 778 px), not by the width of the column the hero sits in. */
@media (max-width: 777.98px){
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-grid .swhr-hide-m{display: none !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-grid .swhr__inner{height: calc(100cqw * var(--chm) / var(--cwm));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-canvas.swhr-cm-grid:is(.swhr-cup,.swhr-cmax) .swhr__inner{height: calc(100cqw * var(--chm) / var(--cwm));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-grid .swhr__canvas{width: 100%; height: calc(100cqw * var(--chm) / var(--cwm));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-grid .swhr__cl{left: var(--lg, var(--l, auto)) !important; top: var(--tg, var(--t, auto)) !important; right: var(--rg, var(--r, auto)) !important; bottom: var(--btg, var(--bt, auto)) !important; translate: var(--trg, var(--tr, none)) !important; width: var(--wg, var(--w, auto)) !important; height: var(--hg, var(--h, auto)) !important; font-size: var(--fsg, var(--fs, inherit)) !important; line-height: var(--lhg, var(--lh, 1.2)) !important;}
}
@container (max-width: 767px){
/* Phone, "stack": the layers under each other on readable sizes; texts that sat on a coloured shape become one panel. */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__inner{height: auto; min-height: calc(100cqw * var(--ch) / var(--cw)); display: flex; flex-direction: column; justify-content: flex-end;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-canvas.swhr-cm-stack .swhr__inner{height: auto; min-height: calc(100cqw * var(--ch) / var(--cw));}
/* Only photos, no text: keep the proportions of the original (like LayerSlider/Slider Revolution on a phone). */
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-full.swhr-canvas.swhr-cm-stack.swhr-notext .swhr__inner{min-height: calc(100cqw * var(--ch) / var(--cw));}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__media::after{display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .55) 100%);}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__canvas{position: relative; top: auto; bottom: auto; left: auto; right: auto; width: auto; height: auto; margin: 0; padding: 24px 20px 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-slider.swhr-cm-stack .swhr__canvas{padding-bottom: 70px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__cl{position: static !important; translate: none !important; width: auto !important; height: auto !important; max-width: 100% !important; font-size: var(--fsm, 16px) !important; line-height: var(--lhm, 1.25) !important; white-space: normal !important; overflow-wrap: anywhere !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__cl--shape{display: none !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__cl--text:not(.swhr__cg .swhr__cl){text-shadow: 0 1px 12px rgba(0, 0, 0, .45) !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__cg{display: block; padding: 12px 16px; background: var(--cg-bg); border-radius: 4px;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr__cg .swhr__cl{padding: 0 !important; background: none !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack a.swhr__cl--button{padding: 10px 16px !important;}
:root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-stack .swhr-hide-m, :root .swhr:is(.swhr,#swhr-a#swhr-b#swhr-c#swhr-d).swhr-cm-grid .swhr-hide-m{display: none !important;}
}