diff --git a/src/styles/global.css b/src/styles/global.css index 4156334..f2b410b 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -419,6 +419,23 @@ p { padding: 3.5rem 0; } +/* Detail pages (services/focus): no hero photo — single column, with an optional icon accent. */ +.page-hero--compact { + grid-template-columns: 1fr; + max-width: 820px; +} + +/* More specific than `.page-hero img` so the 64px icon isn't stretched to full width. */ +.page-hero .hero-icon { + width: 64px; + height: 64px; + aspect-ratio: auto; + object-fit: contain; + border-radius: 0; + box-shadow: none; + margin-bottom: 1.25rem; +} + .detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px;