/* About and Contact: editorial pages in the homepage's voice. */
.page-main{border-top:1px solid var(--line)}
.page-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;padding-top:clamp(56px,9vh,110px);padding-bottom:clamp(56px,9vh,110px)}
.page-hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.page-hero .eyebrow{color:var(--muted)}
.page-hero h1{margin:0;font-size:clamp(56px,7.4vw,112px);font-weight:400;line-height:1.02;letter-spacing:-.064em;text-wrap:balance}
.page-hero h1 em{font-family:var(--serif);color:var(--blue)}
.page-lede{max-width:44ch;margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#b5bec5}

.page-band{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--line)}
.band-title{margin:0 0 28px;font:12px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.page-band.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px)}
.page-band.split .band-title{margin:6px 0 0}

/* Buttons */
.btn-ember,.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:3px;font-size:14px;text-decoration:none}
.btn-ember{background:var(--ember);color:var(--ink);font-weight:600}
.btn-ember:hover{background:#ff8466}
.btn-line{border:1px solid #55616b;background:transparent;color:var(--paper)}
.btn-line:hover{background:#26313b;border-color:#a9bbc9}

/* Contact */
.mail-card{display:grid;gap:18px;min-width:0;padding:30px;border:1px solid var(--line);border-radius:10px;background:radial-gradient(ellipse 90% 120% at 100% 0%,rgb(240 106 71/12%),transparent 62%),#161a1f}
.mail-label{margin:0;font:12px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mail-address{margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-.035em;color:var(--paper);overflow-wrap:anywhere}
.mail-address .llc-todo{font-size:inherit;letter-spacing:-.02em}
.mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.contact-copied{font-size:13px;color:var(--muted)}
.mail-note{margin:0;font-size:14px;color:var(--muted)}
.topics{list-style:none;margin:0;padding:0;border-top:1px solid #262c32}
.topic{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr) 32px;gap:20px;align-items:baseline;padding:26px 0;border-bottom:1px solid #262c32;color:var(--paper);transition:background .25s,padding .25s}
.topic-n{font:13px monospace;color:var(--ember)}
.topic-t{display:flex;flex-direction:column;gap:4px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.04em;line-height:1.15}
.topic-t small{font:12px/1.5 monospace;letter-spacing:0;color:var(--muted)}
.topic-d{font-size:15px;line-height:1.6;color:#aeb9c2}
.topic .arrow,.topic>span[aria-hidden]{justify-self:end;color:var(--muted);font-size:20px;transition:transform .25s,color .25s}
.topic:hover,.topic:focus-visible{padding-left:14px;padding-right:14px;background:#161a1f}
.topic:hover .arrow,.topic:hover>span[aria-hidden]{color:var(--ember);transform:translateX(4px)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0;counter-reset:step}
.steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:#aeb9c2;counter-increment:step}
.steps li::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--ember)}
.steps b{font-size:18px;font-weight:400;letter-spacing:-.02em;color:var(--paper)}
.support{display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.65;color:#b5bec5}
.support p{margin:0}
.support a{color:var(--paper);text-decoration:underline;text-decoration-color:rgb(240 106 71/60%);text-underline-offset:3px}
.support .fine{font-size:14px;color:var(--muted)}
.support-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.support-links a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.support-links a:hover{border-color:#6b7780;background:#161a1f}
.support-links b{font-weight:600;color:var(--paper)}
.support-links span{font-size:13px;color:var(--muted)}

/* About */
.about-mark{justify-self:center;width:min(100%,420px);color:#4a5561}
.about-mark svg{display:block;width:100%;height:auto}
.defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,64px);margin:0}
.defs>div{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--line)}
.defs dt{font-family:var(--serif);font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.04em;color:var(--paper)}
.defs dt span{margin-left:10px;font:15px monospace;letter-spacing:0;color:var(--muted);vertical-align:middle}
.defs dd{margin:0;max-width:42ch;font-size:16px;line-height:1.65;color:#b5bec5}
.defs dd i{color:var(--muted)}
.defs-note{margin:40px 0 0;font-size:clamp(20px,2vw,26px);line-height:1.4;letter-spacing:-.025em;color:var(--paper);max-width:40ch}
.prose{max-width:62ch;font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:#c3ccd3}
.prose p{margin:0 0 18px}
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.principles li{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--ember)}
.principles h3{margin:0;font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.03em;color:var(--paper)}
.principles p{margin:0;font-size:14.5px;line-height:1.65;color:#aeb9c2}
.founder-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.founder-photo img,.founder-placeholder{display:block;width:100%;aspect-ratio:1;max-width:100%;border-radius:10px;object-fit:cover}
.founder-placeholder{display:grid;place-items:center;align-content:center;gap:14px;border:1px dashed #3d464e;background:#161a1f;color:#3d464e}
.founder-placeholder svg{width:46%;height:auto}
.founder-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.founder-name{margin:0;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.05em;line-height:1.05;color:var(--paper)}
.founder-role{margin:0;font:13px/1.5 monospace;color:var(--muted)}
.founder-bio{margin:8px 0 14px;max-width:52ch;font-size:17px;line-height:1.7;color:#c3ccd3}

@media(max-width:1050px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{grid-template-columns:44px minmax(0,1fr) 28px}.topic-d{grid-column:2}}
@media(max-width:860px){
  .page-hero,.page-band.split,.founder-card{grid-template-columns:1fr}
  .about-mark{width:min(60%,260px);justify-self:start;order:-1}
  .steps{grid-template-columns:1fr}
  .defs{grid-template-columns:1fr}
}
@media(max-width:560px){
  .principles{grid-template-columns:1fr}
  .topic{grid-template-columns:34px minmax(0,1fr) 22px;gap:12px;padding:20px 0}
  .mail-card{padding:22px}
  .founder-card{justify-items:start}.founder-photo{width:min(100%,260px)}
}
@media(prefers-reduced-motion:reduce){.topic,.topic .arrow{transition:none}}
.about-top h1{font-size:clamp(48px,6.2vw,96px)}

/* About: the forge. Static by default; pinned and scrubbed once about.js runs. */
.forge{position:relative;border-top:1px solid var(--line)}
.forge-canvas{display:none}
.forge-copy{padding-top:56px;padding-bottom:56px}
.forge-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,64px)}
.forge-cap{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
.forge-cap:last-child{grid-column:1/-1;border-top:0;padding-top:12px}
.forge-kicker{margin:0;font:12px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ember)}
.forge-word{margin:0;font-family:var(--serif);font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.04em;color:var(--paper)}
.forge-word span{margin-left:10px;font:15px monospace;letter-spacing:0;color:var(--muted);vertical-align:middle}
.forge-def{margin:0;max-width:42ch;font-size:16px;line-height:1.65;color:#b5bec5}
.forge-def i{color:var(--muted)}
.forge-line{margin:0;max-width:40ch;font-size:clamp(20px,2vw,28px);line-height:1.4;letter-spacing:-.025em;color:var(--paper)}
.about-live .forge{height:320vh;height:320svh}
.about-live .forge-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 40%,#171b20 0%,var(--ink) 70%)}
.about-live .forge-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.about-live .forge-copy{position:absolute;left:0;right:0;bottom:0;margin:auto;padding-top:0;padding-bottom:clamp(28px,7vh,72px)}
.about-live .forge-copy .band-title{position:absolute;top:calc(-100vh + clamp(28px,7vh,72px) + 40px);top:calc(-100svh + 100%)}
.about-live .forge-caps{display:grid;grid-template-columns:1fr}
.about-live .forge-cap{grid-area:1/1;border-top:0;padding-top:0;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.about-live .forge-cap.is-on{opacity:1;transform:none}
.about-live .forge-cap:last-child{grid-column:1}
.about-live .forge-copy .band-title{position:static;margin-bottom:18px}

/* About: the essay lights up as it is read. */
.about-live .prose-lit .lit{opacity:.18;transition:opacity .2s linear}

/* About: principles stack like a deck of cards. */
.stack{display:grid;gap:18px;list-style:none;margin:0;padding:0}
.stack-card{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:baseline;padding:32px 34px;border:1px solid var(--line);border-top:2px solid var(--ember);border-radius:10px;background:#161a1f;transform-origin:50% 0}
.stack-n{font:13px monospace;color:var(--ember)}
.stack-card h3{margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:400;line-height:1.1;letter-spacing:-.04em;color:var(--paper)}
.stack-card p{margin:0;font-size:16px;line-height:1.65;color:#b5bec5}
.about-live .stack{gap:26vh;padding-bottom:10vh}
.about-live .stack-card{position:sticky;top:calc(110px + var(--i) * 18px);min-height:170px;box-shadow:0 -18px 40px #0b0d10cc;will-change:transform}

@media(max-width:860px){
  .forge-caps{grid-template-columns:1fr}
  .stack-card{grid-template-columns:1fr;gap:10px;padding:24px}
  .about-live .stack-card{top:calc(88px + var(--i) * 14px);min-height:0}
}
@media(prefers-reduced-motion:reduce){.forge-cap,.prose-lit .lit{transition:none}}
@media(max-width:760px){.about-live .forge-copy .band-title{display:none}.forge-word{font-size:44px}}

/* About: the stack. Tools rain onto an AI foundation as small meteors. */
.rain{position:relative;border-top:1px solid var(--line)}
.rain-canvas{display:none}
.rain-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(28px,5vw,80px);align-items:center;padding-top:56px;padding-bottom:56px}
.rain-copy{min-width:0}
.stackscene-lede{margin:-8px 0 28px;max-width:36ch;font-size:clamp(20px,2vw,26px);line-height:1.35;letter-spacing:-.025em;color:var(--paper)}
.stack-note-uses{margin:0;font:12px/1.6 monospace;color:var(--muted)}
.rain-notes{display:grid;gap:22px}
.rain-note{display:flex;flex-direction:column;gap:8px}
.rain-note-name{margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.05;color:var(--paper)}
.rain-pile{position:relative;height:clamp(380px,58vh,540px);min-width:0}
.tools{position:absolute;left:0;right:0;top:0;bottom:30%;list-style:none;margin:0;padding:0}
.tool{position:absolute;left:var(--x);bottom:calc(var(--row) * 33% + 6px);width:96px;margin-left:-48px;will-change:transform}
.tool a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}
.tool-logo{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,#232a31,#14181c 70%);box-shadow:0 10px 24px #00000066;transition:border-color .25s,box-shadow .25s,transform .25s}
.tool-logo svg{width:28px;height:28px}
.tool-name{font-size:12.5px;line-height:1.2;color:#c3ccd3;text-align:center}
.tool a:hover .tool-logo,.tool a:focus-visible .tool-logo{border-color:#a9bbc9;transform:translateY(-3px)}
.tool a:hover .tool-name{color:var(--paper)}
.tool.is-falling .tool-logo{border-color:rgb(240 106 71/80%);box-shadow:0 0 26px rgb(240 106 71/55%)}
.rain-ai{--power:1;--reach:1;position:absolute;left:0;right:0;bottom:0;height:24%;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:0 18px;border:1px solid rgb(143 156 255/calc(.2 + var(--reach) * .35));border-radius:12px;background:linear-gradient(90deg,rgb(143 156 255/calc(var(--power) * .10)),rgb(143 156 255/calc(var(--power) * .04)));box-shadow:0 0 calc(var(--reach) * 40px) rgb(143 156 255/calc(var(--reach) * .25))}
.rain-ai-label{margin-right:auto;font:12px/1.4 monospace;letter-spacing:.1em;text-transform:uppercase;color:#aeb6ff}
.rain-ai-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 6px;border:1px solid rgb(143 156 255/35%);border-radius:999px;background:#12151cdd;color:var(--paper);font-size:13.5px;text-decoration:none}
.rain-ai-link:hover{border-color:#aeb6ff}
span.rain-ai-link:hover{border-color:rgb(143 156 255/35%)}
.rain-ai-link .spark{color:#f5c26b}
.rain-ai-link .tool-logo{width:28px;height:28px;box-shadow:none;border:0;background:transparent}
.rain-ai-link .tool-logo svg{width:18px;height:18px}
.rain-ai-link .agent{color:#aeb6ff}
.about-live .rain{height:340vh;height:340svh}
.about-live .rain-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.about-live .rain-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.about-live .rain-grid{position:relative;z-index:1;height:100%;padding-top:40px;padding-bottom:40px}
.about-live .rain-notes{display:grid}
.about-live .rain-note{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.about-live .rain-note.is-on{opacity:1;transform:none}
.about-live .tool{opacity:0}
.about-live .rain-ai{background:linear-gradient(90deg,rgb(143 156 255/calc(var(--power) * .08)),rgb(143 156 255/calc(var(--power) * .03)))}


/* Founder facts */
.founder-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0 0 18px;width:100%;max-width:560px}
.founder-facts div{padding-top:10px;border-top:1px solid var(--line)}
.founder-facts dt{font:12px/1.5 monospace;color:var(--muted)}
.founder-facts dd{margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--paper)}

@media(max-width:860px){
  .rain-grid{grid-template-columns:1fr}
  .about-live .rain-grid{align-content:center;gap:18px}
  .about-live .stackscene-lede{display:none}
  .rain-note-name{font-size:26px}
  .about-live .rain-note .forge-def{font-size:14px}
  .rain-pile{height:clamp(320px,50vh,440px)}
}
@media(max-width:560px){
  .tool{width:64px;margin-left:-32px}
  .tool-logo{width:46px;height:46px}.tool-logo svg{width:22px;height:22px}
  .tool-name{font-size:11px}
  .rain-ai{padding:0 10px;gap:6px}
  .rain-ai-label{width:100%;margin:0}
  .rain-ai-link{min-height:34px;font-size:12.5px}
}
@media(max-width:560px){.founder-facts{grid-template-columns:1fr}}

/* Contact: what happens next, as a message relay. */
.relay{position:relative;border-top:1px solid var(--line)}
.relay-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px);align-items:center;padding-top:56px;padding-bottom:56px}
.relay-notes{display:grid;gap:22px;list-style:none;margin:0;padding:0}
.relay-note{display:flex;flex-direction:column;gap:8px}
.relay-note-name{margin:0;font-size:clamp(26px,2.8vw,38px);letter-spacing:-.045em;line-height:1.08;color:var(--paper)}
.relay-visual{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:440px;min-width:0}
.relay-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.relay-track{fill:none;stroke:#3a4046;stroke-width:1.2;stroke-dasharray:3 7}
.relay-track-back{stroke:#4a4f7a}
.relay-trail{fill:none;stroke-width:3;stroke-linecap:round;opacity:0}
.relay-trail-out{stroke:#f06a47;filter:drop-shadow(0 0 6px rgb(240 106 71/70%))}
.relay-trail-back{stroke:#8f9cff;filter:drop-shadow(0 0 6px rgb(143 156 255/70%))}
.relay-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;width:min(46%,250px);padding:18px;border:1px solid var(--line);border-radius:10px;background:#161a1f;box-shadow:0 18px 40px #00000059;transition:border-color .3s,box-shadow .3s}
.relay-who{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:14px;font-weight:600;color:var(--paper)}
.relay-dot{width:10px;height:10px;border-radius:50%;background:#f06a47}
.relay-mark{display:inline-grid;width:22px;height:22px;color:#cfd9e1}
.relay-mark svg{width:100%;height:100%}
.relay-field{margin:0;font:12px/1.5 monospace;color:var(--muted)}
.relay-line{display:block;height:6px;border-radius:3px;background:#262c32}
.relay-line.short{width:62%}
.relay-status{margin:6px 0 0;padding-top:10px;border-top:1px solid #262c32;font:12px/1.4 monospace;color:#f5c26b}
.relay-card.is-hit{border-color:rgb(240 106 71/80%);box-shadow:0 0 0 4px rgb(240 106 71/14%),0 18px 40px #00000059}
.relay-you.is-hit{border-color:rgb(143 156 255/80%);box-shadow:0 0 0 4px rgb(143 156 255/16%),0 18px 40px #00000059}
.relay-wink.is-read .relay-status,.relay-you.is-done .relay-status{color:#4ade80}
.relay-env{position:absolute;left:0;top:0;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;opacity:0;will-change:transform;pointer-events:none}
.relay-env svg{width:20px;height:20px}
.relay-env-out{background:#2a1a16;color:#ffb39d;box-shadow:0 0 0 1px rgb(240 106 71/70%),0 0 22px rgb(240 106 71/60%)}
.relay-env-back{background:#1a1c2c;color:#c9cfff;box-shadow:0 0 0 1px rgb(143 156 255/70%),0 0 22px rgb(143 156 255/55%)}
.relay:not(.is-live) .relay-env,.relay:not(.is-live) .relay-trail{display:none}
.relay.is-live{height:280vh;height:280svh}
.relay.is-live .relay-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.relay.is-live .relay-grid{height:100%;padding-top:32px;padding-bottom:32px}
.relay.is-live .relay-notes{display:grid}
.relay.is-live .relay-note{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.relay.is-live .relay-note.is-on{opacity:1;transform:none}
@media(max-width:860px){
  .relay-grid{grid-template-columns:1fr;gap:18px}
  .relay.is-live .relay-grid{align-content:center}
  .relay-visual{min-height:0}
}
@media(max-width:560px){
  .relay-visual{flex-direction:column;align-items:center;gap:56px;padding:12px 0}
  .relay-card{width:min(78%,260px);padding:14px}
  .relay-line{height:5px}
}
@media(prefers-reduced-motion:reduce){.relay-card,.relay-note{transition:none}}

/* About: who's behind it, as a signed letter. */
.letter-sec{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,96px);align-items:start;padding-top:clamp(64px,10vh,120px);padding-bottom:clamp(64px,10vh,120px);border-top:1px solid var(--line)}
.letter-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px;min-width:0}
.letter-side .eyebrow{color:var(--muted)}
.letter-title{margin:0;font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1.02;letter-spacing:-.06em}
.letter-title em{font-family:var(--serif);color:var(--blue)}
.letter-photo{width:min(100%,280px)}
.letter-photo img,.letter-photo .founder-placeholder{width:100%}
.letter{position:relative;display:flex;flex-direction:column;gap:20px;padding:clamp(28px,4vw,56px);border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgb(240 106 71/7%),transparent 60%),#15191d;box-shadow:0 30px 70px #00000059;font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.65;color:#d5dde3}
.letter p{margin:0;max-width:60ch}
.letter .letter-hi{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.02em;color:var(--paper)}
.letter-sign{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.sig{--sign:1;position:relative;align-self:flex-start;font-family:var(--serif);font-style:italic;font-size:clamp(46px,4.6vw,64px);line-height:1.1;letter-spacing:-.02em;color:var(--paper)}
.sig-ink{display:inline-block;clip-path:inset(-20% calc((1 - var(--sign)) * 100%) -20% -5%);text-shadow:0 0 calc((1 - var(--sign)) * 18px) rgb(240 106 71/60%)}
.sig-meteor{position:absolute;top:58%;left:calc(var(--sign) * 100%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ember);box-shadow:0 0 16px 4px rgb(240 106 71/70%);opacity:0;transition:opacity .2s}
.sig-meteor::before{content:'';position:absolute;right:6px;top:50%;width:70px;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,rgb(240 106 71/80%))}
.sig.is-signing .sig-meteor{opacity:1}
.sig-name{font:13px/1.5 monospace;color:var(--muted)}
.letter .founder-hello{align-self:flex-start;margin-top:6px;font-family:var(--sans)}
@media(max-width:860px){.letter-sec{grid-template-columns:1fr}.letter-side{position:static}.letter-photo{width:min(60%,220px)}}
@media(max-width:560px){.letter{padding:24px 20px}}