/* Federal Capture — page chrome and hero. Seam at 24/76, denser body at 1.5,
   no photography. */
/* Bind the DS seam token itself, not a parallel one, so the line and the channel cannot disagree. */
body.fc{--seam:24%;--seam-split:24%}
@media(max-width:1023px){body.fc{--seam:24%;--seam-split:24%}}
.fc-hero{position:relative;background:var(--color-navy);color:var(--color-text-light);padding:76px 0 84px;overflow:hidden}
.fc-hero .rt-seam{background:var(--seam-color-dark)}
/* Label channel, top to bottom: numeral, eyebrow, italic note. The numeral sits 16px above
   the eyebrow and clears the vertical label riding the line by 32px. */
.fc-hero .s-num{position:absolute;left:0;top:76px;width:calc(var(--seam) - 32px);text-align:right;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1;color:rgba(232,232,234,.35)}
.fc-eyebrow{position:absolute;left:0;top:116px;width:calc(var(--seam) - 24px);text-align:right;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fc-cyan)}
.fc-note{position:absolute;left:0;top:148px;width:calc(var(--seam) - 24px);text-align:right;font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1.45;color:rgba(232,232,234,.55)}
.fc-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.fc-h{margin:0;font-family:var(--font-serif);font-weight:500;font-size:var(--fs-h1);line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--color-text-light-2);max-width:20ch}
.fc-lede{margin:22px 0 0;max-width:600px;font-size:17px;line-height:var(--lh-body-fc);color:rgba(232,232,234,.74)}
.fc-ctas{display:flex;align-items:center;gap:22px;margin-top:30px}
.fc-ghost{font-size:15px;font-weight:600;color:var(--fc-cyan);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
.fc-ghost:hover{color:#3AA6BC;text-decoration:underline;text-underline-offset:4px}
.fc-stats{display:flex;gap:44px;margin-top:44px;padding-top:26px;border-top:1px solid rgba(232,232,234,.16)}
.fc-stat b{display:block;font-family:var(--font-serif);font-weight:500;font-size:44px;line-height:1;color:var(--color-text-light-2)}
.fc-stat i{display:block;width:28px;height:2px;background:var(--fc-cyan);margin:12px 0 10px}
.fc-stat span{display:block;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(232,232,234,.55)}
/* Hero anchor: the lead book, not the Compass. The four direction words stay reserved
   for the Compass section and its seam labels. */
/* The terrain band closes the hero edge to edge, outside the content channel: no inset, no
   margin, no radius, no border. Height is a band rather than the file's full 21:9, which at
   viewport width would run taller than the copy above it. The seam crosses it unbroken, so the
   band sits below the line in the stack. */
.fc-terrain{position:relative;z-index:0;width:100%;margin:72px 0 -84px;height:clamp(200px,23vw,340px);background:url(../assets/fc/hero-terrain.jpg) center 42% / cover no-repeat}
.fc-hero .rt-seam{z-index:2}
.fc-cover{position:relative;margin:0}
.fc-cover img{display:block;width:100%;max-width:300px;height:auto;border:1px solid rgba(232,232,234,.14)}
.fc-cover figcaption{margin:18px 0 0;max-width:300px;font-size:13px;line-height:1.55;color:rgba(232,232,234,.55)}
.fc-cover figcaption b{display:block;font-family:var(--font-serif);font-weight:500;font-size:15.5px;color:var(--color-text-light-2);margin-bottom:5px}
@media(max-width:1023px){.fc-col{grid-template-columns:1fr;gap:44px}.fc-stats{gap:32px}}
@media(max-width:767px){.fc-hero{padding:44px 0 56px}.fc-terrain{margin:48px 0 -56px;height:180px}.fc-col{margin:0;padding:0 20px}.fc-hero .s-num{position:static;width:auto;text-align:left;padding:0 20px 6px}.fc-eyebrow,.fc-note{position:static;width:auto;text-align:left;padding:0 20px}.fc-note{margin:6px 0 22px}.fc-stats{flex-wrap:wrap;gap:24px 32px}}
