/* About page only: hero photo, story timeline, mission, license, course links */
.about-hero__photo{position:absolute;inset:28px 28px 52px;border-radius:28px;overflow:hidden;border:1px solid var(--course-line);box-shadow:var(--shadow-lg);background:var(--course-soft-blue);}
.about-hero__photo img{width:100%;height:100%;object-fit:cover;}
.about-chip--cert{top:0;right:0;}
.about-chip--class{bottom:12px;left:0;}

.story{max-width:760px;margin:0 auto 44px;text-align:center;color:var(--text-2);font-size:15.5px;line-height:2.1;}
.story p + p{margin-top:12px;}

.timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto;padding:0;list-style:none;}
.timeline::before{content:"";position:absolute;top:17px;right:16%;left:16%;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.35),transparent);}
.timeline__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;}
.timeline__year{position:relative;z-index:1;padding:6px 18px;border-radius:100px;background:var(--gradient-1);color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.25);}
.timeline__card{width:100%;height:100%;padding:16px;border-radius:var(--course-radius);background:var(--course-card-solid);border:1px solid var(--course-line);box-shadow:var(--shadow-sm);text-align:center;}
.timeline__img{width:100%;height:150px;margin-bottom:14px;object-fit:cover;border-radius:14px;background:var(--course-soft-blue);}
/* Landscape window keeps the classroom subjects visible and the source letterboxing outside the frame. */
.timeline__img--mentoring{object-position:center 49%;}
.timeline__img--logo{padding:16px;object-fit:contain;background:#fff;}
[data-theme="dark"] .timeline__img--logo{background:var(--course-soft-blue);filter:invert(1) hue-rotate(180deg);}
.timeline__title{margin-bottom:6px;color:var(--text-1);font-size:16px;font-weight:800;}
.timeline__text{color:var(--text-2);font-size:13.5px;line-height:1.9;}

.mission__grid,.about-courses{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin:0 auto;}
.mission-card{padding:28px;border-radius:var(--course-radius-lg);background:var(--course-card-solid);border:1px solid var(--course-line);box-shadow:var(--shadow-sm);}
.mission-card__icon{width:46px;height:46px;margin-bottom:14px;display:grid;place-items:center;border-radius:14px;background:var(--course-tile);color:var(--course-tile-text);font-size:22px;}
.mission-card__title{margin-bottom:8px;color:var(--text-1);font-size:18px;font-weight:800;}
.mission-card__text{color:var(--text-2);font-size:14.5px;line-height:2;}

.license{display:flex;align-items:center;gap:24px;margin-top:20px;padding:24px;border-radius:var(--course-radius-lg);background:var(--course-card-solid);border:1px solid var(--course-line);box-shadow:var(--shadow-sm);}
.license__photo{flex-shrink:0;display:block;width:150px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--course-line);background:var(--course-soft-blue);}
.license__photo img{width:100%;height:100%;object-fit:contain;}
.license__photo--empty{display:grid;place-content:center;justify-items:center;gap:8px;border:2px dashed var(--course-line);color:var(--text-2);font-size:12.5px;font-weight:700;}
.license__photo--empty .icon{font-size:28px;color:var(--primary);}
[data-theme="dark"] .license__photo--empty .icon{color:var(--accent);}
.license__body{display:grid;gap:8px;}
.license__title{color:var(--text-1);font-size:18px;font-weight:800;}
.license__text{color:var(--text-2);font-size:14.5px;line-height:2;}
.license__link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:13.5px;font-weight:700;text-decoration:none;}
[data-theme="dark"] .license__link{color:var(--accent);}

.about-course{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:var(--course-radius-lg);background:var(--course-card-solid);border:1px solid var(--course-line);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;}
.about-course:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(37,99,235,.3);}
.about-course:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.about-course__icon{flex-shrink:0;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--gradient-1);color:#fff;font-size:22px;}
.about-course__body{display:grid;gap:8px;}
.about-course__title{color:var(--text-1);font-size:17px;font-weight:800;}
.about-course__text{color:var(--text-2);font-size:14px;line-height:1.95;}
.about-course__link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:13.5px;font-weight:700;}
.about-course__link .icon{transition:transform .2s;}
.about-course:hover .about-course__link .icon{transform:translateX(-3px);}
[data-theme="dark"] .about-course__link{color:var(--accent);}

