
.job h1,.job h2{line-height:1.05;margin:0 0 .35em}.job h1{font-size:clamp(3rem,6vw,5.6rem)}.job h2{font-size:clamp(2rem,3.8vw,3.6rem)}.job p:not(.eyebrow){max-width:64ch;line-height:1.6}.job img{display:block;width:100%;height:auto}.job figure{margin:0;min-width:0}.job figcaption{padding:.65rem 0;color:#52616b;font-size:.92rem}.job-pair,.job-card,.job-cover,.job .work-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,3rem)}.job-pair img,.job-card img,.job .work-preview-grid img{aspect-ratio:4/3;object-fit:cover}.job-card,.job-cover{align-items:center;padding-block:clamp(2rem,5vw,4rem)}.job-cover{grid-template-columns:4fr 5fr}.job-intro,.job-chapter{padding-block:clamp(2rem,4vw,4rem)}.job-chapter,.job-finish{border-top:1px solid #d9d3c7}.job-pair{margin-top:1.4rem}.job blockquote{font:italic 1.75rem/1.35 Georgia,serif;margin:1.2rem 0}.job-links{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin-top:1.2rem}.job-intro{padding-bottom:0}.job .work-preview-grid figcaption{display:flex;justify-content:space-between;flex-wrap:wrap}.job .text-link{display:inline-block}
@media(max-width:700px){.job-card,.job-cover,.job .work-preview-grid,.job-pair{grid-template-columns:1fr;gap:1rem}.job figcaption{padding-bottom:.4rem}.job-finish figure{order:2}}

.ridge-opener{margin:1.5rem 0 0;background:#10283c;color:white;display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch}.ridge-opener img{height:100%;min-height:350px;object-fit:cover}.ridge-opener>div{padding:clamp(24px,4vw,60px);align-self:center}.ridge-opener h1{font-size:clamp(2.6rem,5vw,5rem);color:white}.ridge-opener .eyebrow{color:#e4c898}.ridge-opener p:last-child{color:#f4f0e8;margin-bottom:0}.story-intro{max-width:760px}.story-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,26px);margin:2rem 0 0}.story-three img{aspect-ratio:3/4;object-fit:cover}.john-note{border-left:3px solid #ad8955;padding:.2rem 1.4rem;margin:2rem 0 0}.john-note blockquote{margin:0}.john-note p{margin:.4rem 0}.roof-story .job-pair img{aspect-ratio:4/3}
@media(max-width:700px){.ridge-opener,.story-three{grid-template-columns:1fr}.ridge-opener img{min-height:0;aspect-ratio:4/3}.story-three{gap:1.5rem}.story-three img{max-height:480px;object-fit:contain;background:#f4f2ee}}
