/* Shared tablet/desktop About. Desktop refinements live in desktop.css. */
#about-aion>.about78{display:none}
@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 body .aion-site #about-aion[data-tablet-about="v78"]{position:relative;display:block;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:clip!important;background:#051b24!important;color:#f4fbfc;font-family:AionReviewInter,Inter,Arial,sans-serif;isolation:isolate;overflow-anchor:none;scroll-margin-top:126px}
 #about-aion[data-tablet-about="v78"]::before,#about-aion[data-tablet-about="v78"]::after{display:none!important}
 #about-aion[data-tablet-about="v78"]>:not(.about78){display:none!important}
 #about-aion>.about78{display:block;position:relative;isolation:isolate}
 .about78 *{box-sizing:border-box}
 .about78-backdrop{position:absolute;inset:0;pointer-events:none;z-index:-1}
 .about78-scene{position:sticky;top:126px;height:calc(100svh - 126px);min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 7% 15%,#16434799,transparent 60%),linear-gradient(135deg,#061e27,#03151f)}
 #about-aion .about78-fern{position:absolute;left:-13%;top:-65px;width:140%;height:auto;max-width:none;opacity:1;filter:brightness(1.55) saturate(1.12);transform-origin:0 0;animation:aboutFernBreathe 8s ease-in-out infinite}
 .about78-pcb{position:absolute;width:160%;aspect-ratio:1672/941;right:-30%;bottom:-8%;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 30%)}
 #about-aion .about78-pcb img{display:block;width:100%;height:auto;max-width:none;filter:brightness(1.55) saturate(1.1)}
 .about78-pcb svg{position:absolute;inset:0;width:100%;height:100%}
 .about78-pcb path{fill:none;stroke:#d4fff5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 29;filter:drop-shadow(0 0 3px #a8fff0);animation:aboutSignal 10s linear infinite}
 .about78-pcb path:nth-child(2){animation-delay:-4s;animation-duration:12s}.about78-pcb path:nth-child(3){animation-delay:-7s;animation-duration:11s}
 .about78-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 55% 43%,#051b2455,transparent 70%)}
 .about78-fireflies{position:absolute;inset:0}.about78-firefly{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#d2f79b;box-shadow:0 0 8px 2px #c8f59b;--peak:.75;--glow:#c8f59b;animation:aboutFirefly var(--dur) ease-in-out var(--delay) infinite;opacity:0}
 .aion-site #about-aion .about78:not([data-motion-paused]) .about78-scene *{animation-play-state:running!important}
 .aion-site #about-aion .about78[data-motion-paused] .about78-scene *{animation-play-state:paused!important}
 .about78-body{max-width:1320px;margin:auto;padding:46px 40px 40px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(440px,1.28fr);column-gap:32px;row-gap:22px;align-items:center;min-height:calc(100svh - 126px)}
 .about78-intro{grid-column:1;grid-row:1;align-self:center}
 #about-aion .about78-kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#dec48c;font:750 12px/1.4 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
 .about78-kicker::before{content:"";height:1px;width:22px;background:currentColor}
 #about-aion .about78-intro h2{margin:0 0 24px;font:700 var(--aion-tablet-heading,48px)/1.12 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.025em;color:#f4fbfc;text-shadow:0 2px 7px #00131e66}
 .about78-intro h2 span{display:block;color:#8de6e4}
 #about-aion .about78-lead{font:400 20px/1.6 AionReviewInter,Inter,Arial,sans-serif;margin:0;max-width:46ch;color:#e2eff0;text-shadow:0 1px 5px #00131d}
 .about78-stage{grid-column:2;grid-row:1 / span 2;display:grid;min-width:0;align-items:center}
 .about78-overview,.about78-detail{grid-area:1/1;min-width:0;transition:opacity .24s ease}
 .about78-hint{margin:0 0 10px;text-align:center;color:#cbe4e7;font:450 15px/1.5 AionReviewInter,Inter,Arial,sans-serif}
 .about78-honeycomb{position:relative;width:100%;max-width:640px;aspect-ratio:640/500;margin:auto}
 .about78-connectors{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9be6e63b;stroke-width:1;stroke-dasharray:4 7}
 .about78-identity{position:absolute;left:36%;top:31%;width:28%;height:38%;filter:brightness(1.45) drop-shadow(0 0 8px #8eece526);opacity:.95}
 #about-aion .about78-hex{appearance:none;position:absolute;width:26%;height:36%;border:0;border-radius:0;background:transparent;color:#e4faf9;cursor:pointer;padding:0;font-family:AionReviewInter,Inter,Arial,sans-serif;touch-action:manipulation;transition:filter .2s}
 .about78-hex--1{left:53%;top:2%}.about78-hex--2{left:69%;top:32%}.about78-hex--3{left:53%;top:62%}.about78-hex--4{left:21%;top:62%}.about78-hex--5{left:5%;top:32%}.about78-hex--6{left:21%;top:2%}
 .about78-hex__frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#0e35416b;stroke:#a5e5e68c;stroke-width:1.3;transition:fill .2s,stroke .2s}
 .about78-hex__inner{fill:none;stroke:#a5e5e62e;stroke-width:.8}
 .about78-hex__content{position:absolute;inset:15% 9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
 .about78-number{font-size:11px;line-height:1;letter-spacing:.1em;color:#dec48c}
 .about78-icon{display:block;flex:none;width:48px;height:48px;color:#a8efea;filter:drop-shadow(0 0 4px #8ee9e52b)}
 .about78-icon svg{display:block;width:100%;height:100%}
 .about78-label{font-size:clamp(16px,1.45vw,18px);font-weight:600;line-height:1.2;text-align:center;letter-spacing:-.015em}
 .about78-hex:hover .about78-hex__frame{fill:#1a566b99;stroke:#d3fffa}
 .about78-hex:focus-visible{outline:2px solid #dec48c;outline-offset:5px;border-radius:16px!important}
 .about78-detail{visibility:hidden;opacity:0;pointer-events:none;align-self:stretch;display:flex;flex-direction:column;gap:26px;padding:20px 0 0;position:relative}
 .about78-detail::before{content:"";position:absolute;z-index:-1;inset:30px -20px 60px;background:radial-gradient(ellipse,#041d27bb 12%,#041d2760 60%,transparent 76%);pointer-events:none}
 .about78-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px}
 #about-aion .about78-tabs button{appearance:none;min-height:52px;padding:10px 0;border:0;border-bottom:2px solid #91cecf40;border-radius:0;box-shadow:none;background:none;color:#cbe1e4;font:550 16px/1.35 AionReviewInter,Inter,Arial,sans-serif;text-align:left;cursor:pointer}
 #about-aion .about78-tabs button[aria-selected="true"]{color:#a9f1e0;border-color:#a9f1e0}
 .about78-tabs button:focus-visible,.about78-panel h3:focus-visible,.about78-back:focus-visible,.about78-continue:focus-visible{outline:2px solid #dec48c;outline-offset:5px}
 .about78-reading{display:grid;flex:1;align-items:start}
 .about78-panel{grid-area:1/1;visibility:hidden;pointer-events:none;min-width:0}
 .about78-panel[aria-hidden="false"]{visibility:visible;pointer-events:auto}
 #about-aion .about78-topic{font:650 12px/1.4 AionReviewInter,Inter,Arial,sans-serif;color:#dec48c;letter-spacing:.06em;margin:0 0 16px}
 #about-aion .about78-panel h3{font:650 28px/1.25 AionReviewInter,Inter,Arial,sans-serif;color:#f1f9fa;letter-spacing:-.02em;margin:0 0 20px;text-align:left}
 #about-aion .about78-panel>p:last-child{font:400 20px/1.6 AionReviewInter,Inter,Arial,sans-serif;color:#e0edef;margin:0;text-align:left}
 #about-aion .about78-back{align-self:flex-start;min-height:48px;padding:10px 22px;border:1px solid #9bdbe68c;border-radius:28px;background:#10364385;color:#e6f8f7;font:600 16px/1.5 AionReviewInter,Inter,Arial,sans-serif;cursor:pointer}
 .about78[data-view="detail"] .about78-overview{visibility:hidden;opacity:0;pointer-events:none}
 .about78[data-view="detail"] .about78-detail{visibility:visible;opacity:1;pointer-events:auto}
 .about78-principles{grid-column:1;grid-row:2;align-self:start;list-style:none;padding:0;margin:0;display:grid;gap:6px}
 #about-aion .about78-principles li{font:450 17px/1.5 AionReviewInter,Inter,Arial,sans-serif;margin:0;color:#ddecf0;text-shadow:0 1px 5px #00131d}
 .about78-principles strong{color:#a9f1e0;font-weight:700}
 .about78-onward{grid-column:2;grid-row:3;display:flex;justify-content:center}
 #about-aion .about78-continue{display:flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:12px 26px;border:1px solid #9bdbe68c;border-radius:28px;background:#10364385;color:#eefbfc;text-decoration:none;font:600 17px/1.5 AionReviewInter,Inter,Arial,sans-serif}
 .about78-continue span{color:#b5eff0}
}
@media(min-width:701px) and (max-width:1366px) and (min-height:600px) and (orientation:portrait){
 .about78-body{grid-template-columns:1fr;gap:26px;max-width:800px;padding:42px 40px 40px}
 .about78-intro,.about78-stage,.about78-principles,.about78-onward{grid-column:1;grid-row:auto}
 .about78-intro{max-width:680px;width:100%;margin:auto}
 #about-aion .about78-intro h2{margin-bottom:20px}
 .about78-honeycomb{max-width:620px}
 .about78-detail{max-width:650px;width:100%;margin:auto}
 .about78-principles{text-align:center;gap:3px}
 .about78-pcb{width:235%;right:-58%;bottom:-30px}
 #about-aion .about78-fern{width:185%;left:-29%;top:-60px}
 .about78-stage{min-height:520px}
}
@media(prefers-reduced-motion:reduce){.aion-site #about-aion .about78 *{animation:none!important;transition:none!important}.about78-fireflies,.about78-pcb svg{display:none!important}}

/*106: every ring item shares a centre, content rows and symmetric spacing. */
@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 #about-aion .about78-identity{left:50%;top:50%;transform:translate(-50%,-50%)}
 #about-aion .about78-hex{transform:translate(-50%,-50%)}
 #about-aion .about78-hex--1{left:66%;top:20%}
 #about-aion .about78-hex--2{left:82%;top:50%}
 #about-aion .about78-hex--3{left:66%;top:80%}
 #about-aion .about78-hex--4{left:34%;top:80%}
 #about-aion .about78-hex--5{left:18%;top:50%}
 #about-aion .about78-hex--6{left:34%;top:20%}
 .about78-label{min-height:2.5em;display:flex;align-items:center;justify-content:center}
 .about78-firefly{background:var(--color);box-shadow:0 0 10px var(--color),0 0 22px var(--color);animation-name:aboutMote106}
 .about78-fireflies{z-index:2}
}
@keyframes aboutMote106{0%,100%{opacity:0;transform:translate3d(0,0,0) scale(.7)}20%{opacity:.8}45%{opacity:1;transform:translate3d(18px,-10px,0) scale(1.2)}70%{opacity:.35;transform:translate3d(-12px,8px,0) scale(.8)}}

/*112: one regular hexagonal geometry, including the original construction depth. */
@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 .about78-honeycomb{aspect-ratio:640/540}
 #about-aion .about78-identity{left:48%;top:50%;width:34%;height:44%}
 #about-aion .about78-hex{width:25%;height:auto;aspect-ratio:180/208}
 #about-aion .about78-hex--1{left:62.84375%;top:19.5287%}
 #about-aion .about78-hex--2{left:77.6875%;top:50%}
 #about-aion .about78-hex--3{left:62.84375%;top:80.4713%}
 #about-aion .about78-hex--4{left:33.15625%;top:80.4713%}
 #about-aion .about78-hex--5{left:18.3125%;top:50%}
 #about-aion .about78-hex--6{left:33.15625%;top:19.5287%}
 .about78-hex__frame{fill:none;stroke:none}
 .about112-outline{fill:#0e354126;stroke:#b8e8e6a3;stroke-width:1;stroke-linejoin:round}
 .about112-construction{fill:none;stroke:#d2f4f552;stroke-width:.65;stroke-linecap:round;stroke-linejoin:round}
 .about78-hex:hover .about112-outline,.about78-hex:focus-visible .about112-outline{fill:#1a566b55;stroke:#e3fffa}
 .about78-hex:hover .about112-construction{stroke:#d2f4f580}
 .about78-firefly{animation-name:aboutWander112;box-shadow:0 0 var(--halo) var(--color),0 0 calc(var(--halo) * 2) var(--color)}
 .about78-onward{grid-column:1/-1;justify-content:center}
}
@keyframes aboutWander112{0%,100%{opacity:.05;transform:translate3d(0,0,0) scale(.65)}22%{opacity:var(--bright);transform:translate3d(var(--dx1),var(--dy1),0) scale(1.15)}58%{opacity:.3;transform:translate3d(var(--dx2),var(--dy2),0) scale(.85)}78%{opacity:var(--bright);transform:translate3d(var(--dx3),var(--dy3),0) scale(1.05)}}

@media(min-width:701px) and (max-width:1366px) and (min-height:600px){
 #about-aion .about78-principles li{font-size:20px;line-height:1.55;font-weight:550;color:#f1fbfa}
 #about-aion .about78-principles strong{font-weight:750;color:#b5f3e8}
}