/* V18: original ErolTech logo lettering, seamlessly matched to the header. */
.hero-brand-title{margin:24px 0 22px;max-width:100%;gap:0}
.hero-brand-lockup{width:min(100%,565px);max-width:100%;padding:0 0 17px 0;perspective:1000px}
.hero-brand-lockup::before{opacity:.48;left:16%;top:-8%;width:80%;height:90%}
.hero-logo-wordmark{display:block;width:100%;height:auto;object-fit:contain;transform:translateZ(0);transform-origin:15% 50%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.hero-brand-underline{left:0;bottom:2px;width:83px;height:3px;transform:none;background:linear-gradient(90deg,#d92945 0 24%,#16c49d 24% 100%);box-shadow:none}
.hero-brand-title .accent{margin:13px 0 0 0}
@media(hover:hover) and (pointer:fine){.hero-brand-lockup:hover .hero-logo-wordmark{transform:translateY(-2px) rotateY(-1deg);filter:drop-shadow(0 12px 20px rgba(0,0,0,.24))}}
@media(max-width:900px){.hero-brand-lockup{width:min(100%,560px)}.hero-brand-title .accent{margin-top:11px}}
@media(max-width:600px){.hero-brand-title{margin:20px 0 18px}.hero-brand-lockup{width:100%;padding:0 0 14px}.hero-brand-underline{bottom:1px;width:68px;height:2px}.hero-brand-title .accent{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.hero-logo-wordmark{transition:none}}