@media (max-width:900px){
  .timeline{grid-template-columns:1fr;max-width:440px;}
  .timeline::before{top:0;bottom:0;right:50%;left:auto;width:2px;height:auto;background:linear-gradient(180deg,transparent,rgba(37,99,235,.3),transparent);}
  .mission__grid,.about-courses{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .about-hero__photo{inset:20px 8px 44px;border-radius:22px;}
  .mission-card,.about-course,.license{padding:20px;}
  .license{flex-direction:column;text-align:center;}
  .license__link{justify-self:center;}
}
@media (prefers-reduced-motion:reduce){
  .about-course,.about-course__link .icon{transition:none;}
}

/* Original document in the supplied blue-circle and white-frame composition. */
.about-hero__visual--license{height:auto;width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;isolation:isolate;}
.about-license__stage{position:relative;display:grid;place-items:center;isolation:isolate;width:100%;padding:30px 12px 38px;}
.about-license__art{position:absolute;inset:-8% -6% -10%;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 49% 53%,rgba(96,165,250,.2),transparent 70%);mask-image:linear-gradient(transparent,#000 18%,#000 64%,transparent 96%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 64%,transparent 96%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;}
.about-license__orb{position:absolute;display:block;aspect-ratio:1;border-radius:50%;}
.about-license__orb--main{width:89%;top:8%;left:0;background:linear-gradient(135deg,rgba(96,165,250,.36),rgba(191,219,254,.22));}
.about-license__orb--small{width:31%;top:8%;right:0;background:linear-gradient(145deg,rgba(219,234,254,.4),rgba(147,197,253,.2));}
.about-license__orb--inner{width:58%;left:13%;top:28%;background:linear-gradient(145deg,rgba(239,246,255,.32),rgba(147,197,253,.08));}
.about-license__dots{position:absolute;background-image:radial-gradient(circle,rgba(59,130,246,.24) 1.25px,transparent 1.9px);background-size:11px 11px;mask-image:radial-gradient(ellipse,#000 20%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 74%);}
.about-license__dots--top{width:35%;height:27%;top:-1%;left:6%;transform:rotate(-8deg);}
.about-license__dots--left{width:30%;height:31%;bottom:2%;left:2%;}
.about-license__dots--right{width:23%;height:23%;bottom:9%;right:1%;}
.about-license__spark{position:absolute;width:5px;height:5px;background:rgba(255,255,255,.88);transform:rotate(45deg);}
.about-license__spark--top{left:19%;top:28%;}
.about-license__spark--bottom{left:2%;bottom:35%;}
.about-hero__visual--license .about-hero__photo{position:relative;inset:auto;display:block;width:100%;max-width:350px;padding:7px;overflow:visible;isolation:isolate;border:1px solid rgba(147,197,253,.55);border-radius:20px;background:#edf5ff;box-shadow:-2px -1px 0 rgba(59,130,246,.48),0 25px 45px -19px rgba(37,99,235,.34);transform:perspective(900px) rotateY(8deg) rotateZ(.8deg);text-decoration:none;}
.about-hero__visual--license .about-hero__photo::before,.about-hero__visual--license .about-hero__photo::after{content:none;}
.about-hero__visual--license .about-hero__photo img{display:block;width:100%;height:auto;aspect-ratio:1452/1512;object-fit:contain;border:7px solid #fff;border-radius:14px;background:#fff;}
.about-license__facts{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:410px;margin-top:0;}
.about-license__facts::before{content:"";position:absolute;inset-block:8px;left:50%;width:1px;background:linear-gradient(transparent,var(--course-line),transparent);}
.about-license__facts .about-chip{position:static;min-width:0;justify-content:center;gap:8px;padding:10px 12px;animation:none;background:transparent;border:0;box-shadow:none;border-radius:0;font-size:12px;backdrop-filter:none;-webkit-backdrop-filter:none;}
.about-license__facts .float-chip__icon{width:29px;height:29px;border-radius:10px;font-size:17px;}
.about-license__facts .about-chip small{font-size:10.5px;line-height:1.8;}
@media(max-width:360px){.about-license__facts{gap:7px;}.about-license__facts .about-chip{padding:9px 7px;gap:6px;font-size:11px;}.about-license__facts .float-chip__icon{width:25px;height:25px;font-size:15px;}.about-license__facts .about-chip small{font-size:10px;}}

/* Compact headings and the mobile stacking cards. */
.about-page .mission-card,.about-page #why .audience-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;align-items:center;gap:14px 12px;}
.about-page .mission-card__icon,.about-page #why .audience-card__icon{width:44px;height:44px;margin:0;grid-row:1;grid-column:1;}
.about-page .mission-card__title,.about-page #why .audience-card__title{grid-row:1;grid-column:2;margin:0;line-height:1.7;}
.about-page .mission-card__text,.about-page #why .audience-card__text{grid-column:1/-1;margin:0;}
.about-page .license{gap:0;}
/* Same sticky stack as the course pages' audience cards: each card slides over the previous one. */
@media(max-width:640px) and (min-height:560px) and (prefers-reduced-motion:no-preference){
  .about-page #why .audience__grid{display:block;isolation:isolate;padding-bottom:12px;}
  .about-page #why .audience-card{position:sticky;top:calc(96px + var(--stack-index,0)*12px);z-index:calc(1 + var(--stack-index,0));margin-bottom:20px;background:var(--course-card-solid);box-shadow:0 -5px 24px -12px rgba(15,23,42,.2);opacity:1;transform:none;transition:border-color .25s,box-shadow .25s;}
  .about-page #why .audience-card:nth-child(1){--stack-index:0;}
  .about-page #why .audience-card:nth-child(2){--stack-index:1;}
  .about-page #why .audience-card:nth-child(3){--stack-index:2;}
  .about-page #why .audience-card:nth-child(4){--stack-index:3;}
  .about-page #why .audience-card:nth-child(5){--stack-index:4;}
  .about-page #why .audience-card:nth-child(6){--stack-index:5;}
}