.gallery{padding-top:var(--s4)}.gallery-intro{max-width:56ch;margin:0 0 var(--s3)}.chips{display:flex;flex-wrap:wrap;gap:var(--s1);margin:0 0 var(--s3)}.chips[hidden]{display:flex;visibility:hidden}.chip{min-height:44px;min-width:44px;padding:0 var(--s2);border:3px solid var(--g-forest);border-radius:999px;background:transparent;color:var(--g-forest);font:800 var(--t-0)/1 var(--g-font-head);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.chip:hover{background:var(--g-white)}.chip[aria-pressed=true]{background:var(--g-forest);color:var(--g-cream)}.gallery-grid{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:var(--s3) var(--s2)}.gi{min-width:0}.gi[hidden]{display:none}.gi figure{margin:0}.gi-open{display:block;color:inherit}.gi picture,.gi img{display:block;width:100%;height:auto}.gi img{border:3px solid var(--g-forest);border-radius:10px;background:var(--g-cream)}.gi a.gi-open img{aspect-ratio:3/4;object-fit:cover}a.gi-open:has(img):hover img{border-color:var(--g-navy)}.gi figcaption{font-size:var(--t-s);margin-top:var(--s1);line-height:1.35}.cap-note{display:block;margin-top:2px;font-size:var(--t-s);font-weight:600}figcaption a.gi-open{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--g-forest)}.gi-compare{grid-column:span 2}.gi-compare .compare,.gi-compare .compare.ar-43{width:100%;margin:0}.gi-compare .compare-stage{box-shadow:none}@media (scripting:none){.gi-compare{grid-column:span 2}}.chip-n{font-weight:600}.gi-media{position:relative;width:100%;aspect-ratio:3/4;border:3px solid var(--g-forest);border-radius:10px;overflow:hidden;background:var(--g-navy)}.gi-media video,.gi-media .gi-poster,.gi-media .gi-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}.gi-media video{background:var(--g-navy)}.gi-media .gi-poster[hidden]{display:none}.gi-pp{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:3px solid var(--g-navy);border-radius:50%;background:var(--g-lime);color:var(--g-navy);cursor:pointer;box-shadow:3px 4px 0 var(--g-navy)}.gi-pp[hidden]{display:none}.gi-pp:hover{filter:brightness(1.08)}.gi-pp:focus-visible{outline:4px solid var(--g-gold);outline-offset:3px;box-shadow:0 0 0 3px var(--g-navy)}.gi-pp .ico-pause,.gi-pp.is-playing .ico-play{display:none}.gi-pp.is-playing .ico-pause{display:block}.gallery-call{margin:var(--s4) 0 0}.work-more{margin:var(--s4) 0 0}html.lb-open{overflow:hidden}dialog.lb{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#10202A;color:var(--g-cream);overflow:hidden}dialog.lb[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);align-items:center}dialog.lb::backdrop{background:rgba(16,32,42,.92)}.lb-close,.lb-prev,.lb-next{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:44px;min-height:44px;padding:0;border:3px solid var(--g-cream);border-radius:50%;background:var(--g-navy);color:var(--g-cream);cursor:pointer}.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:var(--g-forest)}dialog.lb :focus-visible{outline:3px solid var(--g-lime);outline-offset:3px;box-shadow:none}.lb-close{grid-column:2;grid-row:1;margin:var(--s1) var(--s1) 0 0;justify-self:end}.lb-count{grid-column:1;grid-row:1;margin:var(--s1) 0 0 var(--s2);font:800 var(--t-1)/1 var(--g-font-head);letter-spacing:.06em;text-transform:uppercase}.lb-fig{grid-column:1/-1;grid-row:2;margin:0;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);padding:var(--s1) var(--s2) var(--s2);touch-action:pan-y}.lb-media{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.lb-media img,.lb-media video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;background:var(--g-navy)}.lb-media picture{display:flex;max-width:100%;max-height:100%;min-height:0}.lb-cap{flex:none;max-width:60ch;text-align:center;font-size:var(--t-0);line-height:1.35;min-height:2.7em}.lb-prev,.lb-next{position:absolute;top:50%;translate:0 -50%;z-index:2;opacity:.92}.lb-prev{left:var(--s1)}.lb-next{right:var(--s1)}@media (min-width:700px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}.gi-compare.ar-43 .compare{--ar:3/2}}@media (min-width:700px){.gallery-grid.feat2 .gi[data-id=driveway-video],.gallery-grid.feat2 .gi[data-id=job01-before-2]{grid-column:span 2;grid-row:span 2}}@media (min-width:700px){.gallery-grid.feat1 .gi[data-id=job01-before-2]{grid-column:span 2;grid-row:span 2}}@media (max-width:699px){.gallery-grid.feat1 .gi[data-id=garage-workbenches]{grid-column:span 2}}@media (min-width:700px){.lb-fig{padding:var(--s2) 80px var(--s3)}.lb-prev{left:var(--s2)}.lb-next{right:var(--s2)}}.lb-media{container-type:size}.lb-media .compare{width:min(100cqw,calc(100cqh * var(--arn)));max-width:none;margin:0;aspect-ratio:var(--ar)}.lb-media .compare-stage{height:100%;aspect-ratio:auto;box-shadow:none}.lb-media .compare-img{position:absolute;inset:0;display:block;max-width:none;max-height:none}.lb-media .compare-img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0}
