.ft {
  --ft-bg: #f7f8fc; --ft-text: #10142e; --ft-muted: #62677b; --ft-title: #10142e; --ft-link: #3b4060; --ft-link-hover: #0066ff;
  --ft-line: rgba(16, 20, 46, 0.08); --ft-maxw: 1200px; --ft-pt: 80px; --ft-pb: 40px; --ft-px: 24px; --ft-gap: 32px; --ft-row-gap: 40px;
  --ft-title-fs: 12px; --ft-link-fs: 14.5px; --ft-meta-fs: 13px; --ft-radius: 0px; --ft-ic-bg: #e8edf7; --ft-ic: #10142e; --ft-ic-hover-bg: #0066ff; --ft-ic-hover: #fff;
  --ft-font: var(--rp-font-body, 'Avenir Next', 'Segoe UI', Arial, sans-serif);
  position: relative; overflow: hidden; background: var(--ft-bg); color: var(--ft-text); font-family: var(--ft-font);
  border-radius: var(--ft-radius) var(--ft-radius) 0 0; border-top: 1px solid var(--ft-line);
  padding: var(--ft-pt) var(--ft-px) var(--ft-pb);
}
.ft-in { max-width: var(--ft-maxw); margin: 0 auto; display: grid; gap: var(--ft-row-gap); }
.ft--logo-beside .ft-in { grid-template-columns: minmax(180px, 0.9fr) 3fr; column-gap: calc(var(--ft-gap) * 1.5); }
.ft--logo-beside .ft-meta { grid-column: 1 / -1; }
.ft-brand { display: grid; gap: 14px; align-content: start; }
.ft-logo { display: inline-flex; }
.ft-logo img, .ft-logo svg { display: block; width: auto; }
.ft-tagline { margin: 0; max-width: 34ch; color: var(--ft-muted); font-size: 14px; line-height: 1.6; }
.ft-grid { display: grid; grid-template-columns: repeat(var(--ft-cols, 6), minmax(0, 1fr)); gap: var(--ft-row-gap) var(--ft-gap); }
.ft-title { margin: 0 0 16px; font: 600 var(--ft-title-fs)/1.2 var(--ft-font); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ft-title); }
.ft-col ul, .ft-social ul { list-style: none; margin: 0; padding: 0; }
.ft-col ul { display: grid; gap: 11px; }
.ft-col a { color: var(--ft-link); text-decoration: none; font-size: var(--ft-link-fs); line-height: 1.4; transition: color .2s; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: color .2s, background-size .3s cubic-bezier(.22,1,.36,1); }
.ft-col a:hover { color: var(--ft-link-hover); background-size: 100% 1px; }
.ft-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-top: 28px; border-top: 1px solid var(--ft-line); font-size: var(--ft-meta-fs); color: var(--ft-muted); }
.ft--nodiv .ft-meta { border-top: 0; padding-top: 0; }
.ft-social { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ft-find { font-weight: 600; color: var(--ft-text); }
.ft-social ul { display: flex; gap: 8px; flex-wrap: wrap; }
.ft-ic { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--ft-ic-bg); color: var(--ft-ic); transition: background .2s, color .2s, transform .25s cubic-bezier(.22,1,.36,1); }
.ft-ic svg { width: 16px; height: 16px; fill: currentColor; }
.ft-ic:hover { background: var(--ft-ic-hover-bg); color: var(--ft-ic-hover); transform: translateY(-2px); }
.ft-tx { color: var(--ft-link); text-decoration: none; }
.ft-tx:hover { color: var(--ft-link-hover); }
.ft-copy { margin: 0; }
.ft-wordmark {
  max-width: var(--ft-maxw); margin: 48px auto 0; text-align: center; white-space: nowrap;
  font: 400 clamp(32px, 13cqw, 200px)/0.9 var(--rp-font-display, 'EB Garamond', Georgia, serif); letter-spacing: -0.04em;
  background: linear-gradient(180deg, var(--ft-text), rgba(16, 20, 46, 0.15)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
@container rp (max-width: 991px) {
  .ft-grid { grid-template-columns: repeat(var(--ft-cols-t, 3), minmax(0, 1fr)); }
  .ft--logo-beside .ft-in { grid-template-columns: 1fr; }
}
@container rp (max-width: 767px) {
  .ft { --ft-pt: 56px; --ft-px: 20px; }
  .ft-grid { grid-template-columns: repeat(var(--ft-cols-m, 2), minmax(0, 1fr)); gap: 32px 20px; }
  .ft-meta { flex-direction: column; align-items: flex-start; }
}
@container rp (max-width: 478px) {
  .ft-grid { grid-template-columns: repeat(var(--ft-cols-p, var(--ft-cols-m, 2)), minmax(0, 1fr)); gap: 28px 16px; }
  .ft-social { gap: 10px; }
}
.ft-col a, .ft-tx { overflow-wrap: anywhere; }