/* =====================================================================
   HOME — SD Vidya Schools (GROUP) · RICH design
   hero slider · ribbon · campus selector · stages · infographic
   · life bento · news · leadership message · radial why-choose
   · gallery · testimonials  (admissions steps + cta from components)
   ===================================================================== */

.link-arrow { display:inline-flex; align-items:center; gap:.45em; color:var(--maroon); font-weight:var(--fw-bold); font-size:var(--fs-sm); }
.link-arrow svg { width:18px; transition:transform var(--dur-base) var(--ease-back); }
.link-arrow:hover svg { transform:translateX(5px); }
.section--deep { background: var(--grad-green); color:#fff; position:relative; overflow:hidden; }
.section--deep h2 { color:#fff; }

/* ============ HERO SLIDER ============ */
.hero { position:relative; }
.hero-slide { position:relative; min-height:clamp(480px,80vh,720px); background-size:cover; background-position:center; display:flex; align-items:center; }
.hero-slide__inner { position:relative; z-index:2; }
.hero-slide__content { max-width:660px; color:#fff; padding-block:2.4rem; }
.hero__badge { margin-bottom:1.1rem; }
.hero__title { color:#fff; font-size:var(--fs-3xl); font-weight:var(--fw-bold); line-height:1.02; margin-bottom:.9rem; text-shadow:0 2px 24px rgba(0,0,0,.25); }
.hero__sub { font-size:var(--fs-md); color:rgba(255,255,255,.92); max-width:52ch; margin-bottom:1.5rem; line-height:1.45; }
.hero__cta { display:flex; flex-wrap:wrap; gap:.9rem; }
.swiper-slide-active .hero-slide__content > * { animation:heroIn .8s var(--ease-out) backwards; }
.swiper-slide-active .hero-slide__content > *:nth-child(1){animation-delay:.15s}
.swiper-slide-active .hero-slide__content > *:nth-child(2){animation-delay:.3s}
.swiper-slide-active .hero-slide__content > *:nth-child(3){animation-delay:.45s}
.swiper-slide-active .hero-slide__content > *:nth-child(4){animation-delay:.6s}
@keyframes heroIn { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:none} }
@media (prefers-reduced-motion:reduce){ .swiper-slide-active .hero-slide__content > *{animation:none} }
.hero-slider__nav { position:absolute; z-index:5; right:clamp(1rem,4vw,3rem); bottom:clamp(1.4rem,5vw,3rem); display:flex; gap:.6rem; }
.hero-prev,.hero-next { width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.14); border:1.5px solid rgba(255,255,255,.5); color:#fff; display:grid; place-items:center; backdrop-filter:blur(6px); transition:background var(--dur-base),transform var(--dur-base) var(--ease-back); }
.hero-prev:hover,.hero-next:hover { background:var(--maroon); border-color:var(--maroon); transform:scale(1.08); }
.hero-prev svg{transform:rotate(90deg);width:24px} .hero-next svg{transform:rotate(-90deg);width:24px}
.hero-slider__pagination { position:absolute; z-index:5; left:0; right:0; bottom:clamp(1.4rem,5vw,3rem); display:flex; justify-content:center; gap:.5rem; }
.hero-slider__pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:.45;transition:all var(--dur-base)}
.hero-slider__pagination .swiper-pagination-bullet-active{opacity:1;width:30px;border-radius:6px;background:var(--gold)}

/* ribbon */
.hero-ribbon { background:var(--maroon); color:#fff; }
.hero-ribbon__inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.6rem 2rem; padding-block:.7rem; }
.hero-ribbon span { display:inline-flex; align-items:center; gap:.55em; font-size:var(--fs-sm); font-weight:var(--fw-semi); }
.hero-ribbon svg { width:20px; height:20px; color:var(--gold-300); }

/* ============ CAMPUS SELECTOR ============ */
.campus-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.4rem,3vw,2rem); }
.campus { background:#fff; border:1px solid var(--line); border-radius:var(--r-xl); overflow:hidden; box-shadow:var(--sh-sm); transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base); display:flex; flex-direction:column; }
.campus:hover { transform:translateY(-6px); box-shadow:var(--sh-xl); }
.campus__media { position:relative; display:block; aspect-ratio:3/2; overflow:hidden; }
.campus__media img { width:100%; height:100%; object-fit:cover; transition:transform var(--dur-slow) var(--ease-out); }
.campus:hover .campus__media img { transform:scale(1.05); }
.campus__media::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(14,32,23,.88),rgba(14,32,23,.12) 55%,transparent); }
.campus__badge { position:absolute; top:14px; left:14px; z-index:2; background:rgba(255,255,255,.94); color:var(--green-900); font-size:var(--fs-xs); font-weight:var(--fw-bold); padding:.38em 1em; border-radius:var(--r-pill); }
.campus__title { position:absolute; left:20px; right:20px; bottom:16px; z-index:2; color:#fff; }
.campus__title h3 { color:#fff; font-size:clamp(1.4rem,1.1rem+1vw,2rem); line-height:1; }
.campus__loc { display:inline-flex; align-items:center; gap:.4em; font-size:var(--fs-sm); font-weight:var(--fw-semi); color:rgba(255,255,255,.9); margin-top:.4rem; }
.campus__loc svg { width:15px; height:15px; color:var(--gold-300); }
.campus__foot { padding:1.4rem 1.5rem 1.6rem; display:flex; flex-direction:column; flex:1; }
.campus__foot p { font-size:var(--fs-sm); color:var(--text-soft); flex:1; }
.campus__cta { display:flex; gap:.7rem; flex-wrap:wrap; margin-top:1.1rem; }

/* ============ STAGES / PROGRAMS ============ */
.programs__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.program { position:relative; background:#fff; border-radius:var(--r-xl); overflow:hidden; box-shadow:var(--sh-md); isolation:isolate; transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base); }
.program:hover { transform:translateY(-10px); box-shadow:var(--sh-xl); }
.program__top { height:118px; position:relative; display:grid; place-items:center; --c1:var(--maroon); background:var(--c1); }
.program--1 .program__top{--c1:var(--green)} .program--2 .program__top{--c1:var(--charcoal)}
.program__top::after{content:"";position:absolute;inset:0;background:radial-gradient(140px 140px at 80% -10%,rgba(255,255,255,.18),transparent 70%)}
.program__no { position:absolute; top:.8rem; right:1.2rem; z-index:2; font-family:var(--font-display); font-weight:var(--fw-bold); font-size:2.8rem; line-height:1; color:rgba(255,255,255,.18); }
.program__media { width:84px; height:84px; border-radius:50%; display:grid; place-items:center; padding:16px; box-shadow:var(--sh-md); border:4px solid var(--cream); position:absolute; bottom:-34px; left:1.5rem; z-index:3; background:var(--maroon); transition:transform var(--dur-base) var(--ease-back); }
.program--1 .program__media{background:var(--green)} .program--2 .program__media{background:var(--charcoal)}
.program:hover .program__media { transform:scale(1.06) rotate(-4deg); }
.program__media img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.program__body { padding:2.6rem 1.5rem 1.5rem; }
.program__tag { display:inline-block; font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.1em; text-transform:uppercase; color:var(--maroon); margin-bottom:.4rem; }
.program--1 .program__tag{color:var(--green)} .program--2 .program__tag{color:var(--charcoal)}
.program h3 { font-size:var(--fs-lg); margin-bottom:.6rem; }
.program p { color:var(--text-soft); font-size:var(--fs-sm); margin-bottom:1.2rem; }

/* ============ LEARNING BEYOND BOOKS + INFOGRAPHIC ============ */
.beyond__grid { display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.beyond__media { position:relative; }
.beyond__frame { position:relative; border-radius:var(--r-xl); overflow:hidden; box-shadow:var(--sh-xl); aspect-ratio:5/4; }
.beyond__frame img { width:100%; height:100%; object-fit:cover; }
.play-btn { position:absolute; inset:0; margin:auto; width:88px; height:88px; display:grid; place-items:center; color:#fff; }
.play-btn svg { width:76px; height:76px; position:relative; z-index:2; filter:drop-shadow(0 8px 20px rgba(0,0,0,.35)); }
.play-btn svg circle{fill:var(--maroon)}
.play-btn__ring { position:absolute; inset:6px; border-radius:50%; border:3px solid rgba(255,255,255,.7); animation:ripple 2s var(--ease-out) infinite; }
@keyframes ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion:reduce){.play-btn__ring{animation:none}}
.beyond__badge { position:absolute; right:-16px; bottom:-16px; background:var(--grad-gold); color:var(--green-900); border-radius:var(--r-lg); padding:1rem 1.3rem; box-shadow:var(--sh-lg); text-align:center; }
.beyond__badge b { display:block; font-family:var(--font-display); font-size:2rem; line-height:1; }
.beyond__badge span { font-size:var(--fs-xs); font-weight:var(--fw-semi); }
.infographic { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:1.5rem 0; border-block:1px solid var(--line); }
.info-stat { position:relative; text-align:center; padding:1.2rem .5rem; }
.info-stat + .info-stat::before { content:""; position:absolute; left:0; top:22%; height:56%; width:1px; background:var(--line); }
.info-stat__num { font-family:var(--font-sans);  font-weight:var(--fw-black); font-variant-numeric:lining-nums tabular-nums; font-size:2rem; color:var(--maroon); line-height:1; letter-spacing:-.02em; }
.info-stat__suffix { font-family:var(--font-sans); font-weight:var(--fw-bold); color:var(--gold); font-size:.95rem; margin-left:.22em; }
.info-stat__label { display:block; margin-top:.55rem; font-size:var(--fs-xs); color:var(--text-soft); font-weight:var(--fw-semi); }
.info-stat--ring { display:flex; flex-direction:column; align-items:center; gap:.2rem; padding-block:.9rem; }
.info-stat--ring .ring-wrap { position:relative; width:78px; height:78px; }
.info-stat--ring .ring { width:78px; height:78px; transform:rotate(-90deg); }
.ring__bg { fill:none; stroke:var(--cream-3); stroke-width:7; }
.ring__bar { fill:none; stroke:var(--green); stroke-width:7; stroke-linecap:round; stroke-dasharray:214; stroke-dashoffset:214; transition:stroke-dashoffset 1.6s var(--ease-out); }
.info-stat--ring .info-stat__num { position:absolute; inset:0; display:grid; place-items:center; font-size:1.25rem; }
.info-stat--ring .info-stat__label { margin-top:.2rem; }

/* ============ LIFE BENTO ============ */
.life__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.life-tile { position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-sm); background:#fff; min-height:232px; }
.life-tile--feature { grid-row:span 2; }
.life-tile__img { position:absolute; inset:0; }
.life-tile__img img { width:100%; height:100%; object-fit:cover; transition:transform var(--dur-slow) var(--ease-out); }
.life-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(20,50,38,.92) 8%,rgba(20,50,38,.5) 45%,rgba(20,50,38,.05) 100%); }
.life-tile:hover .life-tile__img img { transform:scale(1.07); }
.life-tile__body { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:1.6rem; color:#fff; }
.life-tile__body h3 { color:#fff; font-size:var(--fs-md); margin-bottom:.4rem; }
.life-tile__body p { color:rgba(255,255,255,.85); font-size:var(--fs-sm); line-height:1.5; max-height:0; opacity:0; overflow:hidden; transition:max-height var(--dur-slow) var(--ease-out),opacity var(--dur-base),margin var(--dur-base); }
.life-tile:hover .life-tile__body p,.life-tile--feature .life-tile__body p { max-height:200px; opacity:1; margin-top:.3rem; }

/* ============ NEWS ============ */
.news__head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.6rem; }
.news__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.news-card { background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-sm); display:flex; flex-direction:column; transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base); }
.news-card:hover { transform:translateY(-6px); box-shadow:var(--sh-lg); }
.news-card__media { position:relative; aspect-ratio:16/10; overflow:hidden; }
.news-card__media img { width:100%; height:100%; object-fit:cover; transition:transform var(--dur-slow) var(--ease-out); }
.news-card:hover .news-card__media img { transform:scale(1.06); }
.news-card__cat { position:absolute; top:12px; left:12px; background:var(--maroon); color:#fff; font-size:var(--fs-xs); font-weight:var(--fw-bold); padding:.35em .9em; border-radius:var(--r-pill); }
.news-card__body { padding:1.1rem; display:flex; flex-direction:column; gap:.45rem; flex:1; }
.news-card__date { display:inline-flex; align-items:center; gap:.4em; font-size:var(--fs-xs); color:var(--text-soft); font-weight:var(--fw-semi); }
.news-card__date svg { width:15px; height:15px; color:var(--green-600); }
.news-card__body h3 { font-size:var(--fs-base); font-family:var(--font-serif); line-height:1.35; flex:1; }

/* ============ LEADERSHIP MESSAGE ============ */
.principal__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.principal__media { position:relative; }
.principal__media img { width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--r-xl); box-shadow:var(--sh-xl); }
.principal__seal { position:absolute; right:-12px; bottom:20px; display:inline-flex; align-items:center; gap:.4em; background:var(--grad-gold); color:var(--green-900); font-weight:var(--fw-bold); font-size:var(--fs-xs); padding:.5em 1em; border-radius:var(--r-pill); box-shadow:var(--sh-md); }
.principal__seal svg { width:16px; height:16px; }
.principal__qmark { color:var(--gold); display:block; margin:.3rem 0; }
.principal__qmark svg { width:46px; height:46px; }
.principal__quote { font-family:var(--font-display); font-style:italic; font-size:var(--fs-xl); line-height:1.28; color:var(--green-900); margin-bottom:1rem; }
.principal__by { margin-top:1.3rem; padding-top:1rem; border-top:1px solid var(--line); }
.principal__sig { display:block; font-family:var(--font-display); font-weight:var(--fw-bold); font-size:1.5rem; color:var(--maroon); line-height:1.1; }
.principal__role { font-size:var(--fs-sm); color:var(--text-soft); }

/* ============ WHY CHOOSE US — radial ============ */
.orbit { position:relative; z-index:2; display:grid; grid-template-columns:minmax(300px,.9fr) 1.1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.orbit__hub { text-align:center; }
.orbit__badge { position:relative; width:clamp(220px,26vw,300px); aspect-ratio:1; margin:0 auto 1.6rem; border-radius:50%; display:grid; place-content:center; gap:.2rem; background:radial-gradient(circle at 50% 35%,var(--green-600),var(--green-900)); box-shadow:inset 0 0 60px rgba(0,0,0,.3),var(--sh-xl); color:#fff; }
.orbit__badge-eyebrow { font-size:var(--fs-sm); font-weight:var(--fw-semi); letter-spacing:.14em; text-transform:uppercase; color:var(--gold-300); }
.orbit__badge strong { font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.6rem); line-height:1; color:#fff; }
.orbit__badge-ring { position:absolute; inset:-14px; border-radius:50%; border:2px dashed rgba(8,91,74,.35); animation:spin 26s linear infinite; }
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.orbit__badge-ring{animation:none}}
.orbit__intro { color:rgba(255,255,255,.86); font-size:var(--fs-md); line-height:1.55; max-width:40ch; margin:0 auto; }
.orbit__intro em { color:var(--gold-300); font-style:italic; font-family:var(--font-serif); }
.orbit__list { position:relative; display:grid; gap:.7rem; padding-left:1.6rem; }
.orbit__list::before { content:""; position:absolute; left:0; top:8%; bottom:8%; width:2px; background:var(--green); opacity:.55; border-radius:2px; }
.orbit__item { position:relative; display:flex; align-items:center; gap:.9rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:var(--r-md); padding:.8rem 1rem; backdrop-filter:blur(6px); transition:transform var(--dur-base) var(--ease-out),background var(--dur-base); }
.orbit__item::before { content:""; position:absolute; left:-1.6rem; top:50%; width:1.6rem; height:2px; background:var(--gold); opacity:.6; }
.orbit__item:hover { transform:translateX(6px); background:rgba(255,255,255,.12); }
.orbit__node { width:52px; height:52px; flex:none; border-radius:50%; background:var(--green); display:grid; place-items:center; padding:11px; box-shadow:0 8px 20px rgba(8,91,74,.22); }
.orbit__node img { width:100%; height:100%; object-fit:contain; filter:brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(1500%) hue-rotate(95deg) brightness(95%); }
.orbit__text h3 { color:#fff; font-size:var(--fs-md); margin-bottom:.2rem; }
.orbit__text p { color:rgba(255,255,255,.76); font-size:var(--fs-sm); }

/* ============ GALLERY BANNER SLIDER ============ */
.gallery__slider { position:relative; width:100%; }
.gallery__slider .swiper { overflow:hidden; }
.gallery__item { position:relative; display:block; width:100%; aspect-ratio:16/6; overflow:hidden; background:var(--maroon-900,#3a0d13); }
.gallery__item img { width:100%; height:100%; object-fit:cover; }
/* nav arrows */
.gallery__nav { position:absolute; inset:0; z-index:5; display:flex; justify-content:space-between; align-items:center; pointer-events:none; padding:0 clamp(.6rem,2vw,1.4rem); }
.gallery-prev,.gallery-next { pointer-events:auto; width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.16); border:1.5px solid rgba(255,255,255,.6); color:#fff; display:grid; place-items:center; backdrop-filter:blur(6px); transition:background var(--dur-base),transform var(--dur-base) var(--ease-back); }
.gallery-prev:hover,.gallery-next:hover { background:var(--maroon); border-color:var(--maroon); transform:scale(1.08); }
.gallery-prev svg{transform:rotate(90deg);width:24px} .gallery-next svg{transform:rotate(-90deg);width:24px}
/* dots */
.gallery__pagination { position:absolute; left:0; right:0; bottom:clamp(1rem,2.5vw,1.6rem); z-index:5; display:flex; justify-content:center; gap:.5rem; }
.gallery__pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:.5;transition:all var(--dur-base)}
.gallery__pagination .swiper-pagination-bullet-active{opacity:1;width:28px;border-radius:6px;background:#fff}

/* ============ TESTIMONIALS ============ */
.testimonials--quote { text-align:center; background:#fff; }
.testimonials__title { font-family:var(--font-display); font-weight:var(--fw-bold); color:var(--maroon); font-size:clamp(2.4rem,5vw,3.4rem); line-height:1.1; margin-bottom:2.4rem; }
.testimonials--quote .swiper { overflow:hidden; padding-bottom:3rem; }
.t-quote { max-width:760px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:1.4rem; padding:0 .5rem; }
.t-quote__text { color:var(--ink-700); font-size:clamp(1rem,1.6vw,1.15rem); line-height:1.7; }
.t-quote__name { font-style:normal; font-family:var(--font-serif); font-weight:var(--fw-bold); color:var(--ink-900,#2a2320); font-size:clamp(1.2rem,2.2vw,1.5rem); }
.testimonials--quote .swiper-pagination { position:static; margin-top:.4rem; }
.testimonials--quote .swiper-pagination-bullet{background:var(--maroon-400);opacity:.45;width:9px;height:9px;transition:opacity var(--dur-base),background var(--dur-base)}
.testimonials--quote .swiper-pagination-bullet-active{background:var(--maroon);opacity:1}

/* ============ VIDEO MODAL + LIGHTBOX ============ */
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter)}
.modal[hidden]{display:none}
.modal__overlay{position:absolute;inset:0;background:rgba(10,20,15,.82);backdrop-filter:blur(4px)}
.modal__box{position:relative;z-index:2;width:min(960px,100%);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-xl)}
.modal__box video{width:100%;display:block;background:#000;aspect-ratio:16/9}
.modal__close{position:absolute;top:-46px;right:0;z-index:3;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--charcoal);font-size:1.6rem;line-height:1;box-shadow:var(--sh-md)}
.lightbox{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:rgba(10,20,15,.92);padding:clamp(1rem,5vw,4rem)}
.lightbox[hidden]{display:none}
.lightbox__img{max-width:100%;max-height:84vh;border-radius:var(--r-md);box-shadow:var(--sh-xl)}
.lightbox__close{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.8rem;border:1.5px solid rgba(255,255,255,.4)}
.lightbox__prev,.lightbox__next{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.4);color:#fff;display:grid;place-items:center}
.lightbox__prev{left:clamp(.5rem,3vw,2rem)} .lightbox__next{right:clamp(.5rem,3vw,2rem)}
.lightbox__prev:hover,.lightbox__next:hover,.lightbox__close:hover{background:var(--maroon);border-color:var(--maroon)}
.lightbox__prev svg{transform:rotate(90deg);width:26px} .lightbox__next svg{transform:rotate(-90deg);width:26px}

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  .campus-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .programs__grid,.news__grid{grid-template-columns:1fr 1fr}
  .beyond__grid,.principal__grid{grid-template-columns:1fr}
  .beyond__media,.principal__media{max-width:520px;margin-inline:auto}
  .life__grid{grid-template-columns:1fr 1fr} .life-tile--feature{grid-row:span 1}
  .orbit{grid-template-columns:1fr} .orbit__intro{max-width:52ch}
  .gallery__item{aspect-ratio:4/3}
  .gallery-prev,.gallery-next{width:44px;height:44px}
}
@media (max-width:620px){
  .hero__title{font-size:clamp(1.85rem,6.4vw,2.5rem)}
  .hero-slide__content{max-width:100%}
  .hero-slider__nav{display:none}
  .hero-ribbon__inner{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.4rem}
  .hero-ribbon span{font-size:var(--fs-xs)}
  .programs__grid,.news__grid,.life__grid{grid-template-columns:1fr}
  .infographic{grid-template-columns:1fr 1fr}
  .info-stat:nth-child(odd)::before{display:none}
  .orbit__list{padding-left:0} .orbit__list::before,.orbit__item::before{display:none}
  .life-tile__body p{max-height:200px;opacity:1;margin-top:.3rem}
}