/* Real installation examples supplied and identified by Jarrod, 11 October 2026. */
.job-story{scroll-margin-top:140px}
.job-story + .job-story{margin-top:56px;padding-top:48px;border-top:1px solid var(--hair)}
.job-story h2{font-size:clamp(25px,3vw,38px);line-height:1.15;margin:0 0 14px}
.job-story > p{max-width:760px;color:var(--steel);margin:0 0 24px}
.job-kicker{display:block;color:var(--accent);font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin-bottom:12px}
.job-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.job-photo{margin:0;min-width:0;border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.job-photo a{display:block}
.job-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#141a1d}
.job-photo figcaption{display:grid;gap:5px;padding:16px 18px;border-top:1px solid var(--hair);font-size:14px;line-height:1.5;color:var(--steel)}
.job-photo figcaption strong{color:var(--text);font-size:15px}
.job-story .job-actions{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.job-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.job-feature h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0 0 20px}
.job-feature p{color:var(--steel);margin:0 0 20px}
.job-feature .job-actions{display:flex;flex-wrap:wrap;gap:12px}
.job-feature .job-text-link{display:inline-block;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.workshop-split .job-secondary-link{display:block;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.job-feature,.job-comparison{grid-template-columns:1fr;gap:24px}.job-photo--portrait img{aspect-ratio:3/4}.job-story + .job-story{margin-top:40px;padding-top:36px}.job-feature h2{font-size:32px}}

/* Full original framing; no captions beneath the images. */
.job-photo img,.job-photo--portrait img{height:auto;aspect-ratio:auto;object-fit:contain}
.job-comparison--mixed{grid-template-columns:16fr 9fr;align-items:center}
@media(max-width:760px){.job-comparison--mixed{grid-template-columns:1fr}}

/* Six hero slides retain usable 44px controls on narrow screens. */
.home-hero--six .home-hero-controls{max-width:calc(100% - 28px);flex-wrap:wrap;justify-content:center}
@media(max-width:480px){
  .home-hero--six{padding-bottom:120px}
  .home-hero--six .home-hero-controls{width:calc(100% - 28px)}
  .home-hero--six .home-hero-toggle{flex-basis:100%;margin-right:0}
}

/* Unboxed slideshow controls fade back until needed. */
.home-hero-controls{background:transparent;border:0;opacity:.58;transition:opacity .2s ease}
.home-hero-controls:hover,.home-hero-controls:focus-within{opacity:1}
.home-hero-controls button{text-shadow:0 1px 5px #000,0 0 12px #0008}
.home-hero-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-radius:3px}
@media(hover:none){.home-hero-controls{opacity:.9}}
@media(prefers-reduced-motion:reduce){.home-hero-controls{transition:none}}