/* Editorial additions use the site's existing type, colour and spacing system. */
.seo-figure{margin:0 0 3.1rem;min-width:0}
.seo-figure img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:var(--paper)}
.seo-figure figcaption{margin-top:.7rem;font-size:.82rem;line-height:1.6;color:var(--stone);overflow-wrap:anywhere}
.seo-figure figcaption a,.seo-project-links a{text-decoration:underline;text-underline-offset:4px;color:var(--brass-deep)}
.seo-project-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:1.2rem 0;min-width:0;font-size:.86rem;line-height:1.6}
.seo-case-planning{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.seo-case-planning h2{font-family:var(--f-serif);font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2;margin-bottom:1rem}
.seo-case-planning p{line-height:1.8;color:var(--stone)}
.seo-trade{border-block:1px solid var(--line);background:var(--paper)}
.seo-trade .split{align-items:start}
.seo-trade h2{max-width:22ch}
.seo-trade p{max-width:64ch;line-height:1.8;color:var(--stone)}
.seo-trade .btn{white-space:normal;text-align:center}
@media(max-width:560px){.seo-figure img{max-height:400px}.seo-project-links{gap:10px 18px}.seo-case-planning{margin-top:1.5rem}.seo-trade .btn{width:100%;justify-content:center}}
#quote-options, #quote-options .iq-tab { scroll-margin-top: 100px; }

/* Real project photographs and descriptive links for service discovery. */
.seo-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:1.5rem 0}
.seo-work-grid figure{margin:0;min-width:0}
.seo-work-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.seo-work-grid a span{display:block;margin-top:.8rem;font-family:var(--f-serif);font-size:1.25rem;line-height:1.3;text-decoration:underline;text-underline-offset:4px}
.seo-work-grid figcaption{margin-top:.5rem;font-size:.86rem;line-height:1.6;color:var(--stone)}
.curved-case-hero{max-width:1000px;margin-inline:auto}
.curved-case-hero img{max-height:none}
.curved-case .case-cols h2:not(:first-child){margin-top:2rem}
.curved-case .case-cols p a{text-decoration:underline;text-underline-offset:3px}
.curved-case-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
@media(max-width:560px){.seo-work-grid{grid-template-columns:minmax(0,1fr)}}