/* Social links keep their accessible names while displaying only their marks. */
.social-icon{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;flex:none;color:#718590;text-decoration:none;transition:color .2s}
.social-icon svg{display:block;width:20px;height:20px;flex:none}
.social-icon:hover{color:var(--blue)}
.social-links{gap:8px}
.topbar>div{align-items:center;gap:10px;padding-top:2px;padding-bottom:2px}
.topbar .social-icon{color:#9aaeb9;width:36px;height:30px}
.topbar .social-icon:hover{color:#fff}
.footer-grid .social-icon{color:#9aaeb9}
.footer-grid .social-icon:hover{color:#fff}
/* Images crossfade under the fixed foreground content. */
.hero-slides{position:absolute;inset:0;background:var(--ink);overflow:hidden}
.hero-slide{opacity:0;transition:opacity 1s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide.hero-map{object-fit:contain;object-position:right center;left:35%;width:65%;background:var(--ink)}
.hero-inner{padding-bottom:115px;min-height:650px}
.hero-controls{position:absolute;z-index:2;left:max(32px,calc((100% - 1156px)/2));bottom:30px;display:flex;align-items:center;gap:10px;color:#fff}
.hero-controls button{display:flex;align-items:center;justify-content:center;flex:none;border:1px solid #ffffff55;color:#fff;background:#06232b90;border-radius:50%;width:34px;height:34px;line-height:1;font-size:25px}
.hero-controls button:hover{background:#ffffff24}
.hero-dots{display:flex;gap:4px}
.hero-controls .hero-dot{width:22px;height:30px;padding:0;border:0;background:transparent}
.hero-dot:before{content:"";display:block;width:7px;height:7px;border:1px solid #d2e1e7;border-radius:50%;background:transparent}
.hero-dot[aria-pressed=true]:before{background:#fff;border-color:#fff}
.hero-counter{font-size:10px;letter-spacing:1px;padding:0 2px}
.hero-controls .hero-pause{font-size:12px;margin-left:8px}
@media(max-width:700px){.hero-inner{padding-bottom:115px}.hero-controls{left:24px;bottom:26px;gap:6px}.hero-slide.hero-map{left:0;width:100%;object-fit:cover;object-position:center}.topbar>div{padding-right:14px}.topbar .social-icon{height:34px;width:36px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}