/* page: about (from about.html) */
/* ---- about-only ---- */
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.story .prose{font-size:17.5px}
.story .prose p:first-child::first-letter{float:left;font:400 76px/.8 var(--serif);color:var(--paper);padding:8px 10px 0 0}
.pull{position:sticky;top:120px}
.pull blockquote{font:400 italic clamp(30px,3.2vw,44px)/1.15 var(--serif);color:var(--paper);letter-spacing:-.01em}
.pull cite{display:block;margin-top:20px;font:500 11px/1.4 var(--mono);font-style:normal;letter-spacing:.14em;color:var(--dim)}
.bios{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
.bio{padding:34px;display:flex;flex-direction:column}
.bio .hd{display:flex;gap:18px;align-items:center}
.bio .ph{width:84px;height:84px;border-radius:18px;flex:none;display:grid;place-items:center;font:700 24px/1 var(--sans);color:var(--void);background:linear-gradient(135deg,var(--paper),#fff);position:relative}
.bio .ph::after{content:"";position:absolute;inset:-4px;border-radius:21px;border:1px solid #F3EBDD55}
.bio .nm{font:800 26px/1.05 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.bio .rl{margin-top:8px;font:500 11px/1.4 var(--mono);letter-spacing:.12em;color:var(--cyan)}
.bio p{margin-top:20px;font-size:15.5px;line-height:1.65;color:var(--muted)}
.bio p b{color:var(--ink);font-weight:600}
.bio .incl{margin-top:22px}
.bio .incl li{font-size:14.5px}
.belief{padding:28px;min-height:230px;display:flex;flex-direction:column}
.belief .num{font:500 11px/1 var(--mono);color:var(--dim);letter-spacing:.14em}
.belief b{margin-top:18px;font:800 23px/1.12 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.belief p{margin-top:12px}
.pressline{display:grid;grid-template-columns:1fr 630px;gap:40px;align-items:center}
.pressline .go{margin-top:30px}
.pressline .names{margin-top:22px;display:flex;flex-direction:column;gap:6px;font:400 30px/1.15 var(--serif);color:var(--paper)}
.pressline .names small{font:600 10px/1 var(--mono);letter-spacing:.2em;color:var(--amber);margin-left:10px;vertical-align:5px}
.pressline .go{color:var(--paper)}
.addr{padding:34px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.pin{width:64px;height:64px;border-radius:50%;position:relative;display:grid;place-items:center;border:1px solid #4D8DFF55;background:#4D8DFF12}
.pin::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--grad);box-shadow:0 0 16px var(--cyan)}
.pin::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--cyan);animation:sy-ring 2.4s infinite}
.addr .l{font:600 10.5px/1 var(--mono);letter-spacing:.18em;color:var(--muted)}
.addr address{margin-top:10px;font:700 22px/1.3 var(--sans);font-style:normal;letter-spacing:-.02em;color:var(--ink)}
@media (max-width:1080px){.story,.bios,.pressline{grid-template-columns:1fr}.pull{position:static}.story{gap:36px}}
@media (max-width:720px){.belief{min-height:0}.bio,.addr{padding:22px}.addr{grid-template-columns:1fr;gap:18px}.bio .nm{font-size:22px}.pressline .names{font-size:24px}.addr address{font-size:19px}}