.nano-banner{--_bg:var(--nano-banner-bg,#0b1f3a);--_fg:var(--nano-banner-fg,#fff);--_accent:var(--nano-banner-accent,#d11);--_accent-fg:var(--nano-banner-accent-fg,#fff);--_overlay:var(--nano-banner-overlay,linear-gradient(90deg, #081428eb, #081428b3));--_radius:var(--nano-banner-radius,6px);--_container:var(--nano-banner-container,1200px);--_pad-x:var(--nano-banner-pad-x,64px);box-sizing:border-box}.nano-banner *,.nano-banner :before,.nano-banner :after{box-sizing:border-box}@media (max-width:768px){.nano-banner{--_pad-x:20px}}.nano-banner-badge{background:var(--_accent);color:var(--_accent-fg);letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.nano-banner-cta{background:var(--_accent);color:var(--_accent-fg);white-space:nowrap;border-radius:4px;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.nano-banner--event{background:var(--_bg);min-height:220px;color:var(--_fg);align-items:center;display:flex;position:relative;overflow:hidden}.nano-banner--event .nano-banner-bg{opacity:.45;z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.nano-banner--event .nano-banner-image-link{text-decoration:none;display:block}.nano-banner--event .nano-banner-overlay{background:var(--_overlay);pointer-events:none;z-index:2;position:absolute;inset:0}.nano-banner--event .nano-banner-inner{z-index:3;pointer-events:none;width:100%;max-width:var(--_container);padding:40px var(--_pad-x);text-align:center;margin:0 auto;position:relative}.nano-banner--event .nano-banner-title{margin:16px 0 0;font-size:38px;font-weight:700;line-height:1.2}.nano-banner--event .nano-banner-sub{opacity:.88;max-width:760px;margin:12px auto 0;font-size:16px;line-height:1.6}.nano-banner--event .nano-banner-cta{pointer-events:auto;margin-top:22px}@media (max-width:768px){.nano-banner--event .nano-banner-title{font-size:26px}}.nano-banner--event-image{background:0 0;min-height:0;padding:0;display:block;overflow:visible}.nano-banner--event-image .nano-banner-fullimg{width:100%;height:auto;display:block}.nano-banner--hero{background:0 0;min-height:0;padding:0;display:block;overflow:visible}.nano-banner--hero .nano-banner-fullimg{width:100%;height:auto;display:block}.nano-banner--promo{border-radius:var(--_radius);background:var(--_bg);min-height:84px;color:var(--_fg);align-items:stretch;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 6px 16px -8px #0006}.nano-banner--promo .nano-banner-media{background-position:50%;background-size:cover;flex-shrink:0;width:38%}.nano-banner--promo .nano-banner-body{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:16px 24px;display:flex}.nano-banner--promo .nano-banner-title{font-size:17px;font-weight:700}.nano-banner--promo .nano-banner-sub{opacity:.82;font-size:13px}.nano-banner--promo .nano-banner-cta{align-self:center;margin:0 20px}.nano-banner--strip{background:var(--_bg);color:var(--_fg)}.nano-banner--strip .nano-banner-strip-inner{max-width:var(--_container);padding:10px var(--_pad-x);justify-content:center;align-items:center;gap:16px;margin:0 auto;font-size:14px;display:flex}.nano-banner--strip .nano-banner-cta{padding:6px 14px}.nano-banner-slider{position:relative}.nano-banner-slides{display:grid}.nano-banner-slide{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;transition:opacity .5s}.nano-banner-slide[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}.nano-banner-arrow{z-index:2;cursor:pointer;width:40px;height:40px;color:var(--nano-banner-fg,#fff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff38;border:0;border-radius:50%;place-items:center;font-size:24px;line-height:1;transition:background .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nano-banner-arrow:hover{background:#fff6}.nano-banner-arrow--prev{left:16px}.nano-banner-arrow--next{right:16px}.nano-banner-dots{z-index:2;justify-content:center;gap:8px;display:flex;position:absolute;bottom:14px;left:0;right:0}.nano-banner-dot{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:background .15s,transform .15s}.nano-banner-dot[data-active=true]{background:var(--nano-banner-accent,#d11);transform:scale(1.2)}@media (max-width:768px){.nano-banner-arrow{width:32px;height:32px;font-size:18px}}