/* mucept - shared inner-page banner */
/* ---------- banner ---------- */
.banner{height:clamp(340px,36.200vw,540px);display:flex;align-items:center;padding-top:90px;color:#fff;background:linear-gradient(90deg,#08121f 0%,#0b1c2b 45%,#0c2631 100%)}
.banner__img{position:absolute;right:0;bottom:0;height:82%;aspect-ratio:580/270;max-width:75%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,transparent 0,#000 22%);mask-composite:intersect}
.banner__img img{width:100%;height:100%;object-fit:cover;animation:slowzoom 14s ease-in-out infinite alternate}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,31,.65) 0,transparent 30%);pointer-events:none}
.banner__inner{position:relative;z-index:2}
.banner h1{font:700 clamp(36px,4.5vw,66px)/1.1 var(--ff-h);letter-spacing:-.005em}
.crumb{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:0 28px;height:clamp(44px,3.700vw,54px);border-radius:40px;background:linear-gradient(90deg,#7048ee,#16d6a6);font:500 clamp(13px,1.050vw,16px) var(--ff-h);text-transform:uppercase;letter-spacing:.02em;transition:transform .4s var(--ease),box-shadow .4s}
.crumb:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px rgba(22,214,166,.6)}
.crumb a:hover{text-decoration:underline;text-underline-offset:4px}