/* Artixen Academy 0.4.6 - correction 48.
   Clear, consistent HERO panel typography relative to the entire HERO section.
   Contents, original brand graphics and slider behaviour remain unchanged. */

/* Build panel height from text instead of cropping a larger type scale
   inside an absolutely positioned, fixed-height window. */
.hero .hero-graphic {
  box-sizing:border-box;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:618px;
  padding:61px 23px 45px 58px;
}
.hero .hero-window.aa-learning-slider {
  position:relative;
  inset:auto;
  z-index:1;
  flex:1 0 auto;
  min-height:508px;
  width:100%;
  padding:29px 29px 29px;
  overflow:visible;
}
/* Scale the dark panel with the HERO visual hierarchy, not footer/link text. */
.hero .aa-learning-slider .aa-slider-dots {
  flex-shrink:0;
  gap:10px;
  padding-bottom:17px;
}
.hero .aa-learning-slider .window-kicker {
  font-size:11.5px;
  line-height:1.45;
  letter-spacing:1.45px;
  font-weight:800;
  margin-top:19px;
}
.hero .aa-learning-slider h3 {
  font-size:28px;
  line-height:1.24;
  font-weight:750;
  letter-spacing:-0.75px;
  margin:10px 0 11px;
}
.hero .aa-learning-slider .hero-window-intro {
  font-size:15.5px;
  line-height:1.6;
  color:#C8E0E5;
  margin:0 0 18px;
  max-width:none;
}
.hero .aa-learning-slider .aa-slide-stage {
  box-sizing:border-box;
  flex-shrink:0;
  min-height:151px;
  padding:17px 18px;
  margin-top:auto;
  margin-bottom:18px;
  border-radius:13px;
}
.hero .aa-learning-slider .aa-slide-number {
  font-size:12px;
  line-height:1.4;
  margin-bottom:7px;
}
.hero .aa-learning-slider .aa-slide h4 {
  font-size:18px;
  line-height:1.35;
  font-weight:750;
  margin-bottom:7px;
}
.hero .aa-learning-slider .aa-slide p {
  font-size:14px;
  line-height:1.55;
  color:#DAEDF0;
  margin:0;
}
.hero .aa-learning-slider .aa-slider-controls {gap:10px;flex-shrink:0;}
.hero .aa-learning-slider .aa-slide-control {height:50px;}
.hero .aa-learning-slider .aa-slide-control .icon {width:22px;height:22px;}

/* At intermediate widths the HERO stacks; keep the entire graphic balanced. */
@media (max-width:1100px) and (min-width:901px) {
  .hero .hero-graphic {padding:58px 17px 44px 43px;min-height:625px;}
  .hero .hero-window.aa-learning-slider {padding:25px 23px 26px;min-height:520px;}
  .hero .aa-learning-slider h3 {font-size:25px;}
  .hero .aa-learning-slider .hero-window-intro {font-size:14.5px;}
  .hero .aa-learning-slider .aa-slide h4 {font-size:17px;}
  .hero .aa-learning-slider .aa-slide p {font-size:13.5px;}
}
@media (max-width:900px) {
  .hero .hero-graphic {width:100%;max-width:560px;min-height:0;padding:55px 25px 42px 60px;}
  .hero .hero-window.aa-learning-slider {flex:0 0 auto;min-height:0;padding:28px 29px;}
  .hero .aa-learning-slider .aa-slide-stage {margin-top:24px;}
}
@media (max-width:600px) {
  .hero .hero-graphic {max-width:460px;min-height:0;padding:43px 15px 38px 34px;}
  .hero .hero-window.aa-learning-slider {min-height:0;padding:22px 20px 23px;}
  .hero .aa-learning-slider .aa-slide-stage {margin-top:21px;}
  .hero .aa-learning-slider .aa-slider-dots {padding-bottom:14px;}
  .hero .aa-learning-slider .window-kicker {margin-top:16px;font-size:10.5px;letter-spacing:1.2px;}
  .hero .aa-learning-slider h3 {font-size:25px;line-height:1.25;margin:10px 0 9px;}
  .hero .aa-learning-slider .hero-window-intro {font-size:14px;line-height:1.55;margin-bottom:15px;}
  .hero .aa-learning-slider .aa-slide-stage {min-height:149px;padding:14px 15px;margin-bottom:14px;}
  .hero .aa-learning-slider .aa-slide-number {font-size:11px;}
  .hero .aa-learning-slider .aa-slide h4 {font-size:17px;}
  .hero .aa-learning-slider .aa-slide p {font-size:13px;line-height:1.5;}
  .hero .aa-learning-slider .aa-slide-control {height:47px;}
  .hero .aa-learning-slider .aa-slide-control .icon {width:21px;height:21px;}
}
@media (max-width:400px) {
  .hero .hero-graphic {min-height:0;padding:36px 10px 36px 23px;}
  .hero .hero-window.aa-learning-slider {min-height:0;padding:20px 15px 21px;}
  .hero .aa-learning-slider h3 {font-size:23px;line-height:1.27;}
  .hero .aa-learning-slider .hero-window-intro {font-size:13.5px;line-height:1.55;}
  .hero .aa-learning-slider .aa-slide-stage {padding:13px 14px;}
  .hero .aa-learning-slider .aa-slide h4 {font-size:16.5px;}
  .hero .aa-learning-slider .aa-slide p {font-size:12.5px;line-height:1.5;}
}
@media (max-width:340px) {
  .hero .hero-graphic {padding-left:17px;padding-right:8px;}
  .hero .hero-window.aa-learning-slider {padding-left:14px;padding-right:14px;}
  .hero .aa-learning-slider h3 {font-size:22px;}
}