/* Home section 3 — the bridge. Light, one column, no media, no eyebrow.
   The label channel carries a pull quote and nothing else. */
.bridge{position:relative;background:var(--bg-page);padding:118px 0 132px}
.bridge .rt-seam{background:var(--seam-color)}
.bridge-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px;font-size:19px}
/* 70 real characters of this prose measure 596px at 19px Inter. `ch` is the advance of "0",
   which is far wider than the average glyph here, so it caps at roughly 95 characters. */
.bridge-col p{margin:0;max-width:600px;font-size:19px;line-height:1.75;color:rgba(26,26,31,.88);text-wrap:pretty}
.bridge-col p+p{margin-top:24px}
.bridge-quote{position:absolute;top:118px;left:calc(var(--seam) - 32px - 300px);width:300px;border-left:3px solid var(--color-coral);padding-left:20px;margin:0;font-family:var(--font-serif);font-style:italic;font-size:23px;line-height:1.4;color:var(--color-navy)}
/* At tablet the label channel is only 24% wide, too narrow to set a quote beside the column.
   It falls back above the column, the way seam labels do. */
@media(max-width:1023px){.bridge-quote{position:static;width:auto;max-width:520px;margin:0 0 34px calc(var(--seam) + var(--seam-inset));font-size:21px}}
@media(max-width:767px){.bridge{padding:64px 0 72px}.bridge-col{margin:0;padding:0 20px}.bridge-quote{position:static;width:auto;margin:0 20px 32px;padding-left:16px}}