.home-slideshow{width:100%;max-width:680px;margin:auto;border:1px solid #ffffff30;border-radius:24px;overflow:hidden;background:#0f172a;color:white}
.home-slideshow-image{aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center}
.home-slideshow-image img{width:100%;height:100%;object-fit:contain}
.home-slideshow-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;background:#0f172a}
.home-slideshow-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #94a3b8;border-radius:8px;color:white;background:#1e293b;cursor:pointer}
.home-slideshow-controls button:hover,.home-slideshow-controls button[aria-current=true]{background:#fff;color:#0f172a}
.home-slideshow-controls button:focus-visible{outline:3px solid #facc15;outline-offset:3px}
.home-slideshow-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%}

.managed-home-slideshow .home-slideshow-image{aspect-ratio:auto;height:var(--slide-height,680px)}
@media(max-width:767px){.managed-home-slideshow .home-slideshow-image{height:var(--slide-mobile-height,360px)}}

.home-hero{padding-top:24px;padding-bottom:24px}
@media(min-width:1024px){.home-hero{padding-top:32px;padding-bottom:32px}}

.home-section-compact{padding-top:24px;padding-bottom:24px}
@media(min-width:1024px){.home-section-compact{padding-top:32px;padding-bottom:32px}}
.hero-copy{display:flex;flex-direction:column;gap:var(--hero-gap,24px);min-width:0}
.hero-copy h1{font-size:var(--hero-mobile-title-size,36px);font-weight:var(--hero-weight,700);line-height:1.15;overflow-wrap:anywhere;margin:0}
.hero-copy p{font-size:var(--hero-body-size,20px);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;margin:0}
.hero-copy .hero-copy-button[data-style=outline]{background:transparent!important;border:2px solid var(--section-accent);color:var(--section-accent)}
@media(min-width:1024px){.hero-copy h1{font-size:var(--hero-title-size,60px)}}
/* Geometric presentation frame; decoration stays behind the campaign artwork. */
.managed-home-slideshow{position:relative;isolation:isolate;box-sizing:border-box;padding:10px;overflow:visible;border:1px solid color-mix(in srgb,var(--section-accent,#dca842) 35%,transparent);box-shadow:0 18px 45px #00000024,0 1px 0 #ffffff12 inset}
.managed-home-slideshow::before{content:"";position:absolute;z-index:-1;top:-12px;right:-12px;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--section-accent,#dca842) 60%,transparent);border-radius:50%;box-shadow:0 0 0 9px color-mix(in srgb,var(--section-accent,#dca842) 9%,transparent);pointer-events:none}
.managed-home-slideshow::after{content:"";position:absolute;z-index:-1;bottom:-10px;left:-10px;width:88px;height:64px;border-left:3px solid var(--section-accent,#dca842);border-bottom:3px solid var(--section-accent,#dca842);border-radius:0 0 0 22px;pointer-events:none;opacity:.75}
.managed-home-slideshow .home-slideshow-image{position:relative;z-index:1;border-radius:max(0px,calc(var(--slide-radius,24px) - 8px));overflow:hidden;box-shadow:0 0 0 1px #ffffff0d}
.managed-home-slideshow .home-slideshow-image img{display:block}
@media(max-width:767px){.managed-home-slideshow{padding:6px}.managed-home-slideshow::before{width:72px;height:72px;top:-7px;right:-7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--section-accent,#dca842) 9%,transparent)}.managed-home-slideshow::after{width:56px;height:40px;left:-6px;bottom:-6px;border-width:2px}}
/* Additional concentric rings and paired corners stay outside the image frame. */
.managed-home-slideshow::before{box-shadow:0 0 0 7px color-mix(in srgb,var(--section-accent,#dca842) 10%,transparent),0 0 0 14px color-mix(in srgb,var(--section-accent,#dca842) 6%,transparent),0 0 0 21px color-mix(in srgb,var(--section-accent,#dca842) 3%,transparent)}
.slideshow-ring-cluster{position:absolute;z-index:-1;left:-16px;bottom:16px;width:70px;height:70px;border:1px solid color-mix(in srgb,var(--section-accent,#dca842) 55%,transparent);border-radius:50%;box-shadow:0 0 0 8px color-mix(in srgb,var(--section-accent,#dca842) 9%,transparent),0 0 0 16px color-mix(in srgb,var(--section-accent,#dca842) 4%,transparent);pointer-events:none}
.slideshow-ring-cluster::after{content:"";position:absolute;width:12px;height:12px;left:-6px;top:6px;border-radius:50%;background:var(--section-accent,#dca842);opacity:.7}
.slideshow-corner-detail{position:absolute;inset:-5px;z-index:-1;pointer-events:none}
.slideshow-corner-detail::before,.slideshow-corner-detail::after{content:"";position:absolute;width:42px;height:42px;border-color:var(--section-accent,#dca842);border-style:solid;opacity:.6}
.slideshow-corner-detail::before{top:0;left:0;border-width:2px 0 0 2px;border-radius:18px 0 0 0}
.slideshow-corner-detail::after{right:0;bottom:0;border-width:0 2px 2px 0;border-radius:0 0 18px 0}
@media(max-width:767px){.managed-home-slideshow::before{box-shadow:0 0 0 5px color-mix(in srgb,var(--section-accent,#dca842) 9%,transparent),0 0 0 10px color-mix(in srgb,var(--section-accent,#dca842) 4%,transparent)}.slideshow-ring-cluster{width:46px;height:46px;left:-9px;bottom:12px;box-shadow:0 0 0 5px color-mix(in srgb,var(--section-accent,#dca842) 7%,transparent)}.slideshow-corner-detail{inset:-3px}.slideshow-corner-detail::before,.slideshow-corner-detail::after{width:28px;height:28px}}
/* Matching geometric accents for the hero's editorial column. */
.hero-copy{position:relative;isolation:isolate;padding:20px;box-sizing:border-box}
.hero-copy>h1,.hero-copy>p,.hero-copy>.hero-copy-actions{position:relative;z-index:1}
.hero-copy::before{content:"";position:absolute;top:-8px;left:-8px;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--section-accent,#dca842) 40%,transparent);border-radius:50%;box-shadow:0 0 0 8px color-mix(in srgb,var(--section-accent,#dca842) 7%,transparent),0 0 0 16px color-mix(in srgb,var(--section-accent,#dca842) 3%,transparent);pointer-events:none;z-index:-1}
.hero-copy::after{content:"";position:absolute;right:2px;bottom:10px;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--section-accent,#dca842) 35%,transparent);border-radius:50%;box-shadow:0 0 0 7px color-mix(in srgb,var(--section-accent,#dca842) 5%,transparent);pointer-events:none;z-index:-1}
.hero-copy-ornament{position:absolute;inset:0;pointer-events:none;z-index:-1}
.hero-copy-ornament::before,.hero-copy-ornament::after{content:"";position:absolute;width:40px;height:40px;border-color:var(--section-accent,#dca842);border-style:solid;opacity:.55}
.hero-copy-ornament::before{top:0;right:0;border-width:2px 2px 0 0;border-radius:0 16px 0 0}
.hero-copy-ornament::after{bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 16px}
@media(max-width:767px){.hero-copy{padding:16px}.hero-copy::before{width:64px;height:64px;top:-4px;left:-4px;box-shadow:0 0 0 6px color-mix(in srgb,var(--section-accent,#dca842) 5%,transparent)}.hero-copy::after{width:40px;height:40px;right:0;bottom:8px}.hero-copy-ornament::before,.hero-copy-ornament::after{width:28px;height:28px}}
/* Soft bubble clusters sit behind the text and campaign image. */
.hero-bubbles,.slideshow-bubbles{position:absolute;inset:0;z-index:-1;pointer-events:none;--bubble-edge:color-mix(in srgb,var(--section-accent,#dca842) 38%,transparent);--bubble-fill:color-mix(in srgb,var(--section-accent,#dca842) 9%,transparent)}
.hero-bubbles::before,.hero-bubbles::after,.slideshow-bubbles::before,.slideshow-bubbles::after{content:"";position:absolute;border-radius:50%;border:1px solid var(--bubble-edge);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--section-accent,#dca842) 20%,transparent),var(--bubble-fill) 55%,transparent 80%)}
.hero-bubbles::before{width:26px;height:26px;right:16%;top:-10px;box-shadow:38px 18px 0 -8px var(--bubble-fill)}
.hero-bubbles::after{width:16px;height:16px;left:18%;bottom:-8px;box-shadow:32px -12px 0 -4px var(--bubble-edge)}
.slideshow-bubbles::before{width:22px;height:22px;left:18%;top:-12px;box-shadow:34px 5px 0 -7px var(--bubble-edge)}
.slideshow-bubbles::after{width:30px;height:30px;right:17%;bottom:-14px;box-shadow:-42px 3px 0 -9px var(--bubble-fill)}
@media(max-width:767px){.hero-bubbles::before{width:18px;height:18px;top:-6px}.hero-bubbles::after{width:12px;height:12px;bottom:-5px}.slideshow-bubbles::before{width:16px;height:16px;top:-8px}.slideshow-bubbles::after{width:20px;height:20px;bottom:-10px}}
.hero-copy>.hero-article-navigation{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-top:4px;font-size:13px;color:var(--section-text);flex-wrap:wrap}
.hero-article-navigation button{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--section-accent) 45%,transparent);border-radius:50%;background:transparent;color:var(--section-accent);cursor:pointer;font-size:20px}
.hero-article-navigation button:hover{background:color-mix(in srgb,var(--section-accent) 12%,transparent)}
.hero-article-navigation button:focus-visible{outline:2px solid var(--section-accent);outline-offset:3px}
/* Connected bubbles create a restrained network motif around every frame shape. */
.managed-home-slideshow .slideshow-bubbles::before,.managed-home-slideshow .slideshow-bubbles::after{width:180px;height:72px;border:0;border-radius:0;box-shadow:none;background:var(--section-accent,#dca842);-webkit-mask:url('../images/decor/connected-bubbles.svg') center/contain no-repeat;mask:url('../images/decor/connected-bubbles.svg') center/contain no-repeat;opacity:.75}
.managed-home-slideshow .slideshow-bubbles::before{top:-38px;left:12%;transform:rotate(-6deg)}
.managed-home-slideshow .slideshow-bubbles::after{bottom:-38px;right:8%;transform:rotate(174deg)}
@media(max-width:767px){.managed-home-slideshow .slideshow-bubbles::before,.managed-home-slideshow .slideshow-bubbles::after{width:120px;height:48px;opacity:.55}.managed-home-slideshow .slideshow-bubbles::before{top:-24px;left:10%}.managed-home-slideshow .slideshow-bubbles::after{bottom:-24px;right:8%}}

/* The keyed image restarts the selected entrance effect on each campaign. */
.managed-home-slideshow .home-slideshow-image { overflow: hidden; }
.managed-home-slideshow[data-transition] .home-slideshow-image img { animation-duration: var(--slide-transition-duration,600ms); animation-timing-function: ease-out; animation-fill-mode: both; }
.managed-home-slideshow[data-transition=fade] .home-slideshow-image img { animation-name: campaign-fade; }
.managed-home-slideshow[data-transition=slide-left] .home-slideshow-image img { animation-name: campaign-left; }
.managed-home-slideshow[data-transition=slide-up] .home-slideshow-image img { animation-name: campaign-up; }
.managed-home-slideshow[data-transition=zoom] .home-slideshow-image img { animation-name: campaign-zoom; }
.managed-home-slideshow[data-transition=reveal] .home-slideshow-image img { animation-name: campaign-reveal; }
@keyframes campaign-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes campaign-left { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } }
@keyframes campaign-up { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } }
@keyframes campaign-zoom { from { opacity: 0; transform: scale(1.08); } to { opacity: 1; transform: scale(1); } }
@keyframes campaign-reveal { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@media (prefers-reduced-motion: reduce) { .managed-home-slideshow[data-transition] .home-slideshow-image img { animation: none; } }
.slideshow-article-link { display: block; width: 100%; height: 100%; cursor: pointer; }
.slideshow-article-link:focus-visible { outline: 3px solid var(--section-accent,#dca842); outline-offset: -5px; }
.hero-copy { animation: campaign-fade var(--hero-sync-duration,600ms) ease-out both; }
@media(prefers-reduced-motion:reduce) { .hero-copy { animation: none; } }

/* Offset, fading backing panel inspired by layered photography. */
.managed-home-slideshow { width: calc(100% - 36px) !important; margin-bottom: 22px; }
.slideshow-gradient-backdrop { position: absolute; inset: 10px; display: block; z-index: -2; pointer-events: none; transform: translate(36px,22px); border-radius: var(--slide-radius,24px); background: linear-gradient(155deg,rgba(170,198,255,.6) 0%,rgba(170,198,255,.28) 40%,rgba(170,198,255,.08) 72%,transparent 100%); }
@media(max-width:767px) {
 .managed-home-slideshow { width: calc(100% - 20px) !important; margin-bottom: 14px; }
 .slideshow-gradient-backdrop { inset: 6px; transform: translate(20px,14px); }
}