/* Shared by the live carousel and the control-panel preview. */
.rg-hero-carousel .v2-banner-slide,.hb-preview .v2-banner-slide{container-type:inline-size}
.rg-hero{--hero-accent:#174a78;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:340px;overflow:hidden;background:#edf2f4;color:#142b3b;font-family:inherit}
.rg-hero--travel{--hero-accent:#246256;background:#edf3eb}.rg-hero--eco{--hero-accent:#3a624b;background:#f1f2e8}.rg-hero--tech{--hero-accent:#2059a5;background:#eaf0fa}.rg-hero--festive{--hero-accent:#914a34;background:#f9eee4}
.rg-hero *{box-sizing:border-box}
.rg-hero .rg-hero-scene,.v2-banner-slide .rg-hero .rg-hero-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.7}
.rg-hero .rg-hero-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,250,245,.98),rgba(250,250,245,.9) 42%,rgba(250,250,245,.18) 76%)}
.rg-hero .rg-hero-copy{min-width:0;padding:28px 16px 38px 42px;text-align:left}
.rg-hero .rg-hero-brand{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--hero-accent);margin-bottom:16px}
.rg-hero h2{margin:0 0 var(--hero-title-gap,14px)!important;color:#142b3b!important;font:700 clamp(25px,3.1cqw,42px)/1.3 "Microsoft JhengHei",sans-serif;letter-spacing:.015em;overflow-wrap:anywhere;text-wrap:balance}
.rg-hero .rg-hero-copy p{margin:0 0 22px!important;color:#425764!important;font-size:15px;line-height:1.8;overflow-wrap:anywhere;max-width:34em}
.rg-hero .rg-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 20px;border-radius:6px;background:var(--hero-accent);color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:700;line-height:1.4}
.rg-hero .rg-hero-cta:hover{filter:brightness(1.12)}
.rg-hero .rg-hero-product{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px 30px 46px 12px;height:340px}
.rg-hero .rg-hero-product img,.v2-banner-slide .rg-hero .rg-hero-product img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(20,35,25,.14))}
.rg-hero-carousel .v2-banner-track{position:relative;min-height:0}
.rg-hero-controls{position:absolute;bottom:12px;right:14px;z-index:5;display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:30px;background:rgba(15,35,50,.75);color:#fff}
.rg-hero-controls button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;padding:0;border:0;background:transparent;color:#fff;font:22px/1 sans-serif;cursor:pointer;border-radius:50%}
.rg-hero-controls .rg-hero-dots{display:flex;align-items:center;gap:8px}
.rg-hero-controls .rg-hero-dot{width:12px;height:12px;background:#ffffff65}
.rg-hero-controls .rg-hero-dot.is-active{background:#fff}
.rg-hero-controls .rg-hero-pause{font-size:14px}
.rg-hero-controls button:focus-visible,.rg-hero a:focus-visible{outline:3px solid #e3a842;outline-offset:3px}
@container (max-width:650px){.rg-hero{--hero-title-gap:10px;grid-template-columns:56% 44%;height:210px;min-height:210px}
.rg-hero .rg-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:210px;padding:12px 4px 52px 16px}
.rg-hero .rg-hero-brand,.rg-hero .rg-hero-copy p{display:none}
.rg-hero h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:100%;flex-shrink:0;font-size:clamp(17px,5cqw,20px);line-height:1.25;text-wrap:balance}
.rg-hero .rg-hero-cta{max-width:100%;min-width:100px;min-height:44px;padding:10px 12px;gap:6px;font-size:13px;overflow:hidden;white-space:nowrap}
.rg-hero .rg-hero-product{height:210px;padding:12px 12px 60px 0}
}
@media(max-width:650px){.rg-hero{--hero-title-gap:10px;grid-template-columns:56% 44%;height:210px;min-height:210px}
.rg-hero .rg-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:210px;padding:12px 4px 52px 16px}
.rg-hero .rg-hero-brand,.rg-hero .rg-hero-copy p{display:none}
.rg-hero h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:100%;flex-shrink:0;font-size:clamp(17px,5cqw,20px);line-height:1.25;text-wrap:balance}
.rg-hero .rg-hero-cta{max-width:100%;min-width:100px;min-height:44px;padding:10px 12px;gap:6px;font-size:13px;overflow:hidden;white-space:nowrap}
.rg-hero .rg-hero-product{height:210px;padding:12px 12px 60px 0}
}
@media(prefers-reduced-motion:reduce){.rg-hero *{scroll-behavior:auto;transition:none}}
/* Leave a separate text lane beside the carousel controls on legacy image banners. */
.rg-hero-carousel .v2-banner-caption{text-align:left;padding-right:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}