/* About section 04. Routing, not re-selling: two rules, two names, one line each. No cards, no
   covers, no paragraphs. The hairlines run from seam plus inset to the right margin, so the page's
   last section is carried by the same line that carried the first. */
.s4{position:relative;background:var(--color-navy);color:var(--color-text-light);padding:104px 0 112px;box-shadow:inset 0 1px 0 rgba(232,232,234,.14)}
.s4 .rt-seam{background:var(--seam-color-dark)}
.s4-num{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)}
.s4-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px}
.s4-head{margin:0 0 52px;font-family:var(--font-serif);font-weight:500;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--color-text-light-2)}
.s4-routes{display:flex;flex-direction:column;border-bottom:1px solid rgba(232,232,234,.18)}
.s4-route{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;align-items:baseline;gap:32px;padding:26px 0;border-top:1px solid rgba(232,232,234,.18);color:var(--color-text-light-2);transition:color var(--dur-fast) var(--ease-out)}
.s4-name{font-family:var(--font-serif);font-size:clamp(1.35rem,2.1vw,1.95rem);line-height:1.15;letter-spacing:var(--tracking-tight)}
.s4-name em{font-style:italic;color:rgba(232,232,234,.6)}
.s4-desc{font-size:16.5px;line-height:1.55;color:rgba(232,232,234,.7)}
.s4-arrow{justify-self:end;font-size:17px;color:rgba(232,232,234,.55);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.s4-route:hover{color:var(--color-coral)}
.s4-route:hover .s4-arrow{color:var(--color-coral);transform:translateX(2px)}
@media(max-width:1023px){.s4{padding:84px 0 88px}.s4-num{top:84px}.s4-head{margin-bottom:42px}.s4-route{grid-template-columns:minmax(0,1fr) 24px;gap:8px 20px}.s4-desc{grid-column:1}}
@media(max-width:767px){.s4{padding:58px 0 64px}.s4-num{position:static;width:auto;text-align:left;padding:0 20px 14px}.s4-col{margin:0;padding:0 20px}.s4-head{margin-bottom:30px}}