/* The aerial pair keeps its complete frame and fills the larger hero column. */
.hero .hero-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(32px,4vw,64px)}
.hero .hero-media{width:100%;max-width:none;padding:0;align-self:center}
.hero .hero-media .homepage-aerial{width:100%;aspect-ratio:16/9;border-radius:12px}
.comparison.client-comparison{aspect-ratio:var(--photo-ratio,16/9);background:#24282b}
.client-hero-photo{height:auto!important;aspect-ratio:auto!important;object-fit:contain}
.client-results .section-head{max-width:850px}
.client-gallery-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 18px;scrollbar-color:#8dc5a6 #353a3e;overscroll-behavior-x:contain}
.client-gallery-grid:focus-visible{outline:3px solid #a6e4bf;outline-offset:5px}
.client-result{min-width:0;margin:0;scroll-snap-align:start;align-self:start}
.client-gallery-grid .comparison.client-comparison{height:clamp(260px,32vw,440px);aspect-ratio:auto}
.client-result figcaption{display:flex;flex-direction:column;gap:10px;margin-top:16px;line-height:1.5;color:inherit;font-size:.94rem}
.client-result.single-result>img{width:100%;height:clamp(260px,32vw,440px);object-fit:contain;background:#24282b;border-radius:12px;box-shadow:none}
.gallery-controls{display:flex;justify-content:flex-end;gap:12px;margin:0 0 20px}
.gallery-controls[hidden]{display:none}
.gallery-controls button{font:inherit;min-height:48px;padding:10px 18px;border:1px solid #a6e4bf;background:#353a3e;color:#fff;border-radius:8px;cursor:pointer}
.gallery-controls button:hover{background:#24282b}
.gallery-controls button:focus-visible{outline:3px solid #a6e4bf;outline-offset:4px}
.client-results .gallery-hint{font-size:.86rem;color:#fff;margin-top:20px;max-width:80ch}
.client-featured .client-result .client-comparison{aspect-ratio:16/9}
.client-featured .client-result figcaption{justify-content:flex-start}
@media(max-width:980px){.hero .hero-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px}.client-gallery-grid{grid-auto-columns:calc((100% - 20px)/2);gap:20px}}
@media(max-width:700px){.hero .hero-grid{grid-template-columns:1fr;gap:32px}.hero .hero-media{max-width:none;width:100%;padding:0}.hero .hero-media .homepage-aerial{border-radius:10px}.client-gallery-grid{grid-auto-columns:92%;gap:18px}.client-result figcaption{font-size:.88rem}.gallery-controls{justify-content:flex-start}.client-featured .client-result{flex:0 0 90%;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.client-gallery-grid{scroll-behavior:auto}}
@media(forced-colors:active){.gallery-controls button{border:1px solid ButtonText}.client-gallery-grid:focus-visible{outline-color:Highlight}}