/* Group page — institutional structure identity */
:root {
  --about-green:#64f59a;
  --about-blue:#68c5ff;
  --about-white:#dfe8ea;
  --about-ease:cubic-bezier(.16,1,.3,1);
}
.ph {
  min-height:760px;display:flex;align-items:center;
  background:linear-gradient(112deg,#080b0d 0%,#0b0f13 54%,#091015 100%);
}
.ph::after {
  background:
    linear-gradient(90deg,rgba(8,11,13,.98) 4%,rgba(8,11,13,.82) 47%,rgba(8,11,13,.18) 80%,rgba(8,11,13,.6)),
    radial-gradient(circle at 79% 46%,rgba(104,197,255,.055),transparent 35%);
}
.ph-inner { max-width:1200px;width:100%;padding-right:min(44vw,540px); }
.ph-h1 { font-size:clamp(3.1rem,6.8vw,6.6rem);letter-spacing:-.05em;line-height:.82; }
.ph-h1 .lo { opacity:1;color:var(--about-white); }
.ph-h1 .g { color:var(--about-green); }
.motion-ready .ph-bc,.motion-ready .ph-div,.motion-ready .ph-h1,.motion-ready .ph-sub { animation:none;opacity:1; }

.group-structure {
  position:absolute;z-index:2;right:clamp(1rem,5vw,6rem);top:50%;width:clamp(390px,44vw,650px);
  aspect-ratio:1;transform:translateY(-47%);pointer-events:none;opacity:.78;
  -webkit-mask-image:radial-gradient(circle,#000 58%,transparent 80%);
  mask-image:radial-gradient(circle,#000 58%,transparent 80%);
}
.group-structure svg { width:100%;height:100%;overflow:visible; }
.group-grid,.group-frame,.group-link,.group-axis { fill:none;vector-effect:non-scaling-stroke; }
.group-grid { stroke:rgba(223,232,234,.05);stroke-width:.6; }
.group-axis { stroke:rgba(223,232,234,.1);stroke-width:.7;stroke-dasharray:3 8; }
.group-frame { stroke:rgba(223,232,234,.25);stroke-width:.9; }
.group-link.green { stroke:rgba(100,245,154,.54);stroke-width:1.15; }
.group-link.blue { stroke:rgba(104,197,255,.54);stroke-width:1.15; }
.group-unit { fill:rgba(223,232,234,.018);stroke:rgba(223,232,234,.35);stroke-width:.9; }
.group-unit.green { stroke:rgba(100,245,154,.48); }
.group-unit.blue { stroke:rgba(104,197,255,.48); }
.group-core { fill:rgba(223,232,234,.05);stroke:var(--about-white);stroke-width:1.2; }
.motion-ready .group-frame,.motion-ready .group-link {
  stroke-dasharray:1200;stroke-dashoffset:1200;animation:groupTrace 1.4s .3s var(--about-ease) forwards;
}
.motion-ready .group-unit,.motion-ready .group-core { animation:groupUnit .48s .88s backwards var(--about-ease);transform-box:fill-box;transform-origin:center; }
.motion-ready .group-unit:nth-child(6){animation-delay:.88s}.motion-ready .group-unit:nth-child(7){animation-delay:.98s}.motion-ready .group-unit:nth-child(8){animation-delay:1.08s}.motion-ready .group-unit:nth-child(9){animation-delay:1.18s}
@keyframes groupTrace { to{stroke-dashoffset:0} }
@keyframes groupUnit { from{opacity:0;transform:scale(.72)} }
.group-readout { position:absolute;right:6%;bottom:9%;padding:.42rem .65rem;border-right:1px solid rgba(223,232,234,.22);text-align:right;font:500 .5rem/1.7 'Share Tech Mono',monospace;letter-spacing:.16em;color:rgba(223,232,234,.48); }

#about-hero-field,#about-overview-field,#about-principles-field,#about-divisions-field { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.pg { position:relative;overflow:hidden;padding-top:7rem;padding-bottom:7rem; }
.pg .pgi { position:relative;z-index:2; }
.pg.alt { background:linear-gradient(135deg,#0c1112,var(--bg2) 56%,#0a1014); }
.g2 { gap:clamp(3rem,7vw,7rem); }

.panel {
  position:relative;overflow:hidden;border-color:rgba(223,232,234,.1);
  background:linear-gradient(145deg,rgba(19,25,27,.97),rgba(10,14,17,.95));
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
}
.panel::before { content:'A';position:absolute;right:.9rem;top:.45rem;font:800 7rem/1 'Exo 2',sans-serif;color:var(--about-white);opacity:.022; }
.ptop { background:linear-gradient(90deg,rgba(100,245,154,.025),rgba(104,197,255,.025)); }
.pdot { animation:none;box-shadow:0 0 0 3px rgba(100,245,154,.07); }
.prow { transition:padding-left .3s var(--about-ease),background-color .3s; }
.prow:hover { padding-left:.55rem;background:rgba(223,232,234,.015); }

#principles .g3 { gap:10px; }
#principles .fc {
  position:relative;min-height:310px;padding:2.4rem;border:1px solid rgba(223,232,234,.08);border-top-width:1px;
  background:linear-gradient(150deg,rgba(18,24,26,.97),rgba(10,14,17,.95));overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);
  transition:transform .4s var(--about-ease),border-color .3s,background-color .3s;
}
#principles .fc::before { position:absolute;right:1rem;top:.7rem;font:800 6rem/1 'Exo 2',sans-serif;opacity:.025; }
#principles .fc:nth-child(1)::before{content:'01';color:var(--about-green)}#principles .fc:nth-child(2)::before{content:'02';color:var(--about-blue)}#principles .fc:nth-child(3)::before{content:'03';color:var(--about-white)}
#principles .fc:hover { transform:translateY(-6px);border-color:rgba(223,232,234,.18);background:#11181b; }
#principles .fc-bar { width:44%;background:linear-gradient(90deg,var(--about-green),var(--about-blue),transparent); }

.division-index { gap:10px; }
.division-link { text-decoration:none;display:block; }
.division-link .fc {
  position:relative;min-height:245px;height:100%;padding:2rem 2.2rem;border:1px solid rgba(223,232,234,.08);border-top-width:1px;
  background:linear-gradient(145deg,rgba(18,24,26,.97),rgba(10,14,17,.95));overflow:hidden;
  transition:transform .4s var(--about-ease),border-color .3s,background-color .3s;
}
.division-link .fc::after { content:'';position:absolute;right:-35px;bottom:-50px;width:145px;height:145px;border:1px solid currentColor;opacity:.045;transform:rotate(45deg);transition:transform .55s var(--about-ease),opacity .3s; }
.division-link:hover .fc,.division-link:focus-visible .fc { transform:translateY(-5px);background:#11181b; }
.division-link:hover .fc::after,.division-link:focus-visible .fc::after { transform:rotate(90deg) scale(1.1);opacity:.09; }
.division-i .fc{color:var(--about-green)}.division-ii .fc{color:var(--about-blue)}.division-iii .fc{color:#8d9cff}.division-iv .fc{color:#ffad52}
.division-link .fc-h,.division-link .fc-b { color:var(--white); }
.division-link .fc-b { color:var(--text); }
.division-ii .badge { color:var(--about-blue);border-color:rgba(104,197,255,.3); }
.division-iii .badge { color:#9fa7ff;border-color:rgba(141,156,255,.3); }
.division-iv .badge { color:#ffad52;border-color:rgba(255,173,82,.3); }
.division-link:focus-visible { outline:2px solid var(--blue);outline-offset:4px; }

.cta { position:relative;overflow:hidden;background:linear-gradient(112deg,#0b1212,#090d10 56%,#0a1117); }
.cta::before { content:'ASPHĒERA';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 clamp(5rem,15vw,13rem)/1 'Exo 2',sans-serif;letter-spacing:.08em;color:var(--about-white);opacity:.016; }
.cta-i { position:relative;z-index:1; }

[data-theme="light"] .ph { background:linear-gradient(112deg,#e9efed,#e7ecef 55%,#dfeaf0); }
[data-theme="light"] .ph::after { background:linear-gradient(90deg,rgba(240,243,245,.98) 4%,rgba(240,243,245,.78) 48%,rgba(240,243,245,.14) 80%,rgba(240,243,245,.5)); }
[data-theme="light"] .group-structure { opacity:.48; }
[data-theme="light"] .group-grid { stroke:rgba(28,69,76,.08); }
[data-theme="light"] .group-axis,[data-theme="light"] .group-frame,[data-theme="light"] .group-unit { stroke:rgba(28,69,76,.3); }
[data-theme="light"] .group-link.green,[data-theme="light"] .group-unit.green { stroke:rgba(0,122,67,.5); }
[data-theme="light"] .group-link.blue,[data-theme="light"] .group-unit.blue { stroke:rgba(0,100,158,.5); }
[data-theme="light"] .group-core { fill:rgba(28,69,76,.04);stroke:#31545a; }
[data-theme="light"] .group-readout { color:rgba(28,69,76,.58);border-color:rgba(28,69,76,.26); }
[data-theme="light"] .pg.alt { background:linear-gradient(135deg,#e4ece9,var(--bg2) 56%,#dee8ed); }
[data-theme="light"] .panel,[data-theme="light"] #principles .fc,[data-theme="light"] .division-link .fc { background:linear-gradient(145deg,rgba(249,252,251,.98),rgba(219,229,230,.92));border-color:rgba(28,69,76,.12); }
[data-theme="light"] #principles .fc:hover,[data-theme="light"] .division-link:hover .fc,[data-theme="light"] .division-link:focus-visible .fc { background:#edf4f3;border-color:rgba(28,69,76,.24); }
[data-theme="light"] .cta { background:linear-gradient(112deg,#dceae6,#edf1f1 56%,#dce8ed); }

@media(max-width:1000px){.ph-inner{padding-right:0}.group-structure{right:-18%;width:74vw;opacity:.14}.ph{min-height:700px}#principles .g3{grid-template-columns:1fr}.division-index{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.group-structure{right:-50%;width:115vw;opacity:.085}.division-index{grid-template-columns:1fr}#principles .fc,.division-link .fc{min-height:0}}
@media(prefers-reduced-motion:reduce){.motion-ready .group-frame,.motion-ready .group-link,.motion-ready .group-unit,.motion-ready .group-core{animation:none;stroke-dashoffset:0}}