/* FC section 04 — the argument. Light surface. The comparison itself is the design system's
   PipelineComparison, equal columns, equal padding, stretched to equal height. Nothing here
   adds weight to either side. The header band carries the terrain frame beside the copy so
   the image sits inside the content column rather than behind the section. */
.arg{position:relative;background:var(--bg-page);padding:96px 0 108px}
.arg .rt-seam{background:var(--seam-color)}
.arg .s-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)}
.arg .rt-seam-label{left:var(--seam);z-index:4;background:var(--bg-page);top:250px}
.arg-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px}
/* Headline and standfirst only. The comparison block below is the signature pattern and carries
   the section without decoration beside it. */
.arg-head{display:block}
.arg-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-navy)}
.arg-sub{margin:16px 0 0;max-width:52ch;font-size:16.5px;line-height:1.5;color:rgba(26,26,31,.74)}
.arg-grid{margin-top:44px}
@media(max-width:1023px){.arg .rt-seam-label{top:220px}}
@media(max-width:767px){#argument-grid>div{grid-template-columns:1fr !important}.arg{padding:56px 0 64px}.arg-col{margin:0;padding:0 20px}.arg .s-num{position:static;width:auto;text-align:left;padding:0 20px 6px}.arg .rt-seam-label{padding:0 20px 10px;top:auto}}