/* "04 A few other things": left text, right 2x2 cards with a red-blood-cell motif (fot.js animates the cells) */
.fot{--f-violet:#293F91;--f-mist:#F0F2F5;--f-white:#FFFFFF;--f-navy:#171A2B;--f-muted:#686B83;--f-pale:#E0E3EB;
  position:relative;isolation:isolate;margin:0 calc(-1 * var(--edge)) 0 calc(-1 * (var(--gutter) - 52px));
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:72px;align-items:center;padding:96px 80px;
  background:var(--f-white);color:var(--f-navy)}
:root[data-theme="dark"] .fot{--f-violet:#A9B9F2;--f-mist:var(--paper);--f-white:var(--ivory);--f-navy:var(--ink);--f-muted:var(--muted);--f-pale:var(--rule)}
.fot-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.fot-eyebrow{margin:0 0 14px;font:400 11px/1.2 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--f-violet)}
.fot-title{margin:0;font:400 44px/1.08 'Newsreader',Georgia,serif;letter-spacing:-.02em;color:var(--f-navy)}
.fot-sub{margin:14px 0 0;font:300 18px/1.45 'Newsreader',Georgia,serif;color:var(--f-muted)}
.fot-more{margin:14px 0 0;padding:12px 0;font:500 15px/1.3 var(--sans);color:var(--f-violet);display:inline-flex;gap:8px;align-items:baseline;transition:color .2s cubic-bezier(.23,1,.32,1)}
.fot-more:hover{color:var(--f-navy)}
.fot-more:focus-visible,.fot-card:focus-visible{outline:2px solid var(--f-violet);outline-offset:4px}

.fot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;width:100%;max-width:640px;justify-self:start}
.fot-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;overflow:hidden;padding:26px;
  background:var(--f-mist);border:1px solid var(--f-pale);border-radius:4px;color:var(--f-navy);text-decoration:none;
  box-shadow:0 14px 30px -14px rgba(23,26,43,.16),0 2px 6px rgba(23,26,43,.05);
  transition:box-shadow .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1)}
.fot-card:hover,.fot-card:focus-visible{box-shadow:0 26px 50px -12px rgba(23,26,43,.28),0 2px 6px rgba(23,26,43,.05)}
.fot-cells{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fot-cell{position:absolute;left:0;top:0;border-radius:50%;will-change:transform}
.fot-no,.fot-bottom{position:relative;z-index:1}
.fot-no{font:400 10px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--f-muted)}
.fot-name{margin:0;max-width:300px;font:400 34px/1.1 'Newsreader',Georgia,serif;letter-spacing:-.02em;color:var(--f-navy);transition:color .25s cubic-bezier(.23,1,.32,1)}
.fot-card:hover .fot-name,.fot-card:focus-visible .fot-name{color:var(--f-violet)}
.fot-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;font:400 10px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--f-muted)}
.fot-row i{font-style:normal;font-size:12px;color:var(--f-violet)}

/* entrance: the cards rise and fade in, staggered; the cells arrive with them */
.js .fot:not(.in) .fot-card{opacity:0;transform:translateY(18px)}
.js .fot.in .fot-card{transition:opacity .7s cubic-bezier(.23,1,.32,1) calc(var(--i) * 120ms),transform .7s cubic-bezier(.23,1,.32,1) calc(var(--i) * 120ms),box-shadow .35s cubic-bezier(.23,1,.32,1)}

@media (max-width:900px){
  .fot{grid-template-columns:minmax(0,1fr);gap:40px;padding:64px 24px;margin-left:calc(-1 * var(--gutter) + 52px)}
  .fot-title{font-size:clamp(34px,9vw,44px)}
}
@media (max-width:520px){.fot-grid{grid-template-columns:minmax(0,1fr)}.fot-name{font-size:30px}}
@media (prefers-reduced-motion:reduce){
  .js .fot:not(.in) .fot-card{opacity:1;transform:none}
  .js .fot.in .fot-card,.fot-card,.fot-name,.fot-more{transition:none}
}