/* One shared viewport background connects all three pieces of artwork. */
body.dz-bf-active{background:#091b34}
body.dz-bf-active::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 9% 14%,#42537466,transparent 47%),radial-gradient(ellipse at 87% 42%,#245b754d,transparent 49%),repeating-linear-gradient(124deg,transparent 0 108px,#d8edff05 109px,transparent 110px 220px),#091b34}
body.dz-bf-active .site-canvas{position:relative;z-index:1;border-inline-color:#e1e7ef;box-shadow:0 18px 60px #020e2529}
body.admin-bar.dz-bf-active{--vz-skin-admin-offset:32px}
.vz-bf-campaign{font-family:Arial,Helvetica,sans-serif;line-height:1.25;color:#fff}
.vz-bf-campaign *{box-sizing:border-box}
.vz-bf-campaign a,.vz-bf-campaign a:hover{color:#fff;text-decoration:none}
.vz-bf-campaign a:focus-visible{outline:3px solid #ffb577;outline-offset:-5px}
.vz-bf-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.85fr) auto;align-items:center;gap:20px;width:min(100%,1052px);height:216px;margin:0 auto;padding:24px 32px;background:transparent}
.vz-bf-top-copy,.vz-bf-top-action{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.vz-bf-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#c9f3ec}
.vz-bf-eyebrow>span{display:inline-block;vertical-align:middle;margin-left:8px;padding:4px 7px;border:1px solid #c1dcf34d;border-radius:4px;color:#d8e9fa;font-size:9px;line-height:1;letter-spacing:1px}
.vz-bf-title{display:block;margin:15px 0 11px;font-size:51px;font-weight:900;letter-spacing:-2px;line-height:1;white-space:nowrap;text-shadow:0 3px 12px #00000020}
.vz-bf-title>span,.vz-bf-wing-title>span{color:#ffad6c}
.vz-bf-description{font-size:14px;line-height:1.5;color:#dae7f5}
.vz-bf-art{display:block;position:relative;z-index:1;width:100%;height:214px;margin:-18px 0;overflow:visible;filter:drop-shadow(0 10px 11px #020e253d)}
.vz-bf-top-action{gap:12px;align-items:center}
.vz-bf-cta,.vz-bf-wing-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:12px 18px;border:1px solid #ffc995;border-radius:5px;background:linear-gradient(135deg,#ffb671,#ff9448);box-shadow:0 4px 0 #020e2540,0 1px 0 #ffffff4d inset;color:#10213c;font-size:13px;font-weight:800;white-space:nowrap;transition:filter .15s ease,box-shadow .15s ease}
.vz-bf-campaign svg:not(.vz-bf-art){display:block;flex-shrink:0}
.vz-bf-cta>svg,.vz-bf-wing-cta>svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vz-bf-campaign a:hover .vz-bf-cta,.vz-bf-campaign a:hover .vz-bf-wing-cta{filter:brightness(1.07);box-shadow:0 4px 0 #020e2540,0 0 24px #ffa45f1f}
.vz-bf-destination{display:block;font-size:11px;line-height:1.5;color:#c5d9ed}
.vz-bf-wing{display:none;background:transparent}
@media(min-width:1440px){
  .vz-bf-wing{display:flex;position:fixed;top:var(--vz-skin-admin-offset,0px);bottom:0;width:calc((100% - 1052px)/2);z-index:0;align-items:flex-start;justify-content:center;padding:0 14px;overflow:hidden}
  .vz-bf-wing-left{left:0}
  .vz-bf-wing-right{right:0}
  .vz-bf-wing-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;max-width:240px;min-height:540px;height:min(730px,calc(100dvh - var(--vz-skin-admin-offset,0px)));padding:35px 0;text-align:center}
  .vz-bf-wing .vz-bf-eyebrow{font-size:9px;letter-spacing:1.25px;line-height:1.5}
  .vz-bf-wing-title{font-size:clamp(28px,2.4vw,44px);font-weight:900;line-height:1.04;letter-spacing:-1.4px;text-shadow:0 3px 12px #00000020}
  .vz-bf-wing-right .vz-bf-wing-title{font-size:clamp(25px,1.95vw,37px);letter-spacing:-1.1px}
  .vz-bf-percent{position:relative;display:grid;place-items:center;width:clamp(128px,10vw,178px);aspect-ratio:1;flex-shrink:0;border:1px solid #ffd5aa;border-radius:50%;background:radial-gradient(circle at 28% 20%,#ffd6a3,transparent 55%),linear-gradient(135deg,#ffb671,#fc8b3c);box-shadow:9px 13px 0 #020e2538,0 0 0 8px #ffd5aa06,0 0 65px #ff9a4714;color:#10213c;font-size:clamp(85px,7.2vw,126px);font-weight:800;line-height:1;transform:rotate(-13deg);text-shadow:0 1px 0 #ffd2a6}
  .vz-bf-percent::before{content:'';position:absolute;inset:7px;border:1px solid #ffffff2b;border-radius:50%;pointer-events:none}
  .vz-bf-tag{display:block;transform:rotate(10deg);filter:drop-shadow(9px 13px 0 #020e2538)}
  .vz-bf-wing-copy{font-size:16px;line-height:1.5;color:#dae7f5}
  .vz-bf-wing-cta{min-height:43px;padding:11px 13px;gap:8px;font-size:12px}
  .vz-bf-wing .vz-bf-destination{margin-top:-12px}
}
@media(min-width:1440px) and (max-height:700px){
  .vz-bf-wing-inner{min-height:0;gap:15px;padding:18px 0}
  .vz-bf-percent{width:110px;font-size:80px}
  .vz-bf-tag svg{width:90px;height:112px}
  .vz-bf-wing-copy{font-size:14px}
}
@media(max-width:1050px){
  .vz-bf-top{height:190px;grid-template-columns:minmax(0,1fr) 170px;gap:10px;padding:22px 26px}
  .vz-bf-title{font-size:43px;margin:12px 0 9px}
  .vz-bf-art{position:absolute;right:12px;top:7px;width:190px;height:174px;margin:0}
  .vz-bf-top-copy{grid-column:1}
  .vz-bf-top-action{grid-column:1;flex-direction:row;align-items:center;gap:13px}
  .vz-bf-cta{min-height:39px;padding:9px 14px;font-size:12px}
}
@media(max-width:782px){body.admin-bar.dz-bf-active{--vz-skin-admin-offset:46px}}
@media(max-width:560px){
  .vz-bf-top{height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:18px 16px}
  .vz-bf-top-copy{width:calc(100% - 72px)}
  .vz-bf-eyebrow{font-size:8px;letter-spacing:1px}
  .vz-bf-eyebrow>span{font-size:8px;padding:3px 5px;margin-left:4px}
  .vz-bf-title{font-size:clamp(25px,7.9vw,39px);letter-spacing:-1.1px;margin:11px 0 8px}
  .vz-bf-description{max-width:220px;font-size:11px;line-height:1.5}
  .vz-bf-art{width:112px;height:130px;right:0;top:21px}
  .vz-bf-top-action{gap:12px;flex-direction:row}
  .vz-bf-cta{min-height:38px;padding:9px 13px;font-size:12px}
  .vz-bf-destination{font-size:10px}
}
@media print{.vz-bf-campaign,body.dz-bf-active::before{display:none!important}body.dz-bf-active{background:#fff}}
@media(prefers-reduced-motion:reduce){.vz-bf-cta,.vz-bf-wing-cta{transition:none}}
