/* Photograph-only hero; retain the existing banner size and surrounding cards. */
.hero .hero-slideshow{isolation:isolate;background:#17474b;touch-action:pan-y;overflow:clip}
.hero .hero-slideshow .hero-photo-slide{position:absolute;inset:0;opacity:0;transition:opacity .85s ease;pointer-events:none}
.hero .hero-slideshow .hero-photo-slide.is-current{opacity:1;z-index:1}
.hero .hero-slideshow .hero-photo-backdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(20px);opacity:.65;max-width:none}
.hero .hero-slideshow .hero-photo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none}
.hero .hero-slideshow button{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:#07363dd9;color:white;cursor:pointer;font:25px/1 Arial,sans-serif;backdrop-filter:blur(6px)}
.hero .hero-slideshow button:hover{background:#075b64ed;border-color:#7ee9dd}
.hero .hero-slideshow button:focus-visible{outline:3px solid #79eee1;outline-offset:2px}
.hero .hero-slideshow .hero-photo-toggle{position:absolute;top:14px;left:14px;z-index:3;font-size:19px}
.hero .hero-slideshow .hero-photo-toggle::after{content:'Ⅱ'}
.hero .hero-slideshow .hero-photo-toggle[aria-pressed=true]::after{content:'▶';font-size:17px}
.hero .hero-slideshow .hero-photo-toolbar{position:absolute;inset:auto 8px 8px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:4px}
.hero .hero-slideshow .hero-photo-dots{display:flex;align-items:center;justify-content:center;min-width:0}
.hero .hero-slideshow .hero-photo-dot{width:24px;height:44px;border:0;border-radius:0;background:transparent;backdrop-filter:none}
.hero .hero-slideshow .hero-photo-dot:hover{background:transparent}
.hero .hero-slideshow .hero-photo-dot::after{content:'';width:7px;height:7px;border-radius:50%;background:#ffffffa6;box-shadow:0 1px 4px #00272c70}
.hero .hero-slideshow .hero-photo-dot[aria-current=true]::after{width:9px;height:9px;background:#fff;box-shadow:0 0 0 2px #0b9eaa}
.hero .hero-slideshow .hero-photo-status{position:absolute;left:8px;right:8px;bottom:60px;z-index:3;margin:0;padding:8px;border-radius:10px;background:#07363de8;color:white;font-size:12px;line-height:1.35}
.hero .hero-slideshow .hero-photo-status:empty{display:none}
.hero .hero-slideshow .hero-photo-status.hero-photo-announcement{clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.hero .hero-slideshow [hidden]{display:none!important}
@media(min-width:961px){.hero .hero-photo-showcase .f3{bottom:76px}}
@media(prefers-reduced-motion:reduce){.hero .hero-slideshow .hero-photo-slide{transition:none}}

/* Eleven photos: retain large arrows and wrap dots before they can overlap them. */
.hero .hero-slideshow .hero-photo-dots{flex:0 1 264px;flex-wrap:wrap}
.hero .hero-slideshow .hero-photo-dot{height:24px;min-height:24px}
@media(max-width:540px){
 .hero .hero-slideshow .hero-photo-dots{flex:0 0 144px;max-width:144px;flex-wrap:wrap}
}
