.herob{position:relative;overflow:hidden;background:#000000;min-height:520px;display:flex;align-items:center}
.herob picture{position:absolute;inset:0;z-index:0}
.herob picture img{width:100%;height:100%;object-fit:cover}
.herob::before{content:"";position:absolute;inset:0;background:#000000;opacity:0.8;z-index:1}
.herob-in{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:72px 22px;text-align:center;color:#FFFFFF}
.herob-in p{font-size:clamp(16px,2.2vw,19px);color:#DDE5EA;margin:0 0 26px}
.tbar{background:#E4E9EC;border-top:1px solid #D5DDE2;border-bottom:1px solid #D5DDE2}
.tbar-in{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 30px;padding:14px 10px}
.tbar span{font-size:14px;font-weight:bold;color:#3A4650}
.herob-in{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.herob-in.on{opacity:1;transform:none}
@media(max-width:480px){
.herob{min-height:480px}
.hcta{width:100%;text-align:center;margin:6px 0}
}
@media(prefers-reduced-motion:reduce){
.herob-in{opacity:1;transform:none;transition:none}
}