/* Content and imagery for the home and Academy pages. */
.page-home .intro{padding-bottom:clamp(24px,4vw,56px)}
.page-home .intro .cta{margin-top:24px}
.home-programs{padding-top:clamp(24px,4vw,56px)}
.page-home #start{scroll-margin-top:120px}
.home-programs .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-programs .card,.about-knowledge .card{overflow:hidden}
.editorial-card__image{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:16px;margin:0 0 12px}
.home-programs .card__num{position:absolute;top:36px;left:36px;width:38px;height:38px;font-size:16px}
.editorial-banner{margin:30px 0;overflow:hidden;border-radius:26px;background:#172a60;max-height:300px}
.editorial-banner img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 48%}
.about-sections{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:64px;padding-bottom:0}
.about-sections a{padding:10px 22px;border:1px solid #d7deea;border-radius:30px;background:#fff;color:var(--navy);font-family:var(--font-head);font-size:14px;text-decoration:none}
.about-sections a:hover{background:#f8edda;border-color:#cdb485}
.about-history{padding-top:clamp(32px,5vw,70px)}
.page-about section[id]{scroll-margin-top:120px}
.page-about .split--top{align-items:center}
.page-about .prose{max-width:100%}
.page-about .prose p{line-height:1.75}
.about-knowledge .card{border-radius:24px}
.about-knowledge .editorial-card__image{aspect-ratio:16/9}
.about-circle{margin-top:clamp(50px,7vw,100px);padding-top:clamp(28px,4vw,56px);border-top:1px solid #dce2ed}
.about-learning>.wrap>.cta{margin-top:32px}
.history-scene{isolation:isolate}
.history-motion,.history-dawn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.history-dawn{background:radial-gradient(ellipse at 88% 46%,rgba(255,220,146,.28),transparent 46%);mix-blend-mode:screen;animation:history-morning 14s ease-in-out infinite}
.history-page{transform-box:view-box;filter:drop-shadow(2px 3px 3px #43331d66);animation:history-page-turn 7s ease-in-out infinite}
.dove-wing{transform-box:fill-box;transform-origin:80% 95%;animation:history-wing 1.1s ease-in-out infinite}
.dove-wing--far{animation-delay:-.55s;transform-origin:10% 95%}
.history-animation-toggle{position:absolute;right:22%;bottom:5%;z-index:3;width:34px;height:34px;padding:0;border:1px solid #fff8;border-radius:50%;background:#13295ac9;color:#fff;display:grid;place-items:center;font-size:17px;cursor:pointer;box-shadow:0 2px 10px #10204a33}
.history-animation-toggle:hover{background:#253f77}
.history-animation-toggle:focus-visible{outline:3px solid #efcc8d;outline-offset:3px}
.history-scene.is-paused .history-dawn,.history-scene.is-paused .history-page,.history-scene.is-paused .dove-wing{animation-play-state:paused}
@keyframes history-morning{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes history-wing{0%,100%{transform:scaleY(1) rotate(-6deg)}50%{transform:scaleY(.22) rotate(18deg)}}
@keyframes history-page-turn{
  0%,12%{opacity:0;d:path('M221 551 Q284 531 336 553 L420 646 Q354 637 300 662Z')}
  18%{opacity:1;d:path('M221 551 Q284 531 336 553 L420 646 Q354 637 300 662Z')}
  38%{opacity:1;d:path('M221 551 Q281 467 320 478 L350 596 Q321 607 300 662Z')}
  57%{opacity:1;d:path('M221 551 Q185 461 171 501 L217 606 Q270 616 300 662Z')}
  77%{opacity:1;d:path('M221 551 Q151 527 83 540 L169 651 Q240 636 300 662Z')}
  85%,100%{opacity:0;d:path('M221 551 Q151 527 83 540 L169 651 Q240 636 300 662Z')}
}
.eniyoga-photo-caption{font-family:var(--font-head);font-size:clamp(17px,2vw,22px);text-align:center;margin-top:22px}
@media(prefers-reduced-motion:reduce){.history-motion,.history-animation-toggle{display:none}.history-dawn{animation:none;opacity:.65}}
@media(max-width:1000px){.home-programs .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .page-about section[id],.page-home #start{scroll-margin-top:200px}
  .home-programs .grid,.about-knowledge .grid{grid-template-columns:1fr}
  .about-sections{padding-top:54px;gap:8px}
  .about-sections a{padding:9px 15px;font-size:13px}
  .page-about .split{flex-direction:column}
  .page-about .split__text{text-align:left}
  .page-about .circle-wrap{width:min(78vw,360px)}
  .about-circle .circle-wrap{order:-1}
  .editorial-banner img{height:210px}
  .home-programs .card__num{top:30px;left:30px}
}