/* Shared hero for round 3 (CQL and MEJ use the same markup). Accent: --hero-acc */
.hero{position:relative;height:100vh;min-height:680px;max-height:980px;color:#fff;overflow:hidden;background:#141A18;font-family:"Hanken Grotesk",system-ui,sans-serif}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,14,12,.45),rgba(10,14,12,.06) 30%,rgba(10,14,12,.12) 60%,rgba(10,14,12,.6))}
.hero .hbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:26px 40px}
.hero .lock{color:#fff;text-decoration:none;display:inline-block;line-height:1}
.hero .lock b{font-family:"Noto Serif Display",Georgia,serif;font-weight:300;font-size:34px;letter-spacing:-.01em;display:block}
.hero .lock span{display:block;text-align:right;font-size:12px;margin-top:2px;opacity:.85}
.hero .r{display:flex;gap:10px;align-items:center}
.hero .lang{display:flex;gap:2px;margin-right:6px}
.hero .lang a{text-decoration:none;color:#fff;font:500 13px "Hanken Grotesk",system-ui,sans-serif;opacity:.6;cursor:pointer;padding:6px}
.hero .lang a:hover{opacity:1}
.hero .lang a[aria-current]{opacity:1}
.hero .word{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-58%);text-align:center;font-family:"Noto Serif Display",Georgia,serif;font-weight:300;line-height:.8;letter-spacing:-.02em;white-space:nowrap;color:#fff;margin:0}
.hero .hfoot{position:absolute;z-index:2;left:40px;right:40px;bottom:34px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.hero .hfoot p{max-width:420px;font-size:19px;line-height:1.45;margin:0}
.hpill{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font:500 14px "Hanken Grotesk",system-ui,sans-serif;color:#22261F}
.hpill .t{background:var(--hero-acc,#A6DED6);border-radius:999px;padding:9px 18px}
.hpill .c{width:38px;height:38px;border-radius:50%;background:var(--hero-acc,#A6DED6);display:grid;place-items:center;transition:transform .35s}
.hpill:hover .c{transform:translateX(5px)}
.hpill.white .t,.hpill.white .c{background:#fff}
@media (max-width:760px){
  .hero{height:92vh;min-height:620px}
  .hero .hbar{padding:18px}
  .hero .lock b{font-size:26px}
  .hero .hbar .hpill{display:none}
  .hero .word{transform:translateY(-80%)}
  .hero .hfoot{left:18px;right:18px;flex-direction:column;align-items:flex-start;gap:20px;bottom:24px}
  .hero .hfoot p{font-size:17px}
}