/* Dead Signal section 03 — the Static feature. Full-bleed deep navy, which gives the page a
   clean alternation: 01 dark, 02 light, 03 dark, 04 light, 05 dark. No third surface, no tint.
   The page's centrepiece and its longest section.
   The cover fills the label channel at large scale, right-aligned to the seam, and long-form copy
   runs in the content channel at 70 characters. The imbalance toward fiction is the point here.
   No photograph runs beside the cover: the cover is a dish under a night sky already, and the
   section should not say that twice. */
/* The plate is absolutely positioned, so it contributes no height. On wide viewports the cover
   grew with the channel until it ran past the section and the next section painted over it. Two
   guards: the cover is capped, and the section carries a floor tall enough to contain the capped
   plate whatever the copy beside it does. */
.fea{position:relative;background:var(--color-navy);color:var(--color-text-light);padding:104px 0 116px}
@media(min-width:1024px){.fea{min-height:1180px}}
.fea .rt-seam{background:var(--seam-color-dark)}
.fea-marker{position:absolute;left:0;top:104px;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)}
/* Label channel: cover flush to the seam, quote beneath it. */
.fea-plate{position:absolute;left:0;top:170px;width:calc(var(--seam) - 32px);display:flex;flex-direction:column;align-items:flex-end;gap:34px}
/* Channel scale rather than a fixed mid size, but capped: at 2:3 the cover gains 1.5px of height
   for every 1px of channel width, which outruns the section long before the viewport stops. */
.fea-plate img{display:block;width:100%;max-width:420px;height:auto}
/* The quote stays deliberately narrower than the cover it sits under. */
.fea-quote{width:min(88%,360px)}
.fea-quote .rt-tagline,.fea-quote blockquote{margin:0}
.fea-attrib{margin:12px 0 0;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(232,232,234,.55)}
/* The Tagline component sets its blockquote ink inline as var(--color-navy), so the token is
   rescoped on the dark surface rather than overridden with !important. The coral rule is
   untouched. */
.fea-quote{--color-navy:var(--color-text-light)}
.fea-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:56px;max-width:70ch}
.fea-h{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(1.9rem,3.1vw,2.9rem);line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--color-text-light)}
.fea-col p.fea-eyebrow{margin:0 0 16px;font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(232,232,234,.55);line-height:1.5}
.fea-col p{margin:24px 0 0;font-size:17.5px;line-height:1.7;color:var(--color-text-light);text-wrap:pretty}
.fea-col p.fea-lead{font-size:19px;line-height:1.62;color:var(--color-text-light)}
@media(max-width:1023px){.fea-plate{position:static;width:auto;flex-direction:row;align-items:flex-start;gap:28px;margin:0 0 40px calc(var(--seam) + var(--seam-inset))}.fea-plate img{width:200px}.fea-quote{width:auto;max-width:44ch}}
@media(max-width:767px){.fea{padding:60px 0 68px}.fea-col{margin:0;padding:0 20px}.fea-plate{margin:0 0 32px;padding:0 20px;flex-direction:column;gap:24px}.fea-marker{position:static;width:auto;text-align:left;padding:0 20px 6px}.fea-col p{font-size:16.5px}}