.bgs-switcher{position:relative;isolation:isolate;min-height:var(--bgs-height,460px);overflow:hidden;border-radius:var(--bgs-radius,0px);color:#fff;background:transparent;font-family:inherit}.bgs-bg{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;transition:filter .65s ease,transform .65s ease,opacity .65s ease}.bgs-bg-changing{animation:bgs-fade .65s ease}.bgs-effect-blur .bgs-bg-changing{animation:bgs-blur .65s ease}.bgs-effect-zoom .bgs-bg-changing{animation:bgs-zoom .65s ease}@keyframes bgs-fade{0%{opacity:.15}100%{opacity:1}}@keyframes bgs-blur{0%{opacity:.4;filter:blur(16px);transform:scale(1.06)}100%{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes bgs-zoom{0%{opacity:.5;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}.bgs-items{position:relative;display:flex;min-height:var(--bgs-height,460px)}.bgs-vertical .bgs-items{flex-direction:column}.bgs-horizontal .bgs-items{flex-direction:row}.bgs-item{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:clamp(28px,4vw,68px);border:1px solid rgba(255,255,255,.18);transition:background .3s,flex .45s;cursor:pointer}.bgs-horizontal .bgs-item:hover,.bgs-horizontal .bgs-item.is-active{background:transparent}.bgs-vertical .bgs-item{justify-content:flex-start;align-items:flex-end;min-height:0}.bgs-vertical .bgs-item:hover,.bgs-vertical .bgs-item.is-active{background:transparent}.bgs-copy{max-width:620px;width:100%;position:relative;padding:var(--bgs-padding,24px)}.bgs-copy>*{position:relative;z-index:1}.bgs-item h3{font-size:var(--bgs-title-size,42px);margin:0 0 12px;color:var(--bgs-title-color,#fff)}.bgs-item p{font-size:var(--bgs-text-size,16px);color:var(--bgs-text-color,#fff);line-height:1.65;margin:0 0 20px;max-width:620px}.bgs-button{display:inline-block;color:var(--bgs-button-text,#111);background:var(--bgs-button-color,#fff);border:1px solid rgba(255,255,255,.8);padding:10px 18px;text-decoration:none;border-radius:3px}.bgs-button:hover{background:#fff;color:#111}.bgs-front-tools{display:flex;gap:12px;align-items:center;margin:10px 0;font:14px/1.4 sans-serif}.bgs-front-tools a{color:inherit}.bgs-front-edit{border:1px solid #777;background:#fff;padding:7px 12px;cursor:pointer}.bgs-editing [data-field]{outline:2px dashed #ffd34e;outline-offset:4px}.bgs-editing .bgs-button{cursor:text}@media(max-width:700px){.bgs-horizontal .bgs-items{flex-direction:column}.bgs-switcher,.bgs-items{min-height:var(--bgs-height,460px)}}

.bgs-copy{border-radius:var(--bgs-radius,0px);background:transparent}
.bgs-front-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 2px;font-size:13px}
.bgs-front-tools button,.bgs-front-tools a{cursor:pointer;border:1px solid rgba(0,0,0,.25);background:#fff;color:#16212d;padding:7px 12px;border-radius:var(--bgs-radius,0px);text-decoration:none;font:inherit}
.bgs-front-tools button:hover,.bgs-front-tools a:hover{background:#111923;color:#fff;border-color:#111923}
.bgs-front-status{color:#5a6674}
.bgs-switcher.bgs-editing{outline:2px dashed #2271b1;outline-offset:3px}
.bgs-switcher.bgs-editing .bgs-item{position:relative}
.bgs-editable{outline:1px dashed rgba(255,255,255,.65);outline-offset:3px;min-width:40px}
.bgs-editable:focus{outline:2px solid #7ee4d2}
.bgs-item-tools{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:5}
.bgs-item-tools button{cursor:pointer;border:1px solid rgba(255,255,255,.5);background:rgba(10,16,24,.78);color:#fff;font:600 12px/1 inherit;padding:6px 8px;border-radius:var(--bgs-radius,0px)}
.bgs-item-tools button:hover{background:#2271b1;border-color:#2271b1}

/* No background colors anywhere in the switcher */
.bgs-switcher,.bgs-switcher .bgs-items,.bgs-switcher .bgs-item,.bgs-switcher .bgs-copy,.bgs-switcher .bgs-item:hover,.bgs-switcher .bgs-item.is-active{background-color:transparent}
/* Title/text/button colors win over theme styles; default white */
.bgs-switcher .bgs-item .bgs-copy h3,.bgs-switcher .bgs-item .bgs-copy h3 *{color:var(--bgs-title-color,#ffffff) !important;font-size:var(--bgs-title-size,42px);-webkit-text-fill-color:var(--bgs-title-color,#ffffff);margin:0 0 12px;line-height:1.15}
.bgs-switcher .bgs-item .bgs-copy p,.bgs-switcher .bgs-item .bgs-copy p *{color:var(--bgs-text-color,#ffffff) !important;font-size:var(--bgs-text-size,16px);-webkit-text-fill-color:var(--bgs-text-color,#ffffff)}
.bgs-switcher .bgs-item .bgs-copy .bgs-button{color:var(--bgs-button-text,#111111) !important;background:var(--bgs-button-color,#ffffff) !important;-webkit-text-fill-color:var(--bgs-button-text,#111111)}
.bgs-switcher .bgs-copy,.bgs-switcher .bgs-copy:before,.bgs-switcher .bgs-copy:after{background:none !important;background-color:transparent !important;box-shadow:none !important}
.bgs-switcher .bgs-items{align-items:stretch !important}
.bgs-switcher .bgs-item{display:flex !important;align-items:flex-end !important}
.bgs-switcher .bgs-copy{padding:var(--bgs-padding,10px) !important;align-self:flex-end !important;margin-top:auto !important}
.bgs-switcher .bgs-copy>*:last-child{margin-bottom:0}
.bgs-switcher{min-height:var(--bgs-height,460px) !important}
.bgs-switcher .bgs-items{min-height:var(--bgs-height,460px) !important}
.bgs-vertical .bgs-item{min-height:0}
@media(max-width:700px){.bgs-switcher,.bgs-items{min-height:var(--bgs-height,460px) !important}.bgs-horizontal .bgs-items{flex-direction:column}}

/* Text + button hidden until the section is hovered / focused / active */
.bgs-switcher .bgs-item [data-field="text"],
.bgs-switcher .bgs-item .bgs-button{
  opacity:0;
  visibility:hidden;
  max-height:0;
  overflow:hidden;
  transform:translateY(14px);
  pointer-events:none;
  transition:opacity .35s ease,transform .35s ease,max-height .45s ease,visibility .35s;
}
.bgs-switcher .bgs-item:hover [data-field="text"],
.bgs-switcher .bgs-item:focus-within [data-field="text"],
.bgs-switcher .bgs-item.is-active [data-field="text"],
.bgs-switcher .bgs-item:hover .bgs-button,
.bgs-switcher .bgs-item:focus-within .bgs-button,
.bgs-switcher .bgs-item.is-active .bgs-button{
  opacity:1;
  visibility:visible;
  max-height:400px;
  transform:translateY(0);
  pointer-events:auto;
}
/* While editing on the front end, always reveal so fields can be clicked */
.bgs-switcher.bgs-editing .bgs-item [data-field="text"],
.bgs-switcher.bgs-editing .bgs-item .bgs-button{
  opacity:1 !important;visibility:visible !important;max-height:none !important;
  transform:none !important;pointer-events:auto !important;
}

/* No hover background anywhere, and no size change on hover */
.bgs-switcher .bgs-item,.bgs-switcher .bgs-item:hover,.bgs-switcher .bgs-item:focus,.bgs-switcher .bgs-item:focus-within,.bgs-switcher .bgs-item.is-active,.bgs-switcher .bgs-item:hover .bgs-copy,.bgs-switcher .bgs-item.is-active .bgs-copy{background:none !important;background-color:transparent !important;box-shadow:none !important}
.bgs-switcher .bgs-button{border:0 !important;border-width:0 !important;outline:none}

/* Slanted hover panel behind the content, bottom-anchored */
.bgs-switcher .bgs-item{position:relative}
.bgs-switcher .bgs-item:before{
  content:"";position:absolute;left:0;right:0;bottom:0;
  height:var(--bgs-hover-h,30%);
  background:var(--bgs-hover-bg,#000000);
  -webkit-clip-path:polygon(0 var(--bgs-hover-slant,15%),100% 0,100% 100%,0 100%);
  clip-path:polygon(0 var(--bgs-hover-slant,15%),100% 0,100% 100%,0 100%);
  opacity:0;transform:translateY(100%);
  transition:opacity .35s ease,transform .45s ease;
  pointer-events:none;z-index:0;
}
.bgs-switcher .bgs-item:hover:before,
.bgs-switcher .bgs-item:focus-within:before,
.bgs-switcher .bgs-item.is-active:before{opacity:1;transform:translateY(0)}
.bgs-switcher .bgs-copy{position:relative;z-index:2}

/* Sections never resize on hover */
.bgs-switcher .bgs-item,.bgs-switcher .bgs-item:hover,.bgs-switcher .bgs-item:focus-within,.bgs-switcher .bgs-item.is-active,.bgs-horizontal .bgs-item,.bgs-horizontal .bgs-item:hover,.bgs-horizontal .bgs-item:focus-within,.bgs-horizontal .bgs-item.is-active,.bgs-vertical .bgs-item,.bgs-vertical .bgs-item:hover,.bgs-vertical .bgs-item.is-active{flex:1 1 0 !important;width:auto !important;transform:none !important}
.bgs-switcher .bgs-item{transition:none}

/* Slanted-top rectangle: force visible on the hovered / active section */
.bgs-switcher .bgs-item:before{display:block !important;content:"" !important;z-index:1 !important}
.bgs-switcher .bgs-item:hover:before,
.bgs-switcher .bgs-item:focus-within:before,
.bgs-switcher .bgs-item.is-active:before{
  opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;
  background:var(--bgs-hover-bg,#000000) !important;
}
.bgs-switcher .bgs-copy{position:relative;z-index:3 !important}

/* Bottom color overlay on the background image, fading upward */
.bgs-switcher{position:relative}
.bgs-switcher>.bgs-bg:after{
  content:"";position:absolute;left:0;right:0;bottom:0;
  height:var(--bgs-overlay-h,40%);
  background:linear-gradient(to top,var(--bgs-overlay-bg,#000000) 0%,transparent 100%);
  opacity:var(--bgs-overlay-op,.85);
  pointer-events:none;z-index:1;
}

/* Background video layer */
.bgs-switcher .bgs-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:-3;opacity:0;visibility:hidden;
  transition:opacity .45s ease;pointer-events:none;border:0;background:#000;
}
.bgs-switcher .bgs-video.is-showing{opacity:1;visibility:visible;z-index:-1}

/* Layer order: image (-3) < video (-2) < bottom overlay (-1) < panel < text */
.bgs-switcher .bgs-bg{z-index:-3}
.bgs-switcher .bgs-video{z-index:-2}
.bgs-switcher .bgs-video.is-showing{z-index:-2}
.bgs-switcher>.bgs-bg:after{display:none}
.bgs-switcher:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--bgs-overlay-h,40%);background:linear-gradient(to top,var(--bgs-overlay-bg,#000000) 0%,transparent 100%);opacity:var(--bgs-overlay-op,.85);pointer-events:none;z-index:-1}