.ag-brand-title{position:relative;display:flex;align-items:center;gap:10px;min-width:0}.ag-about-trigger{display:inline-flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #62718d;background:#172133;color:#dbe5f8;font:700 17px/1 Inter,sans-serif;cursor:pointer;margin-top:8px}.ag-about-trigger:hover{background:#294036;border-color:#52e5a5;color:#52e5a5}.ag-about-trigger:focus-visible,.ag-about button:focus-visible,.ag-about a:focus-visible{outline:3px solid #52e5a5;outline-offset:4px}
.ag-about{color:#f8fbff;background:radial-gradient(ellipse at top right,#1a3340,transparent 65%),#101925;border:1px solid #52627d;border-radius:26px;width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:40px;box-shadow:0 35px 120px #0009;overflow:auto;overscroll-behavior:contain}.ag-about::backdrop{background:#030811c9;backdrop-filter:blur(8px)}.ag-about[open]{animation:ag-about-enter .38s cubic-bezier(.18,.8,.22,1) both}.ag-about-close{position:absolute;right:17px;top:14px;border:0;background:#273448;color:#eef4ff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:26px;line-height:1}.ag-about-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#52e5a5;margin:0 35px 14px 0}.ag-about h2{font-size:clamp(27px,3vw,39px);line-height:1.13;letter-spacing:-.04em;max-width:620px;margin:0 0 28px}.ag-about-story{display:grid;grid-template-columns:1fr 28px 1fr;gap:15px;align-items:stretch}.ag-about-era{padding:23px;border:1px solid #8497b32e;background:#080f1a66;border-radius:18px;min-width:0}.ag-about-era h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px}.ag-about-era p:not(.ag-era-label){color:#c2cbdf;font-size:13px;line-height:1.75;margin:0}.ag-era-label{font-size:10px;letter-spacing:.15em;color:#e6bd82;font-weight:800;margin:17px 0 10px}.ag-about-digital .ag-era-label{color:#52e5a5}.ag-about-art{height:110px;display:flex;align-items:center;justify-content:center}.ag-about-art svg{width:220px;height:110px;max-width:100%}.ag-about-bridge{align-self:center;color:#52e5a5;font-size:25px;text-align:center}.ag-digital-art{gap:9px;perspective:500px}.ag-mini-ai{display:flex;position:relative;flex-direction:column;width:68px;height:94px;border-radius:12px;background:#c6b5f5;color:#241a3b;padding:10px;box-shadow:0 7px 18px #0004;transform:rotate(-7deg);animation:ag-ai-float 3.4s ease-in-out infinite;animation-delay:calc(var(--card)*-.65s)}.ag-mini-ai:nth-child(2){background:#b8ecd9;transform:translateY(-7px)}.ag-mini-ai:nth-child(3){background:#ffd966;transform:rotate(7deg)}.ag-mini-ai i{width:20px;height:20px;border-radius:50%;background:#241a3b33}.ag-mini-ai b{font-size:17px;margin-top:5px}.ag-mini-ai em{height:4px;width:35px;background:#241a3b33;border-radius:4px;margin-top:5px}.ag-about-tagline{color:#effbf6;font-weight:650;font-size:15px;line-height:1.6;text-align:center;margin:26px auto;max-width:600px}.ag-about-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.ag-about-bottom a{color:#a5b2c9;font-size:11px;text-underline-offset:4px}.ag-about-bottom button{display:flex;gap:25px;align-items:center;background:#52e5a5;color:#08271c;font-weight:750;font-size:13px;border:0;border-radius:12px;padding:14px 19px;cursor:pointer}.ag-about[open] .ag-about-ancient{animation:ag-era-in .5s .08s both}.ag-about[open] .ag-about-digital{animation:ag-era-in .6s .25s both}.ag-about-people{animation:ag-people 3s ease-in-out infinite}
@keyframes ag-about-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes ag-era-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes ag-ai-float{50%{translate:0 -6px}}@keyframes ag-people{50%{translate:3px 0}}
@media(max-width:600px){.ag-brand-title{gap:5px}.ag-brand-title h1{font-size:clamp(27px,8.4vw,48px)}.ag-about-trigger{flex-basis:28px;width:28px;height:28px;font-size:15px;margin-top:3px}.ag-brand{gap:5px}.ag-about{padding:30px 20px 23px;border-radius:20px}.ag-about-story{grid-template-columns:1fr;gap:10px}.ag-about-bridge{transform:rotate(90deg);line-height:1}.ag-about-era{padding:18px}.ag-about-art{height:90px}.ag-about-art svg{height:90px}.ag-about-era h3{font-size:19px}.ag-about h2{margin-bottom:22px}.ag-about-tagline{text-align:left}.ag-about-bottom{flex-wrap:wrap}.ag-about-bottom button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.ag-about[open],.ag-about[open] .ag-about-era,.ag-about-people,.ag-mini-ai{animation:none}}