/* The opening follows the available stage height as well as its width. */
@media (min-width:901px) {
  .hero {
    display:grid;
    grid-template-columns:1.06fr 1fr;
    align-items:center;
    gap:2vw;
    padding:clamp(28px,4vh,56px) 5.5vw;
  }
  .hero-copy { width:100%; min-width:0; padding-block:1.5vh; }
  .hero h1 {
    font-size:clamp(110px,min(13.2vw,23vh),260px);
    line-height:1.04;
    letter-spacing:-.075em;
    padding-block:.06em;
  }
  .hero-sub { font-size:clamp(28px,min(2.5vw,4.5vh),48px); margin-top:clamp(18px,3vh,34px); line-height:1.3; }
  .hero-art {
    position:relative;
    width:min(48vw,79vh,calc(100vh - var(--header) - var(--footer) - 70px));
    height:min(48vw,79vh,calc(100vh - var(--header) - var(--footer) - 70px));
    justify-self:center;
    right:auto;
    top:auto;
    transform:none;
    margin-left:-2vw;
  }
  .hero-orb-wrap { inset:8%; }
  .hero .orbit-one { inset:5%; }
  .hero .orbit-two { inset:1% 19%; }
  .hero .label-a { left:2%; top:9%; }
  body .hero-art .label-b { right:-1%; top:38%; }
  body .hero-art .label-c { right:5%; bottom:8%; }
  .hero .floating-label { font-size:clamp(28px,1.65vw,34px); padding:12px 22px; }

  .about::before { inset:0; background:radial-gradient(ellipse at 90% 40%,#ad6aff24,transparent 60%); transform:none; border:0; box-shadow:none; }
  .about { display:block; }
  .about .split { height:100%; min-height:0; grid-template-columns:1.02fr 1fr; gap:5vw; }
  .about-copy { align-self:center; }
  .about h2 { font-size:clamp(64px,min(6.2vw,11vh),120px); line-height:1.06; }
  .about .lead { font-size:clamp(28px,min(2.4vw,4vh),43px); margin-top:clamp(20px,3vh,36px); }
  .about-topics { margin-top:clamp(28px,5vh,60px); }
  .about-topics p { position:relative; display:flex; align-items:center; justify-content:space-between; padding:clamp(14px,2.4vh,27px) 0; border-top:1px solid #64318a36; font-size:clamp(30px,min(2.65vw,4.7vh),51px); line-height:1.16; font-weight:650; letter-spacing:-.04em; }
  .about-topics p:last-child { border-bottom:1px solid #64318a36; }
  .about-topics p>span { font-size:1.1em; color:#8d39f0; padding-left:22px; }
  .about .age-art {
    min-height:0;
    height:100%;
    width:100%;
    max-height:820px;
    border-radius:clamp(28px,3vw,52px);
    isolation:isolate;
    overflow:hidden;
    align-self:center;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    padding:clamp(28px,3.1vw,60px);
    background:radial-gradient(ellipse at 80% 10%,#bd88ff 0,transparent 52%),linear-gradient(145deg,#9043ee,#6a20cb 60%,#401080);
    border:1px solid #bd89ff;
    box-shadow:0 30px 80px #5b1b9630,inset 0 1px 0 #ffffff50;
  }
  .about .age-art::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(130deg,transparent 40%,#ffffff12 40.2%,transparent 41%),repeating-linear-gradient(0deg,transparent 0 55px,#ffffff06 55px 56px); }
  .about .university-word { font-size:clamp(65px,min(8.5vw,15vh),162px); letter-spacing:-.075em; line-height:1.15; z-index:2; }
  .about .age-caption { position:relative; bottom:auto; left:auto; right:auto; text-align:left; font-size:clamp(28px,2.1vw,40px); margin-top:12px; line-height:1.25; z-index:2; }
  .course-figure { position:absolute; top:5%; left:6%; font-size:clamp(190px,min(26vw,45vh),490px); line-height:.95; letter-spacing:-.1em; font-weight:800; color:transparent; -webkit-text-stroke:1.5px #f8eaff7a; transform:rotate(-7deg); z-index:-1; }
  .student-spark { position:absolute; right:8%; top:12%; font-size:clamp(75px,9vw,170px); line-height:1; color:#ead7ff; text-shadow:0 10px 35px #47077c66; animation:student-turn 34s linear infinite; }
  .student-orbits { position:absolute; inset:15% -20% 20% -20%; z-index:-1; transform:rotate(-30deg); }
  .student-orbits i { position:absolute; inset:0; border:1px solid #e7cbff55; border-radius:50%; }
  .student-orbits i:nth-child(2) { inset:12% -10%; }
  .student-orbits i:nth-child(3) { inset:28% -18%; }
  .student-orbits::after { content:''; position:absolute; top:12%; left:20%; width:20px; height:20px; border-radius:50%; background:#ecd8ff; box-shadow:0 0 40px #e9d0ff; animation:student-dot 9s ease-in-out infinite alternate; }
  .student-corner { position:absolute; right:8%; bottom:8%; font-size:clamp(36px,4vw,72px); opacity:.45; }
}
@keyframes student-turn { to { transform:rotate(360deg); } }
@keyframes student-dot { to { transform:translate(65px,-18px); opacity:.4; } }
@media (max-width:900px) {
  .about-topics { margin-top:28px; }
  .about-topics p { font-size:28px; line-height:1.2; padding:15px 0; border-top:1px solid #64318a36; }
  .about-topics p>span { float:right; color:#8d39f0; }
  .course-figure,.student-spark,.student-orbits,.student-corner { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .student-spark,.student-orbits::after { animation:none; }
}