/* SECTION 5 · WHY ONE TEAM (Leads are rented. The rest of this, you own.)
   Locked 2026-10-04 from the own round, c03 numbered folio: cream paper with blind-slat shadows, the swash headline rendered
   and keyed, the y08 rule, one paragraph left, and the ledger right as a law-review contents page: mono numeral, the asset
   name as keyed lettering (Davis has no font for the condensed caps), leader dots, one Caslon italic line, YOURS as the folio. */

.s5 { position:relative; overflow:hidden; background:#EFE6D6; color:#1c1917; padding:104px 0 112px; }
.s5-paperbg { position:absolute; inset:0; margin:0; }
.s5-paperbg img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; display:block; }
.s5-inner { position:relative; z-index:1; max-width:1120px; margin:0 auto; }
.s5-kicker { display:block; font-family:var(--font-ui); font-size:12px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:#1c1917; margin-bottom:22px; }
.s5-h2 { margin:0; max-width:none; }
.s5-h2-img { display:block; width:100%; max-width:462px; height:auto; }  /* +7.5%, Davis: "10% bigger or 5% bigger" */
.s5-rule { border:0; border-top:1px solid #B8933F; margin:30px 0 0; }

/* two columns: the one paragraph, then the ledger */
/* head: the headline left, the one paragraph as a column to its right, sitting on the headline's baseline */
.s5-head { display:grid; grid-template-columns:minmax(0,1fr) 480px; gap:64px; align-items:start; }
.s5-copy p + p { margin-top:18px; }
.s5-copy p { font-family:var(--font-body); font-size:17px; line-height:1.75; color:#1c1917; margin:0 0 6px; }
/* the ledger runs across the whole container */
.s5-body { margin-top:48px; }

.s5-ledger-title { display:block; font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:0.20em; text-transform:uppercase; color:#1c1917; margin:3px 0 18px; }
.s5-ledger { list-style:none; margin:0; padding:0; border-top:1.5px solid #B8933F; border-bottom:1.5px solid #B8933F; }
.s5-row { display:grid; grid-template-columns:72px auto minmax(32px,1fr) minmax(0,auto) auto; align-items:center; gap:0 18px; padding:22px 0; border-top:1px solid rgba(184,147,63,0.6); }
.s5-row:first-child { border-top:0; }
.s5-num { font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:0.18em; color:#1c1917; }
.s5-name { display:block; line-height:0; }
.s5-name img { display:block; height:26px; width:auto; }
.s5-dots { height:3px; background-image:radial-gradient(circle, rgba(28,25,23,0.75) 1px, transparent 1.3px); background-size:8px 3px; background-repeat:repeat-x; background-position:left center; }
.s5-line { font-family:var(--font-body); font-style:italic; font-size:16px; line-height:1.5; color:#1c1917; margin:0; }
.s5-folio { font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:#1c1917; padding-left:12px; }
.s5-foot { font-family:var(--font-body); font-style:italic; font-size:16px; line-height:1.5; color:rgba(28,25,23,0.85); margin:22px 0 0; }
.s5-foot strong { font-weight:400; font-style:normal; color:#1c1917; }

@media (max-width:900px) {
  .s5-head { grid-template-columns:1fr; gap:28px; }
  .s5-copy p { max-width:520px; }
}
@media (max-width:768px) {
  .s5 { padding:72px 0 80px; }
  .s5-h2-img { max-width:none; }
  .s5-row { grid-template-columns:36px 1fr auto; grid-template-areas:"num name folio" ". line line"; gap:10px 12px; padding:18px 0; }
  .s5-num { grid-area:num; }  .s5-name { grid-area:name; }  .s5-folio { grid-area:folio; padding-left:0; }  .s5-line { grid-area:line; max-width:none; }
  .s5-dots { display:none; }
  .s5-name img { height:22px; }
}