/* Global Study Hero ------------------------------------------------------
   Shared by study-facing views. Content changes by context; profile/admin
   surfaces do not use this shell. */
.study-hero {
  position: relative;
  overflow: hidden;
  color: var(--hero-ink-alt);
  background:
    radial-gradient(circle at 78% 44%,rgba(0,180,166,.22),transparent 27%),
    radial-gradient(circle at 61% 92%,rgba(241,201,92,.08),transparent 30%),
    linear-gradient(135deg,var(--hero-bg-1) 0%,var(--hero-bg-2) 52%,var(--hero-bg-3) 100%);
  border-bottom: 1px solid rgba(0,180,166,.14);
}

.study-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(0,0,0,.10),transparent 48%,rgba(0,0,0,.08));
}

.study-hero__inner {
  position: relative;
  z-index: var(--z-base);
  width: min(var(--content-max),calc(100% - 56px));
  min-height: 248px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,.92fr);
  align-items: center;
  gap: 18px;
  margin: 0 auto;
  padding: 20px 0 22px;
}

.study-hero__copy { position: relative; z-index: var(--z-sticky-decor); align-self: center; }
.study-hero__eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--hero-eyebrow);
  font: 700 .53333em/1 var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.study-hero h1 {
  margin: 0;
  color: var(--hero-ink);
  font: 800 clamp(2.66667em,5.2vw,4.4em)/.92 var(--font-display);
  letter-spacing: -.062em;
}
.study-hero h1 span { color: var(--hero-gold-3); }
.study-hero p {
  max-width: 610px;
  margin: 14px 0 0;
  color: var(--hero-ink-soft);
  font-size: clamp(.93333em,1.35vw,1.26667em);
  line-height: 1.45;
}
.study-hero p strong { color: var(--hero-accent-2); font-weight: 700; }
.study-hero__accent {
  display: block;
  width: 58px;
  height: 3px;
  margin-top: 16px;
  background: linear-gradient(90deg,var(--hero-accent),var(--hero-gold));
  border-radius: var(--r-pill);
  box-shadow: 0 0 16px rgba(0,180,166,.32);
}

.study-hero__art { position: relative; min-height: 205px; align-self: stretch; }
.study-hero__art-group { position: absolute; inset: 0; }
.study-hero__art-group[hidden] { display: none; }
.study-hero__headphones {
  position: absolute;
  right: -1%;
  bottom: -25%;
  width: min(100%,400px);
  height: auto;
  filter: drop-shadow(0 22px 25px rgba(0,0,0,.34));
}
.study-hero__wave {
  position: absolute;
  right: -8%;
  bottom: 4%;
  width: 122%;
  height: 112px;
  fill: none;
  stroke: url(#studyHeroWaveGradient);
  stroke-width: 2;
}
.study-hero__note {
  position: absolute;
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 0 10px currentColor);
}
.study-hero__note--teal { top: 31%; left: 13%; color: var(--hero-accent-2); transform: rotate(-8deg); }
.study-hero__note--gold { right: 5%; top: 20%; width: 23px; height: 23px; color: var(--hero-gold-2); transform: rotate(11deg); }
.study-hero__scene {
  position: absolute;
  right: -2%;
  bottom: -9%;
  width: min(100%,500px);
  height: auto;
  filter: drop-shadow(0 26px 30px rgba(0,0,0,.25));
}

.study-hero__art-group--general { display: grid; place-items: center; }
.study-hero__orb {
  position: relative;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(0,180,166,.25);
  border-radius: 50%;
  box-shadow: 0 0 80px rgba(0,180,166,.10), inset 0 0 48px rgba(0,180,166,.05);
}
.study-hero__orb::before,
.study-hero__orb::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
.study-hero__orb::before { width: 150px; height: 150px; border: 1px dashed rgba(241,201,92,.22); }
.study-hero__orb::after { width: 92px; height: 92px; background: rgba(0,180,166,.08); box-shadow: 0 0 34px rgba(0,180,166,.14); }
.study-hero__bars {
  position: absolute;
  left: 50%;
  bottom: 40px;
  display: flex;
  align-items: end;
  gap: 7px;
  transform: translateX(-50%);
}
.study-hero__bars i {
  width: 7px;
  height: 34px;
  background: linear-gradient(180deg,var(--hero-gold),var(--hero-accent));
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(0,180,166,.18);
}
.study-hero__bars i:nth-child(2) { height: 54px; }
.study-hero__bars i:nth-child(3) { height: 78px; }
.study-hero__bars i:nth-child(4) { height: 96px; }
.study-hero__bars i:nth-child(5) { height: 72px; }
.study-hero__bars i:nth-child(6) { height: 48px; }
.study-hero__bars i:nth-child(7) { height: 30px; }
.study-hero__monogram {
  position: absolute;
  left: 50%;
  top: 46%;
  color: var(--hero-ink-soft);
  font: 800 2.66667em/1 var(--font-display);
  letter-spacing: -.06em;
  transform: translate(-50%,-50%);
}


@media (min-width: 901px) {
  .study-hero__inner { min-height: 188px; padding: 12px 0 14px; }
  .study-hero h1 { font-size: clamp(2em,4.2vw,3.26667em); }
  .study-hero p { margin-top: 10px; font-size: clamp(.86667em,1.12vw,1.06667em); }
  .study-hero__accent { margin-top: 11px; }
  .study-hero__art { min-height: 164px; }
  .study-hero__orb { width: 172px; height: 172px; }
  .study-hero__orb::before { width: 118px; height: 118px; }
  .study-hero__orb::after { width: 72px; height: 72px; }
  .study-hero__bars { bottom: 26px; gap: 6px; transform: translateX(-50%) scale(.78); transform-origin: center bottom; }
  .study-hero__monogram { font-size: 2.26667em; }
}


@media (max-width: 900px) {
  .study-hero__inner {
    min-height: 224px;
    grid-template-columns: minmax(0,1fr) minmax(240px,.8fr);
  }
}

@media (max-width: 700px) {
  .study-hero__inner {
    width: 100%;
    min-height: 188px;
    grid-template-columns: 1fr;
    padding: 14px 14px 15px;
  }
  .study-hero__copy { width: 64%; }
  .study-hero__eyebrow { margin-bottom: 6px; font-size: .46667em; }
  .study-hero h1 { font-size: clamp(1.86667em,10.5vw,2.66667em); }
  .study-hero p { margin-top: 8px; font-size: .76667em; line-height: 1.38; }
  .study-hero__accent { width: 42px; margin-top: 9px; }
  .study-hero__art { position: absolute; inset: 0 0 0 36%; min-height: 0; }
  .study-hero__headphones { right: -14%; bottom: -8%; width: 101%; }
  .study-hero__wave { right: -18%; bottom: 0; width: 132%; height: 66px; }
  .study-hero__note--teal { top: 32%; left: 10%; width: 25px; height: 25px; }
  .study-hero__note--gold { right: 4%; top: 18%; width: 17px; height: 17px; }
  .study-hero__scene { right: -18%; bottom: -8%; width: 108%; }
  .study-hero__orb { width: 154px; height: 154px; }
  .study-hero__monogram { font-size: 2em; }
}

@media (max-width: 420px) {
  .study-hero__inner { min-height: 172px; padding: 12px; }
  .study-hero__copy { width: 68%; }
  .study-hero h1 { font-size: clamp(1.8em,10vw,2.46667em); }
  .study-hero p { font-size: .72em; }
  .study-hero__headphones { right: -16%; bottom: -9%; width: 104%; }
  .study-hero__scene { right: -20%; bottom: -10%; width: 111%; }
}