/* OSG site — page LAYOUT only (03_WORKFLOW STEP 3). Colors, type, sizes, lines come from harness tokens/components. */
/* placement on the 12-column measure (.cols, components 17) */
.at2 { grid-column-start: 2; }
.w2 { grid-column-end: span 2; } .w3 { grid-column-end: span 3; } .w4 { grid-column-end: span 4; } .w5 { grid-column-end: span 5; } .w6 { grid-column-end: span 6; } .w8 { grid-column-end: span 8; } .w11 { grid-column-end: span 11; }
.tr { text-align: right; }
.lead { font-size: var(--fs-big); line-height: 1.1; }
.read { display: grid; gap: var(--s3); line-height: var(--lh-read); }
/* shells */
.home { padding: 0 var(--gutter) var(--s8); }
.page { padding: calc(var(--corner-h) + var(--s3)) var(--gutter) var(--s8); display: grid; gap: var(--s6); align-content: start; }
.page > .sec { padding-top: var(--s7); }
.filters { margin-bottom: var(--s3); }
.plate + .plate { margin-top: var(--s6); }
.work-covers { margin-top: var(--s5); }
.work-covers a { display: block; }
/* weight row (home 04, fonts) */
.home-weights > * { padding-top: var(--s2); overflow: hidden; }
.home-glyph [data-fit] { line-height: 1.15; }
@media (max-width: 700px) { .home-weights { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* project: one head line, then image rows */
.project { gap: var(--s3); }
.project .plate__rows { margin-top: var(--s3); }
.project-next { margin-top: var(--s7); }