/* Mobile About candidate 05. Legacy tablet/desktop composition stays separate. */
#about-aion > .aion-about-mobile { display:none }
@media(max-width:700px) , (max-width:1000px) and (max-height:599px) and (orientation:landscape){
  /* The separate guided Journey is deferred; do not advertise its placeholder on mobile. */
  .aion-site [data-aion-route="aion-journey"]{display:none!important}
  body .aion-site #about-aion[data-mobile-about="v1"]{
    position:relative;isolation:isolate;display:block;width:100%;height:auto!important;
    min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
    overflow:clip!important;background:#04151d!important;scroll-margin-top:51px;
    color:#f1f9f9;font-family:AionReviewInter,Inter,Arial,sans-serif;
  }
  #about-aion[data-mobile-about="v1"]::before,
  #about-aion[data-mobile-about="v1"]::after{display:none!important}
  #about-aion[data-mobile-about="v1"] > :not(.aion-about-mobile){display:none!important}
  #about-aion > .aion-about-mobile{display:block;position:relative;isolation:isolate}
  .aion-about-mobile *{box-sizing:border-box}
  .aion-about-mobile__backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}
  .aion-about-mobile__scene{
    position:sticky;top:51px;height:calc(100svh - 51px);min-height:660px;overflow:hidden;
    background:radial-gradient(ellipse at 16% 7%,#123b3e 0,transparent 53%),linear-gradient(145deg,#051c24,#03131d 80%);
  }
  #about-aion .aion-about-mobile__fern{
    position:absolute;top:-35px;left:-30%;width:205%;height:auto;max-width:none;
    opacity:1;filter:brightness(1.65) saturate(1.12) drop-shadow(0 0 5px #78d99b30);transform-origin:0 0;
    animation:aboutFernBreathe 8s ease-in-out infinite;
  }
  .aion-about-mobile__circuits{
    position:absolute;right:-62%;bottom:-28px;width:290%;aspect-ratio:1672/941;
    opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 25%,#000);
  }
  .aion-about-mobile__circuits img{display:block;width:100%;height:auto;max-width:none;filter:brightness(1.5) saturate(1.1) drop-shadow(0 0 4px #65eddf45)}
  .aion-about-mobile__circuits svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .aion-about-mobile__circuits path{fill:none;stroke:#d4fff5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 29;opacity:.8;filter:blur(.35px) drop-shadow(0 0 2.5px #a8fff0);animation:aboutSignal 10s linear infinite}
  .aion-about-mobile__circuits path:nth-child(2){animation-delay:-4s;animation-duration:12s}
  .aion-about-mobile__circuits path:nth-child(3){animation-delay:-7s;animation-duration:11s}
  .aion-about-mobile__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 5%,#04151d50 24%,#04151d60 43%,#04151d22 65%,transparent 83%)}

  .aion-about-mobile__body{position:relative;max-width:560px;margin:auto;padding:32px 24px 64px}
  .aion-about-mobile__signature{position:relative;display:flex;justify-content:center;margin:4px 0 16px;pointer-events:none}
  .aion-about-mobile__identity{display:block;position:relative;width:148px;height:160px;opacity:1;pointer-events:none;filter:brightness(1.35)}
  .aion-about-mobile__principles{position:relative;list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;width:100%;text-align:center}
  #about-aion .aion-about-mobile__principles li{margin:0;padding:0;font:450 15px/1.5 AionReviewInter,Inter,Arial,sans-serif;color:#e0efef;text-shadow:0 1px 6px #001018}
  .aion-about-mobile__principles strong{font-weight:700;color:#a9f1e0}
  .aion-about-mobile__kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 11px/1.4 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#dec48c}
  .aion-about-mobile__kicker::before{content:"";width:22px;height:1px;background:currentColor}
  #about-aion .aion-about-mobile__title{margin:0 0 22px;font:700 var(--aion-mobile-heading-size,36px)/var(--aion-mobile-heading-leading,1.12) AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.025em;max-width:none;color:#f4fafb;text-align:left;text-transform:none}
  .aion-about-mobile__title span{display:block;color:#8de6e4}
  #about-aion .aion-about-mobile__intro{margin:0;color:#d3e5e8;font:400 17px/1.6 AionReviewInter,Inter,Arial,sans-serif;max-width:34ch;text-align:left}
  .aion-about-mobile__topics{margin-top:30px}
  .aion-about-mobile__tabs{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:4px;margin-bottom:24px}
  .aion-about-mobile__tabs button{appearance:none;display:block;min-height:48px;padding:12px 0;border:0;border-bottom:2px solid #91cecf40;border-radius:0;box-shadow:none;background:transparent;color:#b5cbd0;font:550 14px/1.4 AionReviewInter,Inter,Arial,sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .aion-about-mobile__tabs button[aria-selected="true"]{color:#a9f1e0;border-bottom:2px solid #a9f1e0}
  .aion-about-mobile__tabs button:focus-visible,.aion-about-mobile__panel:focus-visible{outline:2px solid #e2b24e;outline-offset:5px}
  .aion-about-mobile__reading{min-height:0;position:relative}
  .aion-about-mobile__reading::before{content:"";position:absolute;inset:-64px -20px 35px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#04151de0 15%,#04151d90 57%,transparent 100%)}
  .aion-about-mobile__panel[hidden]{display:none!important}
  #about-aion .aion-about-mobile__panel h3{margin:0 0 16px;font:600 22px/1.35 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.02em;color:#f0f8f8;text-align:left;text-transform:none}
  #about-aion .aion-about-mobile__panel p,#about-aion .aion-about-mobile__panel li{font:400 16px/1.6 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:0;text-align:left;color:#d9e8eb;margin:0 0 14px}
  #about-aion .aion-about-mobile__panel ul{list-style:disc;margin:0 0 14px;padding:0 0 0 20px}
  #about-aion .aion-about-mobile__panel li{padding:0;margin:0 0 6px}
  #about-aion .aion-about-mobile__panel li::marker{color:#8de6e4}
  .aion-about-mobile__onward{margin:24px 0 0}
  .aion-about-mobile__fireflies{position:absolute;inset:0;z-index:1;pointer-events:none}
  .aion-about-mobile__firefly{--peak:.6;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--glow);box-shadow:0 0 7px 2px var(--glow);animation:aboutFirefly var(--dur) ease-in-out var(--delay) infinite;opacity:0}
  .aion-about-mobile__firefly:nth-child(4n+1){--peak:.95;box-shadow:0 0 5px 2px #e7ffb4,0 0 14px 3px var(--glow)}
  /* About uses actual proximity, not the page's single active-section marker. */
  .aion-site #about-aion[data-mobile-about="v1"] .aion-about-mobile:not([data-motion-paused]) .aion-about-mobile__scene *{animation-play-state:running!important}
  .aion-site #about-aion[data-mobile-about="v1"] .aion-about-mobile[data-motion-paused] .aion-about-mobile__scene *{animation-play-state:paused!important}
}
@media(max-width:350px){
  .aion-about-mobile__body{padding:28px 20px 54px}
  .aion-about-mobile__identity{width:140px;height:151px}
  .aion-about-mobile__tabs{column-gap:12px}
}
@keyframes aboutFernBreathe{0%,100%{transform:translate(7px,5px) rotate(2.2deg)}50%{transform:translate(-5px,-5px) rotate(-2.2deg)}}
/* 99 is exactly three dash periods (4 + 29), so the loop has no jump. */
@keyframes aboutSignal{from{stroke-dashoffset:99}to{stroke-dashoffset:0}}
@keyframes aboutFirefly{0%,100%{opacity:0;transform:translate(0,8px)}30%{opacity:var(--peak)}65%{opacity:.3;transform:translate(14px,-17px)}85%{opacity:var(--peak);transform:translate(-5px,-28px)}}
@media(prefers-reduced-motion:reduce){
  .aion-about-mobile__scene *{animation:none!important;transition:none!important}
  .aion-about-mobile__circuits svg,.aion-about-mobile__fireflies{display:none}
}

/*47: all four panels share one grid cell, so the longest copy reserves the space.
  Hidden panels remain measurable but are inert and excluded from accessibility. */
@media(max-width:700px) , (max-width:1000px) and (max-height:599px) and (orientation:landscape){
 .aion-about-mobile[data-equal-panels] .aion-about-mobile__reading{display:grid;align-items:start}
 .aion-about-mobile[data-equal-panels] .aion-about-mobile__panel{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}
 .aion-about-mobile[data-equal-panels] .aion-about-mobile__panel[aria-hidden="false"]{visibility:visible;pointer-events:auto}
}