/* HTML creative banners. Legacy banners keep their existing Home4 styles. */
.h4-hero--has-creative{container-type:inline-size;container-name:coz-home-creative}
.h4-hero--creative-only .owl-stage{display:flex}
.h4-hero--creative-only .owl-item{display:flex;flex:0 0 auto;float:none}
.h4-hero--creative-only .h4-creative-slide{flex:1 0 auto}
.h4-hero--has-creative .h4-creative-slide,.h4-creative-slide *{box-sizing:border-box}
.h4-hero-slider:not(.owl-loaded)>.h4-creative-slide:not(:first-child){display:none!important}
.h4-hero--has-creative .h4-creative-slide{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:1920/800;overflow:hidden;margin:0;padding:0;background:var(--creative-mobile-bg,#fff);color:#2b2330;font-family:Poppins,Arial,sans-serif;line-height:1.5;text-align:left}
.h4-creative-slide .h4-creative-art{position:absolute;inset:0;z-index:-1;overflow:hidden;margin:0;padding:0}
.h4-creative-slide .h4-creative-art img{display:block;width:100%;max-width:none;height:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:center}
.h4-creative-slide .h4-creative-copy{position:absolute;left:4%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:51%;height:100%;padding:3.5cqw 0;margin:0}
.h4-creative-slide .h4-creative-eyebrow{margin:0 0 1.1cqw;padding:0;font-family:Poppins,Arial,sans-serif;color:var(--creative-eyebrow-color,inherit);font-size:clamp(11px,1.27cqw,23px);font-weight:400;line-height:1.35;letter-spacing:.23em;text-transform:uppercase;overflow-wrap:anywhere}
.h4-creative-slide .h4-creative-heading{max-width:100%;padding:0;margin:0;font-family:Poppins,Arial,sans-serif;color:var(--creative-heading-color,inherit);font-weight:700;font-size:5.05cqw;line-height:1.18;letter-spacing:-.045em;text-transform:none;text-shadow:none}
.h4-creative-slide .h4-creative-line{display:block;overflow-wrap:anywhere}
.h4-creative-slide .h4-creative-accent{color:var(--creative-highlight-color,#99489d)}
.h4-creative-slide .h4-creative-description{font-family:Poppins,Arial,sans-serif;color:var(--creative-description-color,inherit);font-size:clamp(13px,1.66cqw,30px);font-weight:400;line-height:1.45;letter-spacing:-.025em;margin:1.05cqw 0 1.45cqw;padding:0;max-width:100%;text-transform:none;overflow-wrap:anywhere}
.h4-creative-slide .h4-creative-cta{display:inline-flex;align-items:center;justify-content:center;gap:1.5cqw;min-height:44px;max-width:100%;margin:0;padding:1.08cqw 2.1cqw;border:0;border-radius:.7cqw;background:var(--creative-button-bg,#99489d);box-shadow:none;color:var(--creative-button-text,#fff);font-family:Poppins,Arial,sans-serif;font-size:clamp(13px,1.5cqw,27px);font-weight:600;line-height:1.45;letter-spacing:normal;text-transform:none;text-decoration:none;transition:filter .15s ease,transform .15s ease;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
.h4-creative-slide .h4-creative-cta:visited{color:var(--creative-button-text,#fff)}
.h4-creative-slide .h4-creative-cta svg{display:block;flex-shrink:0;width:2.5cqw;min-width:24px;height:1.7cqw;min-height:18px;margin:0}
.h4-creative-slide .h4-creative-cta:hover{filter:brightness(.92);color:var(--creative-button-text,#fff);text-decoration:none;transform:translateY(-2px)}
.h4-creative-slide.h4-creative-slide--purple{background:var(--creative-mobile-bg,#783080);color:#fff}
.h4-creative-slide--purple .h4-creative-copy{left:4.6%;width:49%}
.h4-creative-slide--purple .h4-creative-eyebrow{font-size:1.55cqw;letter-spacing:.25em}
.h4-creative-slide--purple .h4-creative-accent{color:var(--creative-highlight-color,#edc4f0)}
.h4-creative-slide--purple .h4-creative-description{font-size:1.73cqw;margin-top:1.08cqw;margin-bottom:2cqw}
.h4-creative-slide--purple .h4-creative-cta{background:var(--creative-button-bg,#fff);color:var(--creative-button-text,#783080);border-radius:.32cqw;font-size:1.6cqw}
.h4-creative-slide--purple .h4-creative-cta:visited{color:var(--creative-button-text,#783080)}
.h4-creative-slide--purple .h4-creative-cta:hover{color:var(--creative-button-text,#783080)}
.h4-hero--has-creative .owl-dots{position:absolute;bottom:24px;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;margin:0!important;line-height:1;pointer-events:none}
.h4-hero--has-creative .owl-dots .owl-dot{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;padding:0!important;margin:0;border:0;background:transparent;pointer-events:auto}
.h4-hero--has-creative .owl-dots .owl-dot span{display:block;width:8px!important;height:8px!important;margin:0 5px!important;border-radius:50%!important;background:#b8b9c1!important}
.h4-hero--has-creative .owl-dots .owl-dot.active span{width:32px!important;border-radius:4px!important;background:var(--h4-c-secondary,#49b0c1)!important}
.h4-hero--creative-only .h4-hero-scroll{display:none}
.h4-hero--has-creative .h4-creative-pause{appearance:none;position:absolute;bottom:18px;right:18px;z-index:6;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;border:1px solid #d5c4d6;border-radius:50%;background:rgba(255,255,255,.9);color:#703475;cursor:pointer;line-height:1;box-shadow:none}
.h4-hero--has-creative[data-creative-ready="true"] .h4-creative-pause{display:inline-flex}
.h4-creative-pause svg{display:block;width:19px;height:19px}
.h4-creative-pause .h4-creative-play-icon,.h4-creative-pause[aria-pressed="true"] .h4-creative-pause-icon{display:none}
.h4-creative-pause[aria-pressed="true"] .h4-creative-play-icon{display:block}
.h4-hero--has-creative button:focus-visible,.h4-creative-slide a:focus-visible{outline:3px solid #bd72c5;outline-offset:3px}
@container coz-home-creative (max-width:760px){
  .h4-hero--has-creative .h4-creative-slide{display:flex;flex-direction:column;aspect-ratio:auto}
  .h4-creative-slide .h4-creative-copy,.h4-creative-slide--purple .h4-creative-copy{position:relative;inset:auto;display:block;order:0;width:100%;height:auto;padding:8.5cqw 7cqw 7.5cqw;background:var(--creative-mobile-bg,#fff)}
  .h4-hero--creative-only .h4-creative-copy{flex:1 0 auto}
  .h4-creative-slide .h4-creative-art{position:relative;inset:auto;z-index:0;order:1;flex-shrink:0;width:100%;aspect-ratio:1.14/1;margin:0}
  .h4-creative-slide.h4-creative-slide--wide-portrait .h4-creative-art{aspect-ratio:1.3/1}
  .h4-creative-slide .h4-creative-art img{object-position:var(--creative-mobile-position,right center)}
  .h4-creative-slide .h4-creative-eyebrow,.h4-creative-slide--purple .h4-creative-eyebrow{font-size:clamp(10px,2.5cqw,15px);letter-spacing:.18em;line-height:1.6;margin:0 0 3.4cqw}
  .h4-creative-slide .h4-creative-heading{font-size:9.5cqw;line-height:1.2;letter-spacing:-.045em}
  .h4-creative-slide .h4-creative-description,.h4-creative-slide--purple .h4-creative-description{font-size:clamp(15px,4.1cqw,21px);line-height:1.6;letter-spacing:-.02em;margin:4cqw 0 5cqw;max-width:39em}
  .h4-creative-slide .h4-creative-cta,.h4-creative-slide--purple .h4-creative-cta{font-size:clamp(14px,3.8cqw,20px);min-height:48px;padding:3.1cqw 5cqw;gap:5cqw;border-radius:8px}
  .h4-creative-slide .h4-creative-cta svg{width:7cqw;height:4.8cqw;max-width:34px;max-height:25px}
  .h4-creative-slide--purple .h4-creative-copy{background:var(--creative-mobile-bg,#783080)}
  .h4-creative-slide--purple .h4-creative-cta{border-radius:5px}
  .h4-creative-slide[data-creative-show-eyebrow="0"] .h4-creative-eyebrow,.h4-creative-slide[data-creative-show-description="0"] .h4-creative-description,.h4-creative-slide[data-creative-show-button="0"] .h4-creative-cta{display:none}
  .h4-hero--has-creative .owl-dots{bottom:15px}
  .h4-hero--has-creative .owl-dots .owl-dot{min-width:32px;min-height:40px}
  .h4-hero--has-creative .h4-creative-pause{bottom:15px;left:14px;right:auto}
}
@media(max-width:575px){.h4-hero.h4-hero--creative-only{padding:0;background:#fff}}
@media(prefers-reduced-motion:reduce){.h4-creative-slide .h4-creative-cta{transition:none}.h4-creative-slide .h4-creative-cta:hover{transform:none}.h4-hero--has-creative .owl-animated-out{animation-duration:0s!important}}
