/* A restrained motion portrait of the NEXT project constellation. */
.about-page{max-width:900px}
.about-page>.page-title{margin-bottom:20px}
.about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:380px;padding:clamp(26px,5vw,54px);display:flex;align-items:center;border:1px solid #374866;border-radius:28px;color:#f5f8ff;background:radial-gradient(ellipse at 83% 48%,#315ee844,transparent 48%),radial-gradient(ellipse at 13% 100%,#7563c629,transparent 42%),linear-gradient(135deg,#10182a,#17243b 58%,#111b2e);box-shadow:0 22px 60px #101a3426}
.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff08 48%,transparent 70%);transform:translateX(-100%);animation:about-sweep 9s ease-in-out infinite}
.about-hero-art{position:absolute;z-index:-1;right:-2%;top:50%;width:min(47%,390px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.about-orbit{position:absolute;inset:8%;border:1px solid #9fb8ff48;border-radius:50%;box-shadow:0 0 36px #5278df18,inset 0 0 36px #5278df10;animation:about-turn 32s linear infinite}
.about-orbit:before,.about-orbit:after{content:"";position:absolute;inset:13%;border:1px solid #84e3da30;border-radius:50%;transform:rotate(35deg) scaleX(.72)}
.about-orbit:after{inset:24%;border-color:#c9adff35;transform:rotate(-42deg) scaleX(.66)}
.about-orbit-two{inset:19%;border-color:#d6e1ff26;animation-direction:reverse;animation-duration:42s}
.about-core{position:absolute;left:50%;top:50%;display:grid;place-content:center;justify-items:center;width:78px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #bbccff8a;border-radius:50%;background:radial-gradient(circle at 32% 25%,#647db1,#263654 72%);box-shadow:0 0 0 9px #9fb8ff12,0 0 48px #7197ff52;color:white;font-size:35px;font-weight:800}
.about-core small{margin-top:-3px;font-size:7px;letter-spacing:.24em;color:#d6e0ff}
.about-node{position:absolute;display:grid;place-items:center;min-width:78px;min-height:34px;padding:0 10px;border:1px solid #ffffff29;border-radius:12px;background:#17243be8;box-shadow:0 8px 25px #080f1d55;color:#e8efff;font-size:9px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(10px)}
.about-node-chat{left:3%;top:15%;color:#b9f0cf}
.about-node-market{right:0;top:22%;color:#e7f79a}
.about-node-viora{left:2%;bottom:19%;color:#d2b9ff}
.about-node-live{right:4%;bottom:13%;color:#9deaf0}
.about-hero-copy{position:relative;z-index:1;max-width:610px}
.about-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.19em}
.about-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#9be6d8;box-shadow:0 0 13px #9be6d8}
.about-hero .about-eyebrow{color:#c3d1ef}
.about-hero h2{max-width:590px;margin:0 0 16px;font-size:clamp(29px,5vw,47px);line-height:1.08;letter-spacing:-.045em;color:#fff}
.about-hero-copy>p:not(.about-eyebrow){max-width:550px;margin:0 0 12px;color:#d5deef;font-size:14px;line-height:1.65}
.about-hero-meta{display:flex;align-items:center;gap:11px;margin-top:23px;color:#e8efff;font-size:11px;font-weight:700;letter-spacing:.04em}
.about-hero-meta span:first-child{padding:7px 10px;border:1px solid #9fb8ff55;border-radius:8px;background:#8caaff12}
.about-hero-meta i{width:4px;height:4px;border-radius:50%;background:#9be6d8}
.about-projects{margin-top:35px}
.about-section-heading{margin:0 0 17px}
.about-section-heading .about-eyebrow{margin-bottom:6px;color:var(--accent)}
.about-section-heading h2,.about-contact h2{margin:0;font-size:clamp(22px,3vw,29px);letter-spacing:-.035em}
.about-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-project-card{--project-accent:var(--accent);position:relative;display:flex;min-height:190px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:21px 22px 18px;border:1px solid var(--border);border-top:3px solid var(--project-accent);border-radius:18px;background:var(--surface);box-shadow:0 9px 27px #2032520a}
.about-project-card:after{content:"";position:absolute;right:-27px;top:-45px;width:108px;height:108px;border:1px solid color-mix(in srgb,var(--project-accent) 22%,transparent);border-radius:50%;box-shadow:0 0 0 14px color-mix(in srgb,var(--project-accent) 5%,transparent),0 0 0 30px color-mix(in srgb,var(--project-accent) 3%,transparent);pointer-events:none}
.about-project-chat{--project-accent:#4da77b}
.about-project-market{--project-accent:#8b9d33}
.about-project-viora{--project-accent:#8a66c6}
.about-project-live{--project-accent:#3299a4}
.about-project-label{margin:0 0 8px;color:var(--project-accent);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.about-project-card h3{margin:0 0 7px;font-size:20px;letter-spacing:-.025em}
.about-project-description{max-width:370px;margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}
.about-project-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:var(--accent);font-size:12px;font-weight:800}
.about-project-link:focus-visible,.about-contact a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:5px}
.about-contact{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0 38px;padding:23px 25px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(120deg,var(--surface),var(--soft))}
.about-contact .about-eyebrow{margin-bottom:5px;color:var(--accent)}
.about-contact h2{margin-bottom:6px}
.about-contact>div:first-child>p:last-child{margin:0;color:var(--muted);font-size:13px}
.about-contact-actions{display:grid;gap:9px;flex:0 0 auto}
.about-contact-actions a{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;border-radius:11px;font-size:12px;font-weight:800;white-space:nowrap}
.about-contact-actions a.about-contact-primary{background:#174ea6;color:#fff!important;white-space:normal;line-height:1.35;box-shadow:0 8px 20px rgba(23,78,166,.22)}.about-contact-actions a.about-contact-primary:hover{background:#103d85}.about-contact-actions a.about-contact-primary strong{color:#fff;font-size:14px;letter-spacing:.01em}
.about-contact-secondary{border:1px solid var(--border);background:var(--surface);color:var(--ink)}
@keyframes about-turn{to{transform:rotate(360deg)}}
@keyframes about-sweep{0%,60%,100%{transform:translateX(-100%)}75%{transform:translateX(100%)}}
@media(max-width:650px){.about-hero{min-height:430px;padding:24px 20px;align-items:flex-end}.about-hero-art{right:-18%;top:24%;width:80%;opacity:.65}.about-hero-copy{max-width:100%}.about-hero h2{max-width:390px;font-size:34px}.about-hero-copy>p:not(.about-eyebrow){font-size:13px}.about-project-grid{grid-template-columns:1fr}.about-project-card{min-height:160px;padding:19px}.about-contact{align-items:stretch;flex-direction:column;padding:20px}.about-contact-actions{grid-template-columns:1fr;width:100%}.about-contact-actions a{width:100%;box-sizing:border-box;justify-content:space-between;padding:0 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.about-orbit,.about-hero:after{animation:none!important}}
.about-back-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--accent);font-size:13px;font-weight:750}.about-back-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:5px}