/*105: six approved stories, one shared content/component source. Desktop layout only. */
@media(min-width:1367px){
 body .aion-site #about-aion[data-tablet-about="v78"]{scroll-margin-top:var(--aion-header-offset,130px)}
 .about78-scene{top:var(--aion-header-offset,130px);height:calc(100svh - var(--aion-header-offset,130px));min-height:680px}
 .about78-body{max-width:1720px;grid-template-columns:minmax(360px,.8fr) minmax(640px,1.2fr);grid-template-rows:auto auto 1fr;gap:20px 60px;min-height:max(720px,calc(100svh - var(--aion-header-offset,130px)));padding:48px clamp(48px,4vw,90px) 40px}
 .about78-intro{align-self:start;padding-bottom:4px}
 #about-aion .about78-intro h2{font-size:var(--aion-desktop-heading,56px);line-height:1.12;max-width:10ch;margin-bottom:24px}
 #about-aion .about78-lead{font-size:21px;line-height:1.6;max-width:39ch}
 #about-aion .about78-kicker{font-size:13px;margin-bottom:18px}
 .about78-principles{align-self:start;padding-top:14px}
 #about-aion .about78-principles li{font-size:19px;line-height:1.5}
 .about78-stage{align-self:center;grid-row:1 / span 3;min-height:600px}
 .about78-honeycomb{max-width:780px}
 .about78-hint{font-size:17px;margin-bottom:16px}
 .about78-icon{width:58px;height:58px}
 .about78-label{font-size:18px;line-height:1.25}
 .about78-number{font-size:12px}
 .about78-hex__content{gap:10px}
 .about78-identity{width:30%;left:35%;top:29%;height:42%}
 .about78-onward{grid-column:1;grid-row:3;justify-content:flex-start;align-self:start;margin-top:12px}
 #about-aion .about78-continue{font-size:16px}
 #about-aion .about78-fern{width:100%;left:-15%;top:-8%;filter:brightness(1.6) saturate(1.08)}
 .about78-pcb{width:max(100%, calc((100svh - 130px) * 1.777));right:0;bottom:0;mask-image:none;opacity:.95}
 .about78-scene::after{background:radial-gradient(ellipse at 30% 48%,#051b2440,transparent 64%)}
 .about78-detail{padding:0;gap:26px;justify-content:center}
 .about78-detail::before{inset:-20px -30px;background:radial-gradient(ellipse,#041d2770,transparent 76%)}
 .about78-tabs{gap:12px 20px}
 #about-aion .about78-tabs button{font-size:17px;min-height:58px}
 .about78-reading{flex:0;min-height:300px}
 #about-aion .about78-panel h3{font-size:clamp(30px,2.3vw,38px);line-height:1.2;max-width:29ch;margin-bottom:24px}
 #about-aion .about78-panel>p:last-child{font-size:21px;line-height:1.65;max-width:57ch}
 #about-aion .about78-topic{font-size:13px}
 #about-aion .about78-back{font-size:16px}
}
@media(min-width:1367px) and (max-width:1600px){
 .about78-body{grid-template-columns:minmax(320px,.75fr) minmax(600px,1.25fr);gap:18px 32px;padding:38px 48px 32px}
 .about78-stage{min-height:560px}
 .about78-icon{width:52px;height:52px}
}

@media(min-width:1367px){
 .about78-body{grid-template-rows:auto 1fr auto}
 .about78-stage{grid-row:1/span 2;min-height:560px}
 .about78-onward{grid-column:1/-1;grid-row:3;justify-content:center;align-self:end;margin-top:6px}
 #about-aion .about78-continue{font-size:17px}
}

/*113: bring the overview inward and emphasise the three principles. */
@media(min-width:1367px){
 .about78-overview{transform:translateX(calc(clamp(90px,7vw,140px) * -1))}
 #about-aion .about78-principles li{font-size:23px;line-height:1.55;font-weight:550;color:#f1fbfa}
 #about-aion .about78-principles strong{font-size:25px;font-weight:750;color:#b5f3e8;text-shadow:0 0 12px #89e6db33}
}

@media(min-width:1367px){
 .about78-hint{width:96%;font-size:21px;font-weight:550;line-height:1.5;margin:0 4% 18px 0;text-align:center}
 #about-aion .about78-lead{max-width:46ch}
}