/* One consistent image grid, with the rest of the collection on demand. */
.garage-gallery .section-intro{align-items:end;margin-bottom:38px}
.garage-gallery .section-intro>p{max-width:350px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:110px}
.portfolio-grid>.garage-photo{aspect-ratio:4/3;border-radius:6px;box-shadow:none;outline:none;width:100%;min-width:0}
.portfolio-grid>.garage-photo img{object-position:50% 45%;transform:none;filter:none}
.portfolio-grid>.garage-photo:hover img{transform:scale(1.035)}
.portfolio-grid>[data-photo="6"] img{object-position:50% 50%}
.portfolio-grid>[data-photo="7"] img{object-position:50% 49%}
.portfolio-grid>[data-photo="8"] img{object-position:50% 43%}
.portfolio-grid>[data-photo="0"] img{object-position:50% 62%}
.portfolio-grid>[data-photo="1"] img{object-position:50% 53%}
.portfolio-grid>[data-photo="2"] img{object-position:50% 41%}
.portfolio-grid>[data-photo="3"] img{object-position:50% 51%}
.portfolio-grid>[data-photo="4"] img{object-position:50% 43%}
.portfolio-grid>[data-photo="5"] img{object-position:50% 47%}
.portfolio-grid>.garage-photo:hover{box-shadow:none}
.portfolio-grid>.garage-photo:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.portfolio-grid .photo-expand{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;background:#f7fff6ed;backdrop-filter:none}
.portfolio-grid .garage-photo:hover .photo-expand,.portfolio-grid .garage-photo:focus-visible .photo-expand{opacity:1;transform:none}
.portfolio-grid .garage-video img{filter:brightness(.88);object-position:50% 48%}
.portfolio-grid .video-play{width:54px;height:54px;background:#effbf4ed;border:1px solid #ffffff7a;color:#103d3b;box-shadow:0 4px 20px #092a2b28}
.portfolio-grid .video-play svg{width:22px;height:22px}
.portfolio-grid .garage-video:hover .video-play{background:var(--turquoise);box-shadow:0 4px 20px #092a2b28}
.portfolio-extra{margin-top:24px}
.portfolio-extra[hidden],.portfolio-more[hidden]{display:none}
.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}
.portfolio-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:0}
.portfolio-note .small-line{width:20px;background:#92b8ab}
.portfolio-more{display:flex;align-items:center;gap:22px;border:0;padding:10px 0 10px 16px;background:none;color:var(--teal);font:700 12px var(--body);cursor:pointer;min-height:44px}
.portfolio-more svg{width:20px;height:20px;transform:rotate(90deg);transition:transform .25s}
.portfolio-more[aria-expanded=true] svg{transform:rotate(-90deg)}
.portfolio-more:hover{color:var(--ink)}
.assurance-stats dd .stat-value{font:inherit;letter-spacing:inherit;vertical-align:baseline;margin:0;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.portfolio-grid{gap:20px}.portfolio-extra{margin-top:20px}}
@media(max-width:800px){
 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .portfolio-extra{margin-top:18px}
}
@media(max-width:560px){
 .garage-gallery .section-intro{margin-bottom:28px}
 .garage-gallery .section-intro>p{max-width:330px}
 .portfolio-grid{gap:12px;scroll-margin-top:92px}
 .portfolio-grid>.garage-photo{aspect-ratio:1/1;border-radius:5px}
 .portfolio-extra{margin-top:12px}
 .portfolio-grid .video-play{width:44px;height:44px}
 .portfolio-grid .video-play svg{width:18px;height:18px}
 .portfolio-footer{margin-top:22px;padding-top:14px;gap:12px}
 .portfolio-note{gap:7px;font-size:10px}
 .portfolio-note .small-line{display:none}
 .portfolio-more{font-size:11px;gap:12px;padding-left:4px}
}
@media(prefers-reduced-motion:reduce){
 .portfolio-grid .photo-expand,.portfolio-more svg{transition:none}
 .portfolio-grid>.garage-photo:hover img{transform:none}
}