/* About section 03. Short by design: eyebrow in the label channel, three numerals in the content
   channel, nothing else. The component's rule is Federal Capture cyan, which cannot appear on a
   master surface, so it is overridden to gold, the master palette's punctuation colour. */
.s3{position:relative;background:var(--bg-page);padding:96px 0 100px;box-shadow:inset 0 1px 0 rgba(15,26,46,.1)}
.s3-num{position:absolute;left:0;top:96px;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(15,26,46,.35)}
.s3-eyebrow{position:absolute;left:0;top:136px;width:calc(var(--seam) - 32px);text-align:right;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(15,26,46,.55)}
.s3-stats{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px}
.s3-stats>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;max-width:900px}
.s3-stats>div>div>div:first-child{font-size:clamp(3.2rem,5.4vw,4.9rem)!important;letter-spacing:-.03em!important}
.s3-stats>div>div>div:nth-child(2){width:40px!important;height:1px!important;background:var(--color-gold)!important;margin:18px 0 14px!important}
.s3-stats>div>div>div:last-child{max-width:16ch;line-height:1.5;color:rgba(15,26,46,.62)!important}
@media(max-width:1023px){.s3{padding:76px 0 80px}.s3-num{top:76px}.s3-eyebrow{top:116px}.s3-stats>div{gap:0 32px!important}}
@media(max-width:767px){.s3{padding:52px 0 56px}.s3-num,.s3-eyebrow{position:static;width:auto;text-align:left;padding:0 20px}.s3-eyebrow{padding-bottom:22px}.s3-stats{margin:0;padding:0 20px}.s3-stats>div{grid-template-columns:1fr;gap:28px 0!important}}