/* Added photographs follow the site's filled frames and overlay labels. */
.population-picture { display:block; width:100%; min-width:0; background:var(--bone); }
.population-img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; object-position:center; }
.population-caption { position:static; display:block; margin:0; padding:.85rem 1rem; background:var(--paper); color:var(--ink); font:400 .86rem/1.5 var(--sans,sans-serif); letter-spacing:0; text-transform:none; white-space:normal; overflow-wrap:anywhere; }
.population-label { display:block; margin-bottom:.25rem; color:var(--brand-blue-deep); font-weight:700; font-size:.75rem; letter-spacing:.025em; }
.population-caption-text { display:block; }
.population-picture[data-population-asset="limewash-bathroom-editorial-retouched-v1.png"] { --photo-position:50% 85%; }
.population-picture[data-population-asset="custom-blue-stain-oak-builtins-editorial-retouched-v1.png"] { --photo-position:50% 60%; }
.population-examples .example-group-note { margin:1rem 0 1.5rem; padding:.9rem 1rem; border-left:3px solid var(--brand-blue-deep); background:var(--bone); color:var(--ink); font-size:.9rem; line-height:1.6; }
.population-tile { height:auto; min-width:0; overflow:visible; align-self:start; background:var(--paper); }
.population-tile > .population-picture { position:relative; inset:auto; height:auto; aspect-ratio:4/3; }
.population-tile > .population-picture img { position:static; height:100%; object-fit:contain; }
.population-tile > .population-caption { border:1px solid var(--line); border-top:0; }
.work-tile.population-tile { position:relative; overflow:hidden; align-self:stretch; }
.work-tile.population-tile > .population-picture { aspect-ratio:4/5; }
.work-tile.population-tile > .population-picture img { object-fit:cover; object-position:var(--photo-position,center); }
.work-tile.population-tile > .population-caption,
.hero-slide > .population-caption {
 position:absolute; inset:auto 0 0; z-index:4; margin:0; padding:2rem .9rem .8rem;
 border:0; background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);
 color:#fff; font:700 .75rem/1.5 var(--sans); letter-spacing:.1em; text-transform:uppercase;
}
.work-tile.population-tile .population-label,
.hero-slide > .population-caption .population-label { color:inherit; font:inherit; letter-spacing:inherit; }
.population-examples .population-example-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; align-items:start; gap:1.2rem; }
.population-examples .population-example-grid > :is(.case-hero,.case-tile) { grid-column:auto; grid-row:auto; height:auto; min-height:0; overflow:visible; background:var(--paper); }
.population-examples .population-example-grid picture { position:relative; inset:auto; display:block; width:100%; height:auto; aspect-ratio:4/3; }
.population-examples .population-example-grid picture img { position:static; display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:contain; }
.population-examples :is(.bpf-label,.case-label) { z-index:2; max-width:calc(100% - 1.5rem); line-height:1.45; text-transform:none; white-space:normal; }

.hero-carousel.population-carousel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(1.5rem,4vw,4rem); row-gap:1rem; align-items:center; min-height:0; padding:3.5rem max(2rem,calc((100vw - 1216px)/2)); }
.hero-carousel.population-carousel .hero-overlay { display:none; }
.hero-carousel.population-carousel .hero-content,
.hero-carousel.population-carousel.single .hero-content { grid-column:1; grid-row:1; width:auto; max-width:none; min-height:0; margin:0; padding:0; }
.hero-carousel.population-carousel .hero-slides { position:relative; inset:auto; grid-column:2; grid-row:1; display:grid; width:100%; height:auto; min-height:0; margin:0; }
.hero-carousel.population-carousel .hero-slide { position:relative; inset:auto; grid-area:1/1; min-width:0; margin:0; align-self:start; overflow:hidden; }
.hero-carousel.population-carousel .hero-slide picture,
.hero-carousel.population-carousel.single .hero-slide picture { position:relative; inset:auto; display:block; width:100%; height:auto; min-height:0; aspect-ratio:4/3; background:var(--bone); }
.hero-carousel.population-carousel .hero-slide picture img { position:static; display:block; width:100%; height:100%; object-fit:cover; object-position:var(--photo-position,center); }
.hero-carousel.population-carousel .hero-slide .population-portrait { max-width:360px; aspect-ratio:4/5; margin-inline:auto; }
.hero-carousel.population-carousel .reviewed-hero-caption,
.hero-carousel.population-carousel.single .reviewed-hero-caption { position:absolute; inset:auto 0 0; height:auto; min-height:0; margin:0; padding:2rem .9rem .8rem; color:#fff; background:linear-gradient(0deg,rgba(0,0,0,.75),transparent); font:700 .75rem/1.5 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.hero-carousel.population-carousel .hero-nav { position:static; grid-column:2; grid-row:2; justify-self:center; width:auto; margin:0; padding:.4rem; transform:none; }
.hero-carousel.population-carousel .hero-arrow { position:static; grid-column:2; grid-row:2; width:36px; height:36px; margin:0; transform:none; opacity:1; }
.hero-carousel.population-carousel .hero-prev { justify-self:start; }
.hero-carousel.population-carousel .hero-next { justify-self:end; }
.hero-carousel.population-carousel.single .hero-nav,
.hero-carousel.population-carousel.single .hero-arrow { display:none; }

.population-home-card.ph { position:relative; display:block; height:auto; margin:0; aspect-ratio:4/3; overflow:hidden; }
.population-home-card.ph > picture { position:absolute; inset:0; display:block; width:100%; height:100%; }
.population-home-card.ph > picture img { position:static; width:100%; height:100%; object-fit:cover; object-position:var(--photo-position,center); }
.population-home-card.ph > .population-caption { display:none; }
.population-founder { width:100%; max-width:360px; margin:0 auto; }
.population-founder > picture { width:100%; height:auto; aspect-ratio:4/5; }
.population-founder img { width:100%; height:100%; object-fit:contain; }

@media(max-width:900px) {
 .hero-carousel.population-carousel { grid-template-columns:minmax(0,1fr); padding:2.5rem 20px; gap:1.5rem; }
 .hero-carousel.population-carousel .hero-content,
 .hero-carousel.population-carousel.single .hero-content { grid-column:1; grid-row:1; width:100%; }
 .hero-carousel.population-carousel .hero-slides { grid-column:1; grid-row:2; width:100%; min-height:0; }
 .hero-carousel.population-carousel .hero-nav,
 .hero-carousel.population-carousel .hero-arrow { grid-column:1; grid-row:3; }
}
@media(max-width:768px) {
 .population-examples .population-example-grid,
 .population-examples .bpf-grid { grid-template-columns:minmax(0,1fr); }
 .population-caption { padding:.8rem .9rem; }
}