.about-page{--about-dark:#141d27;--about-blue:#7cc7e0}
.about-page section{padding:clamp(64px,8vw,108px) 0}
.about-page ::selection{background:var(--accent-bright);color:#fff}
.about-page a{text-underline-offset:4px}

.about-hero{position:relative;overflow:hidden;background:var(--about-dark);color:var(--paper);border-bottom:1px solid rgba(124,199,224,.18);padding:clamp(52px,6vw,84px) 0}
.about-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(124,199,224,.12) 0 1px,transparent 2px),radial-gradient(circle at 87% 36%,rgba(124,199,224,.18) 0 2px,transparent 3px),radial-gradient(circle at 69% 62%,rgba(124,199,224,.1) 0 1px,transparent 2px);background-size:210px 210px,270px 270px,330px 330px}
.about-hero::after{content:"";position:absolute;right:-8vw;top:12%;width:48vw;height:1px;background:rgba(124,199,224,.14);transform:rotate(-22deg);box-shadow:0 100px 0 rgba(124,199,224,.1),0 200px 0 rgba(124,199,224,.07)}
.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(60px,9vw,140px);align-items:center;min-height:0}
.about-hero-copy{padding-top:0}.about-hero h1{font-size:clamp(50px,5.5vw,78px);line-height:1.04;max-width:16ch;letter-spacing:-.03em}.about-hero-copy>p{font-size:clamp(18px,1.7vw,22px);line-height:1.5;color:#cbd6df;max-width:56ch;margin-top:26px}
.about-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.about-text-link{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#cbd6df;text-decoration:none;border-bottom:1px solid rgba(124,199,224,.5);padding-bottom:5px}.about-text-link:hover{color:var(--signal)}
.about-definition{border-top:2px solid var(--signal);padding:28px 0 0}.about-definition strong{display:block;font-family:var(--serif);font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1.35}.about-definition>p{color:#aebdca;font-size:15px;line-height:1.65;margin-top:18px}.about-definition ol{list-style:none;margin-top:34px;border-top:1px solid rgba(251,249,245,.16)}.about-definition li{padding:13px 0;border-bottom:1px solid rgba(251,249,245,.16);font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#aebdca}.about-definition li::before{content:"";display:inline-block;width:20px;height:1px;background:var(--signal);vertical-align:middle;margin-right:12px}
.about-hero a:focus-visible,.about-close a:focus-visible{outline-color:var(--signal)}

.about-thesis{background:var(--paper);border-bottom:1px solid var(--rule)}.about-thesis blockquote{font-family:var(--serif);font-size:clamp(38px,6vw,78px);line-height:1.18;max-width:18ch}.about-thesis blockquote::before{content:"«";color:var(--accent)}.about-thesis blockquote::after{content:"»";color:var(--accent)}.about-thesis p{margin-top:32px;color:var(--ink-muted);max-width:52ch}

.about-system{background:var(--paper-alt);border-bottom:1px solid var(--rule);scroll-margin-top:90px}.about-heading{max-width:850px;margin-bottom:48px}.about-heading h2{font-size:clamp(36px,5.2vw,64px);max-width:18ch;margin-top:24px}.about-heading>p:last-child{font-size:17px;color:var(--ink-muted);max-width:62ch;margin-top:24px}
.about-system-list{border-top:1px solid var(--ink)}.about-system-list article{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(300px,1fr) minmax(180px,.45fr);gap:clamp(28px,6vw,88px);align-items:start;padding:34px 0;border-bottom:1px solid var(--rule)}.about-system-list h3{font-size:clamp(26px,3vw,38px)}.about-system-list p{color:var(--ink-muted);line-height:1.65}.about-system-list a{justify-self:end;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:4px}.about-system-list a:hover{color:var(--accent)}



.about-scale{background:var(--paper-alt);border-bottom:1px solid var(--rule)}.about-scale-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(460px,1.15fr);gap:clamp(60px,10vw,150px);align-items:start}.about-scale .about-heading{position:sticky;top:calc(var(--head-h) + 32px)}.about-horizon{border-top:1px solid var(--ink)}.about-horizon article{padding:28px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:32px}.about-horizon h3{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:0}.about-horizon p{color:var(--ink-muted);font-size:15px}

.about-close{background:var(--about-dark);color:var(--paper)}.about-close-grid{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(300px,.55fr);gap:clamp(60px,10vw,150px);align-items:end}.about-close h2{font-size:clamp(40px,6vw,74px);max-width:14ch}.about-close-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.about-close-actions>a:not(.btn){font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(124,199,224,.5);padding-bottom:5px;color:#cbd6df}.about-close-actions>a:not(.btn):hover{color:var(--signal)}

@media(max-width:980px){
  .about-hero-grid,.about-scale-grid,.about-close-grid{grid-template-columns:1fr}.about-hero-grid{min-height:0;gap:58px}.about-definition{max-width:620px}.about-scale-grid,.about-close-grid{gap:48px}.about-scale .about-heading{position:static}
  .about-system-list article{grid-template-columns:minmax(190px,.65fr) 1fr}.about-system-list a{grid-column:2;justify-self:start}
}
@media(max-width:700px){
  .about-page section{padding:58px 0}.about-hero{padding:42px 0 54px}.about-hero-grid{padding:0 20px}.about-hero h1{font-size:clamp(42px,11.8vw,54px)}.about-hero-copy>p{font-size:18px}.about-hero-actions{display:grid;gap:18px}.about-hero-actions .btn{justify-content:center}.about-heading{margin-bottom:34px}.about-heading h2{font-size:clamp(34px,10vw,48px)}
  .about-system-list article{grid-template-columns:1fr;gap:16px}.about-system-list a{grid-column:1;margin-top:4px}.about-horizon article{grid-template-columns:1fr;gap:10px}.about-close-actions .btn{width:100%;justify-content:center}
}