/* Editorial About page (about-editorial.php, 2026-10-08). Same language as Customers: night cover, paper sections. */
.editorial-about{--night:#101b21;--paper:#edf0ed;--ink:#172d35;--ice:#b9e9ef;--muted:#9cafb5;--line:#adc4c72c;--gold:#d4a443}
.ab-root{background:var(--night);color:#edf1ec}
.ab-root .mono{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.085em;text-transform:uppercase}
.ab-root a:focus-visible,.ab-root button:focus-visible,.ab-person:focus-visible{outline:2px solid #7edee9;outline-offset:5px}
.ab-root [hidden]{display:none!important}
.ab-root em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.04em}

/* 01 · cover: the path */
.ab-cover{background:radial-gradient(ellipse at 72% 52%,#243b4455,transparent 58%),var(--night);overflow:hidden}
.ab-cover .header{max-width:1800px;margin:0 auto;padding:30px 4.6%}
.ab-path{max-width:1800px;margin:auto;padding:0 4.6%}
.ab-folio{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;color:#9fb5ba}
.ab-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;column-gap:3vw;min-height:0;padding-bottom:20px}
.ab-intro{grid-column:1;grid-row:1;padding-top:44px;position:relative;z-index:2}
.ab-eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);margin:0 0 25px}
.ab-eyebrow>span{width:17px;height:1px;background:#bedae0}
.ab-root h1{font-size:clamp(50px,5.3vw,100px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:0}
.ab-root h1 em{font-size:1.2em;line-height:.88;color:#c7e7e6}
.ab-lead{font-size:15px;line-height:1.85;color:#b4c4c9;margin:28px 0 26px;max-width:470px}
.ab-lead a{color:#e4efed;border-bottom:1px solid #aecacc77}
.ab-link{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #aecacc77;padding-bottom:10px;width:max-content;transition:border-color .2s}
.ab-link span{font:19px Manrope,sans-serif;transition:transform .25s}
.ab-link:hover{border-color:currentColor}.ab-link:hover span{transform:translate(3px,-3px)}

.ab-map{grid-column:2;grid-row:1/3;position:relative;align-self:center;aspect-ratio:4/3;width:100%;max-width:calc(min(78vh,760px) * 4 / 3);justify-self:end;margin-bottom:30px}
.ab-sky{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ab-stars circle{fill:#d9eef2}
.ab-route{fill:none;stroke:#b9e9ef;stroke-opacity:.28;stroke-width:1.2;stroke-dasharray:2 8;stroke-linecap:round}
.ab-route-lit{fill:none;stroke:#d3f4ff;stroke-width:1.6;stroke-linecap:round;filter:drop-shadow(0 0 6px #64d0ff)}
.ab-probe{fill:#f2fbff}.ab-probe-glow{fill:#7fdcff;opacity:.8}
.ab-body{transform-box:fill-box;transform-origin:center;transition:opacity .5s,transform .6s cubic-bezier(.3,.6,.2,1);opacity:.62}
.ab-body.is-on{opacity:1;transform:scale(1.06)}
.ab-halo{fill:none;stroke:#b9e9ef;stroke-opacity:0;transition:stroke-opacity .5s}
.ab-body.is-on .ab-halo{stroke-opacity:.35;animation:ab-halo 2.6s ease-out infinite}
.ab-body--space.is-on .ab-halo{stroke:#f1b48a}.ab-body--open.is-on .ab-halo{stroke:#ffe7a3}
.ab-orbit{fill:none;stroke:#b9e9ef;stroke-opacity:.3}.ab-moon{fill:#dfeef2}
@keyframes ab-halo{0%{stroke-width:1;opacity:1}100%{stroke-width:14;opacity:0}}

.ab-stops{position:absolute;inset:0}
.ab-stop{--d:130px;position:absolute;transform:translate(-50%,calc(var(--d) / -2));padding:calc(var(--d) + 6px) 0 0;background:none;border:0;color:#9fb5ba;font-size:14px;letter-spacing:-.01em;white-space:nowrap;transition:color .3s;border-radius:0}
.ab-stop::before{content:'';position:absolute;top:0;left:50%;width:var(--d);height:var(--d);transform:translateX(-50%);border-radius:50%}
.ab-stop .mono{font-size:10px;color:#7e9ca6;margin-right:4px}
.ab-stop[aria-selected=true]{color:#f2f8f6}
.ab-stop[aria-selected=true]::after{content:'';display:block;height:1px;margin-top:6px;background:currentColor}
.ab-stop--space{left:11.8%;top:19.6%;--d:130px}
.ab-stop--earth{left:66.2%;top:39.2%;--d:200px}
.ab-stop--open{left:83.8%;top:82.4%;--d:165px}

.ab-note{grid-column:1;grid-row:2;align-self:end;max-width:440px;border-left:1px solid #a4dbdc88;padding:0 0 4px 22px;position:relative;z-index:2;min-height:300px;margin-top:44px;display:flex;flex-direction:column;justify-content:flex-end}
.ab-note__page{animation:ab-in .55s cubic-bezier(.3,.6,.2,1)}
@keyframes ab-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ab-note__kicker{display:flex;align-items:center;gap:9px;color:#a8c3c8;margin:0}
.ab-dot{display:inline-block;width:5px;height:5px;background:#b9eff3;border-radius:50%;box-shadow:0 0 8px #92e4e9;margin-right:9px;vertical-align:middle}
.ab-note__kicker .ab-dot{margin:0}
.ab-note h2{font:400 34px/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0 12px}
.ab-note h2 em{font-size:1.2em;color:#c7e7e6}
.ab-note p{font-size:13.5px;line-height:1.75;color:#b0c3c8;margin:0}
.ab-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0 0}
.ab-chips li{font:10.5px/1 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#d5e6e6;border:1px solid #a5c4ca44;border-radius:30px;padding:8px 12px}
.ab-chips a{color:var(--ice)}
.ab-bottom{border-top:1px solid #a9c8ce50;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 0 30px;color:#91a9b0}
.ab-progress{display:block;width:180px;height:1px;background:#a9c8ce40;position:relative;overflow:hidden}
.ab-progress i{position:absolute;inset:0;background:var(--ice);transform-origin:left;transform:scaleX(0)}

/* 02–03 · people */
.ab-people,.ab-crew{color-scheme:light;background:var(--paper);color:var(--ink);padding:90px 6% 70px}
.ab-crew{background:#e1e7e4;padding-top:80px;padding-bottom:90px}
.ab-head{max-width:1440px;margin:0 auto 60px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:90px;align-items:end}
.ab-head--crew{grid-template-columns:1fr;margin-bottom:50px}
.ab-no{color:#4e6469}
.ab-head h2{font-size:clamp(40px,4.7vw,74px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:24px 0 0}
.ab-head h2 em{font-size:1.25em;line-height:.9}
.ab-head p{font-size:14px;line-height:1.85;max-width:390px;color:#5e747b;margin:0}
.ab-founders{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px}
.ab-person{position:relative;outline-offset:8px}
.ab-person--founder{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:start;border-top:1px solid #778f95;padding:44px 0 20px}
.ab-person h3{font:400 clamp(34px,3vw,46px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:6px 0 10px}
.ab-role{color:#4e6469;margin:0 0 22px}
.ab-person blockquote{margin:0 0 26px;padding:0}
.ab-person blockquote p{font-size:15.5px;line-height:1.75;color:#33494f;margin:0}
.ab-person blockquote p::before{content:'“';font:400 2.4em/0 'Cormorant Garamond',Georgia,serif;vertical-align:-.38em;margin-right:4px;color:#2f6a72}
.ab-person .ab-link{color:#173f46;border-color:#778f9588}
.ab-crew__grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.ab-person--crew{border-top:1px solid #8ea3a5;padding-top:36px}
.ab-person--crew h3{font-size:32px;margin-top:22px}
.ab-person--crew .ab-role{margin-bottom:14px}
.ab-bio{font-size:14px;line-height:1.75;color:#4b6168;margin:0 0 22px}

/* the crystal: quartz blank, gold electrode, portrait; it rings when touched */
.ab-crystal{--s:220px;position:relative;width:var(--s);height:var(--s);flex:none}
.ab-crystal--sm{--s:150px}
.ab-blank{position:absolute;inset:0;border-radius:50%;padding:calc(var(--s) * .07);background:radial-gradient(circle at 34% 28%,#ffffff,#d7e2e6 45%,#9db0b8 100%);box-shadow:inset 0 0 0 1px #ffffffaa,0 18px 30px -14px #173f4660;transition:transform .5s cubic-bezier(.3,.6,.2,1)}
.ab-electrode{position:absolute;inset:calc(var(--s) * .07);border-radius:50%;background:linear-gradient(135deg,#ffe7a3,#d4a443 50%,#8c6420)}
.ab-electrode::after{content:'';position:absolute;left:50%;top:92%;width:12%;height:calc(var(--s) * .14);transform:translateX(-50%);background:linear-gradient(90deg,#b98a31,#ffe7a3,#b98a31);border-radius:0 0 3px 3px}
.ab-blank img{position:relative;display:block;width:100%;height:100%;border-radius:50%;padding:calc(var(--s) * .028);box-sizing:border-box;filter:grayscale(1) contrast(1.04);transition:filter .6s}
.ab-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #2f6a72;opacity:0;pointer-events:none}
.ab-readout{position:absolute;left:50%;top:calc(100% + 18px);transform:translateX(-50%);white-space:nowrap;color:#5b7278;font-size:11px!important;font-variant-numeric:tabular-nums;text-transform:none} /* units are never uppercased (MHz, not MHZ) */
.ab-readout b{font:italic 400 15px 'Cormorant Garamond',Georgia,serif;text-transform:none;color:#2f6a72}
.ab-person--crew .ab-crystal{margin-bottom:58px}
.ab-person--founder .ab-crystal{margin-bottom:44px}
.ab-person.is-ringing .ab-blank{animation:ab-shake .09s linear infinite}
.ab-person.is-ringing .ab-blank img{filter:none}
.ab-person.is-ringing .ab-ring{animation:ab-ring 1.8s ease-out infinite}
.ab-person.is-ringing .ab-ring:nth-child(2){animation-delay:.6s}
.ab-person.is-ringing .ab-ring:nth-child(3){animation-delay:1.2s}
.ab-person.is-ringing .ab-readout{color:#173f46}
@keyframes ab-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes ab-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(.6px)}}

/* 04 · closing */
.ab-closing{padding:85px 6% 90px;position:relative;background:linear-gradient(120deg,#192d35,#101b21);overflow:hidden}
.ab-closing:after{content:'';position:absolute;width:580px;height:580px;border:1px solid #8ab8bc20;border-radius:50%;right:9%;top:30px;box-shadow:0 0 0 55px #8ab8bc05,0 0 0 110px #8ab8bc04;pointer-events:none}
.ab-closing>.mono{color:#97b6bc}
.ab-closing h2{font-size:clamp(42px,5.3vw,78px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:28px 0 22px}
.ab-closing h2 em{font-size:1.17em;color:#c5e3df}
.ab-closing p{max-width:560px;font-size:15px;line-height:1.8;color:#b4c4c9;margin:0 0 36px}
.ab-closing p a{color:#e4efed;border-bottom:1px solid #aecacc77}
.ab-closing__links{display:flex;gap:40px;flex-wrap:wrap;position:relative;z-index:1}

@media(max-width:1100px){
  .ab-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-height:0}
  .ab-intro{padding-top:36px}
  .ab-map{grid-column:1;grid-row:2;margin:10px 0 40px;max-width:820px;justify-self:center}
  .ab-note{grid-column:1;grid-row:3;min-height:0;max-width:640px;margin-top:10px}
  .ab-founders{grid-template-columns:minmax(0,1fr)}
  .ab-head{grid-template-columns:minmax(0,1fr);gap:24px}
  .ab-crew__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .ab-cover .header,.ab-path{padding-left:6%;padding-right:6%}
  .ab-folio span:nth-child(2){display:none}
  .ab-root h1{font-size:13vw}
  .ab-stop{font-size:12px;--d:84px}.ab-stop--earth{--d:110px}.ab-stop--open{--d:96px}
  .ab-note h2{font-size:28px}
  .ab-bottom{flex-direction:column;align-items:flex-start;gap:14px}
  .ab-people,.ab-crew{padding:64px 6% 56px}
  .ab-person--founder{grid-template-columns:minmax(0,1fr);gap:10px}
  .ab-crystal{--s:170px}.ab-crystal--sm{--s:130px}
  .ab-crew__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .ab-closing{padding:64px 6% 70px}.ab-closing:after{width:340px;height:340px;right:-120px}
}
@media(prefers-reduced-motion:reduce){
  .ab-person.is-ringing .ab-blank,.ab-person.is-ringing .ab-ring,.ab-body.is-on .ab-halo,.ab-note__page{animation:none}
  .ab-person.is-ringing .ab-ring:first-child{opacity:.5;transform:scale(1.12)}
}