/* Main home hero: heading and traffic-light status integrated into the cover. */
.alba108-home .alba108-image.alba128-hero{position:relative;height:clamp(218px,23vw,310px);padding:22px 24px 26px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;isolation:isolate;overflow:hidden;color:#fff}
.alba108-home .alba128-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,21,23,.58),rgba(2,25,24,.03) 45%,rgba(1,17,18,.81));pointer-events:none}
.alba128-hero-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.alba128-hero-kicker{display:inline-flex;align-items:center;gap:12px;color:white;font-size:12px;letter-spacing:.12em;font-weight:800;text-shadow:0 1px 6px #000b}
.alba128-sonar{--alba128-status:#f59e0b;position:relative;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:var(--alba128-status);box-shadow:0 0 0 3px #ffffff19,0 0 0 1px #0004}
.alba128-sonar::after{content:"";position:absolute;inset:-7px;border:2px solid var(--alba128-status);border-radius:50%;animation:alba128-sonar 2.7s ease-out infinite}
.alba128-hero-open .alba128-sonar{--alba128-status:#23c77c}
.alba128-hero-upcoming .alba128-sonar,.alba128-hero-unavailable .alba128-sonar{--alba128-status:#ffc857}
.alba128-hero-closed .alba128-sonar,.alba128-hero-inactive .alba128-sonar,.alba128-hero-full .alba128-sonar{--alba128-status:#f24a55}
.alba108-home .alba128-hero-title{margin:0!important;color:#fff!important;font-weight:850;letter-spacing:-.035em;font-size:clamp(25px,3.2vw,43px);line-height:1.12;text-shadow:0 2px 13px #0009;max-width:95%}
.alba128-hero-top .alba108-state{display:inline-block;color:white!important;border:1px solid #ffffff99;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:800;box-shadow:0 3px 12px #0005;text-shadow:none}
.alba128-hero-top .alba108-state-open{background:#128b53!important}
.alba128-hero-top .alba108-state-upcoming,.alba128-hero-top .alba108-state-unavailable{background:#b56d00!important;color:white!important}
.alba128-hero-top .alba108-state-closed,.alba128-hero-top .alba108-state-inactive{background:#b91c2c!important}
.alba128-hero-top .alba108-state-full{background:#810d23!important}
@keyframes alba128-sonar{0%{transform:scale(.55);opacity:.85}78%{transform:scale(1.65);opacity:0}100%{opacity:0}}
@media(max-width:700px){.alba108-home .alba108-image.alba128-hero{height:225px;padding:16px 17px 20px}.alba128-hero-kicker{font-size:10px;letter-spacing:.07em}.alba128-hero-top .alba108-state{padding:6px 9px;font-size:11px}.alba108-home .alba128-hero-title{font-size:clamp(25px,6vw,35px)}}
@media(prefers-reduced-motion:reduce){.alba128-sonar::after{animation:none;opacity:.6}}