/* About section 02. Full-bleed navy, one column at 70 characters flush to seam plus inset.
   The passage is split into two groups at the career pivot, and each group carries one seam
   label, which is what earns two labels in a single section under v2.2 section 05. */
.s2{position:relative;background:var(--color-navy);color:var(--color-text-light);overflow:hidden;padding:100px 0 108px}
.s2 .rt-seam{background:var(--seam-color-dark)}
.s2-num{position:absolute;left:0;top:100px;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)}
.s2-pass{position:relative}
.s2-pass + .s2-pass{margin-top:26px}
/* height:max-content plus nowrap keeps the label one hairline whatever the pass height is. */
.s2-pass .rt-seam-label{top:50%;bottom:auto;height:max-content;white-space:nowrap;transform:translate(-50%,-50%) rotate(180deg);z-index:4}
.s2-col{margin-left:calc(var(--seam) + var(--seam-inset));margin-right:48px;max-width:70ch}
.s2-col p{margin:0 0 22px;font-size:17.5px;line-height:1.62;color:rgba(232,232,234,.8);text-wrap:pretty}
.s2-col p:last-child{margin-bottom:0}
/* The one line that has to survive verbatim gets the only typographic promotion in the section. */
.s2-line{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.42;color:var(--color-text-light-2)}
.s2-line--rule{border-left:3px solid var(--color-coral);padding-left:22px}
.s2-q{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.44;color:rgba(232,232,234,.92)}
@media(max-width:1023px){.s2{padding:80px 0 88px}.s2-num{top:80px}}
@media(max-width:767px){.s2{padding:56px 0 64px}.s2-num{position:static;width:auto;text-align:left;padding:0 20px 10px}.s2-col{margin:0;padding:0 20px}.s2-pass .rt-seam-label{transform:none;padding:0 20px 10px}.s2-pass + .s2-pass{margin-top:30px}}