/* Estilos propios de academy.html — externalizados desde el <style>
   en linea, que la CSP de produccion bloquea (style-src 'self'). */

.pg-hero{
  min-height:100svh;display:flex;align-items:center;
  padding-block:clamp(104px,13vh,150px) clamp(60px,9vh,96px);
  background:radial-gradient(ellipse 66% 88% at 76% 18%,rgba(169,107,216,.15),transparent 60%),
             linear-gradient(180deg,var(--void),var(--aubergine));
  border-bottom:1px solid var(--line);position:relative;}
.pg-hero > .wrap{width:100%;}
.pg-hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.035em;
  font-size:clamp(2.1rem,5.2vw,3.7rem);line-height:1.04;max-width:20ch;text-wrap:balance;}
.pg-hero .lede{margin-top:22px;font-size:clamp(1.05rem,2vw,1.26rem);
  color:var(--bone-dim);max-width:58ch;line-height:1.55;}
.pg-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
.is-here{color:var(--heliotrope) !important;}

@media(max-width:640px){
  .pg-hero,.op-hero{min-height:100svh;padding-block:150px 64px;
    align-items:center;}
  .pg-hero h1,.op-hero h1{font-size:clamp(1.8rem,7.8vw,2.4rem);max-width:100%;}
  .pg-hero .lede,.op-hero .lede{font-size:1rem;}
  .pg-cta,.op-hero .cta-row{gap:10px;}
  .pg-cta .btn,.op-hero .cta-row .btn{width:100%;justify-content:center;}
}