/* Natural-aspect project photography. No fixed-height letterbox cells. */
.photo-collection{padding:48px 0;border-bottom:1px solid var(--line)}
.photo-collection-head{margin:0 0 28px;max-width:760px}
.photo-collection-head h2{margin:10px 0 12px}
.photo-collection-head p:last-child{margin:0;color:var(--copy);font-size:17px;line-height:1.6}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.photo-card{margin:0;min-width:0;overflow:hidden;background:var(--ink-soft);border:1px solid var(--line)}
.photo-card>img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
.photo-card figcaption{position:static;margin:0;padding:18px 20px;background:none;color:#d3d6d8;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
.photo-card figcaption strong{display:block;margin:0 0 7px;color:var(--white);font:700 18px/1.3 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.photo-card figcaption a{display:inline-block;margin-top:10px;color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.photo-masonry{columns:3;column-gap:24px}
.photo-masonry .photo-card{break-inside:avoid;margin:0 0 24px}
.photo-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.photo-details>.photo-card:not(.photo-meter){display:grid;grid-template-columns:220px minmax(0,1fr);padding:16px;align-items:start}
.photo-details>.photo-card:not(.photo-meter)>img{width:220px;height:220px}
.photo-details>.photo-card:not(.photo-meter) figcaption{padding:4px 0 4px 20px}
.photo-meter{display:grid;grid-template-columns:188px minmax(0,1fr);align-items:start;gap:0;padding:16px}
.photo-meter>img{width:188px;height:189px;max-width:100%;object-fit:contain}
.photo-meter figcaption{padding:4px 0 4px 20px}
.remodel-page .remodel-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;min-height:0;align-items:center;padding-top:40px;padding-bottom:40px}
.remodel-page .remodel-hero-copy{padding:24px 0}
.remodel-page .remodel-hero-media{width:min(100%,420px);height:auto;min-height:0;margin:0;justify-self:end;background:var(--ink-soft);border:1px solid var(--line)}
.remodel-page .remodel-hero-media img[src*="project-island"]{position:static;inset:auto;width:100%;height:auto;max-height:none;object-fit:contain}
.remodel-page .remodel-hero-tag{position:static;inset:auto;max-width:none;margin:0;padding:16px 20px;background:none;color:var(--copy);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;border:0}
@media(max-width:1000px){
 .photo-masonry{columns:2}
 .photo-details{grid-template-columns:1fr;max-width:660px}
}
@media(max-width:900px){
 .remodel-page .remodel-hero-grid{grid-template-columns:1fr;gap:24px}
 .remodel-page .remodel-hero-media{justify-self:start}
}
@media(max-width:700px){
 .photo-collection{padding:34px 0}
 .photo-grid,.photo-details{grid-template-columns:1fr;gap:24px}
 .photo-masonry{columns:1}
 .photo-card figcaption{padding:16px 18px}
 .photo-details>.photo-card:not(.photo-meter),.photo-meter{display:block}
 .photo-details>.photo-card:not(.photo-meter)>img{width:100%;height:auto}
 .photo-details>.photo-card:not(.photo-meter) figcaption{padding:16px 0 0}
 .photo-meter figcaption{padding:16px 0 0}
 .photo-collection-head{margin-bottom:22px}
 .remodel-page .remodel-hero-grid{display:grid;padding-top:24px;padding-bottom:34px}
 .remodel-page .remodel-hero-copy{padding:12px 0}
 .remodel-page .remodel-hero-tag{padding:14px 16px}
}