/* Approved Representative Transactions refinements — 2026-09-07 */
.briar-gallery .comparison-pair,
.briar-gallery .comparison-triplet{
  display:grid;
  gap:0;
  background:#fff;
}
.briar-gallery .comparison-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.briar-gallery .comparison-triplet{grid-template-columns:repeat(3,minmax(0,1fr))}
.briar-gallery .photo-pane{
  position:relative;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#eef2f6;
}
.briar-gallery .photo-pane + .photo-pane{border-left:1px solid var(--line)}
.briar-gallery .photo-pane > img{
  width:100%;
  height:100%;
  object-fit:cover;
}
/* Existing CIC comparison assets are two-up composites; expose only the approved completed half. */
.briar-gallery .photo-pane.legacy-after > img{
  width:200%;
  max-width:none;
  height:100%;
  object-fit:fill;
  transform:translateX(-50%);
}
/* Crop the legacy backyard composite's embedded camera filenames while preserving both photos. */
.briar-gallery .briar-backyard-crop{
  overflow:hidden;
  aspect-ratio:2/1;
}
.briar-gallery .briar-backyard-crop > img{
  display:block;
  width:100%;
  height:120%;
  object-fit:cover;
  object-position:top;
}
.briar-gallery .bathroom-row{
  grid-column:1/-1;
  max-width:none;
  justify-self:stretch;
}
.briar-gallery .bathroom-row figcaption{text-align:left}

/* Keep the featured Bakersfield completion badge compact and aligned with the copy. */
.featured-story .story-copy > .case-status.completed{
  display:inline-block;
  width:auto;
  margin:4px 0 16px;
  padding:7px 12px;
  line-height:1.1;
}

/* Tyler exterior: true pre-receivership City photo paired with the approved completed exterior. */
.tyler-exterior-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  aspect-ratio:2/1;
  overflow:hidden;
  background:#eef2f6;
}
.tyler-exterior-pair > div{overflow:hidden;position:relative}
.tyler-exterior-pair > div + div{border-left:1px solid var(--line)}
.tyler-exterior-pair img{display:block;width:100%;height:100%;object-fit:cover}
.tyler-exterior-pair .tyler-before img{object-position:center center}
.tyler-exterior-pair .tyler-after img{width:200%;max-width:none;object-fit:fill;transform:translateX(-50%)}

@media(max-width:900px){
  .briar-gallery .bathroom-row{grid-column:auto}
}
@media(max-width:620px){
  .briar-gallery .comparison-pair,
  .briar-gallery .comparison-triplet{grid-template-columns:1fr}
  .briar-gallery .photo-pane + .photo-pane{border-left:0;border-top:1px solid var(--line)}
}


/* Photo-audit mockup layout — approved 2026-09-26 */
.transactions-showcase{padding-top:38px}
.transactions-showcase .intro{display:none}
.photo-strategy{
  margin:0 0 48px;
  padding:0 0 24px;
  border-bottom:1px solid var(--line);
}
.photo-strategy p{max-width:900px;margin:7px 0 0;color:var(--muted)}

.transactions-showcase .transaction-case{
  margin:54px 0 18px;
  padding:0;
  border:0;
  border-top:0;
  box-shadow:none;
  background:transparent;
}
.transactions-showcase .transaction-case:first-of-type{margin-top:0}
.transactions-showcase .case-heading{align-items:center;margin-bottom:8px}
.transactions-showcase .case-heading h2{
  margin:5px 0 0;
  font-size:34px;
  font-weight:400;
}
.transactions-showcase .case-lead{
  max-width:980px;
  margin:0;
  font:15px/1.55 Arial,Helvetica,sans-serif;
  color:var(--navy);
}
.transactions-showcase .case-status{
  padding:7px 11px;
  font-size:10px;
}
.case-media-link{margin:12px 0 0}
.case-media-link a{
  color:var(--navy);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.transactions-showcase .comparison-gallery,
.transactions-showcase .project-gallery{
  gap:18px;
  margin:0 0 56px;
}
.transactions-showcase .comparison-gallery figure,
.transactions-showcase .project-gallery figure{
  box-shadow:none;
  border:1px solid var(--line);
}
.transactions-showcase .comparison-gallery figcaption,
.transactions-showcase .project-gallery figcaption{
  min-height:44px;
  padding:10px 12px;
  background:#fff;
  color:#536171;
  font-size:12px;
}
.transactions-showcase .comparison-gallery img{display:block}

.briar-gallery .briar-exterior-feature{
  grid-column:1/-1;
  max-width:none;
  justify-self:stretch;
}
.briar-gallery .briar-exterior-feature img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.briar-gallery .bathroom-row{
  grid-column:1/-1;
  max-width:none;
}

.bakersfield-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.bakersfield-gallery img{
  height:260px;
  object-fit:cover;
}
.oneonta-gallery figure:last-child{
  grid-column:1/-1;
  max-width:50%;
}

.transactions-showcase .transaction-positioning{
  margin-top:70px;
}

@media(max-width:900px){
  .transactions-showcase .case-heading{display:block}
  .transactions-showcase .case-status{display:inline-block;margin-top:12px}
  .briar-gallery .briar-exterior-feature{grid-column:auto}
  .oneonta-gallery figure:last-child{grid-column:auto;max-width:none}
  .bakersfield-gallery{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .transactions-showcase .case-heading h2{font-size:29px}
  .bakersfield-gallery{grid-template-columns:1fr}
}


/* Match approved photo-audit mockup imagery */
.transactions-hero{
  background-image:linear-gradient(90deg,rgba(3,17,38,.72),rgba(3,17,38,.18)),url(tyler/tyler-exterior-before-city.jpg);
  background-position:center 48%;
}
.tyler-gallery .tyler-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  background:#fff;
}
.tyler-gallery .photo-pane{
  position:relative;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#eef2f6;
}
.tyler-gallery .photo-pane + .photo-pane{border-left:1px solid var(--line)}
.tyler-gallery .photo-pane > img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.tyler-gallery .photo-pane.legacy-after > img{
  width:200%;
  max-width:none;
  height:100%;
  object-fit:fill;
  transform:translateX(-50%);
}
@media(max-width:620px){
  .tyler-gallery .tyler-pair{grid-template-columns:1fr}
  .tyler-gallery .photo-pane + .photo-pane{border-left:0;border-top:1px solid var(--line)}
}


/* Display corrections — 2026-09-27 */
.transactions-hero{
  background-image:linear-gradient(90deg,rgba(3,17,38,.72),rgba(3,17,38,.18)),url(tyler/01-exterior.jpg);
  background-size:200% auto;
  background-position:left center;
  background-repeat:no-repeat;
}

/* Tyler comparison cards: show the full approved image area instead of cropping it. */
.tyler-gallery .photo-pane{
  aspect-ratio:4/3;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.tyler-gallery .photo-pane > img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.tyler-gallery .photo-pane.legacy-after{
  overflow:hidden;
}
.tyler-gallery .photo-pane.legacy-after > img{
  width:200%;
  max-width:none;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:translateX(-50%);
}

/* Briar first row: match the approved mockup with exterior and living-room cards side by side. */
.briar-gallery .briar-exterior-feature{
  grid-column:auto;
  max-width:none;
  justify-self:stretch;
}
.briar-gallery .briar-exterior-feature img{
  display:block;
  width:100%;
  aspect-ratio:2/1;
  height:auto;
  object-fit:cover;
}
.briar-gallery .comparison-pair{
  aspect-ratio:2/1;
}
.briar-gallery .comparison-pair .photo-pane{
  aspect-ratio:auto;
  height:100%;
}
.briar-gallery > figure{
  align-self:start;
}


/* Final mockup alignment */
.tyler-gallery .tyler-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  aspect-ratio:8/3;
  background:#fff;
}
.tyler-gallery .photo-pane{
  position:relative;
  overflow:hidden;
  height:100%;
  aspect-ratio:auto;
  background:#eef2f6;
}
.tyler-gallery .photo-pane + .photo-pane{border-left:1px solid var(--line)}
.tyler-gallery .photo-pane > img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.tyler-gallery .legacy-composite-after > img{
  width:100%;
  max-width:100%;
  height:100%;
  object-fit:cover;
  object-position:right center;
  transform:none;
}
.tyler-gallery .comparison-label{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  padding:5px 8px;
  font:700 9px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  background:var(--navy);
}
.tyler-gallery .comparison-label.after{
  left:auto;
  right:0;
  background:#c99a43;
}
.transactions-showcase .tyler-gallery figcaption{
  min-height:38px;
  padding:9px 10px;
}

/* Briar first row proportions from the approved mockup. */
.briar-gallery{
  align-items:start;
}
.briar-gallery .briar-exterior-feature,
.briar-gallery > figure:nth-child(2){
  align-self:start;
}
.briar-gallery .briar-exterior-feature img,
.briar-gallery > figure:nth-child(2) .comparison-pair{
  aspect-ratio:8/3;
}
.briar-gallery > figure:nth-child(2) .photo-pane{
  height:100%;
  aspect-ratio:auto;
}

/* Hero uses the fire-damaged Tyler exterior, framed more like the mockup. */
.transactions-hero{
  min-height:245px;
  display:flex;
  align-items:center;
  background-image:linear-gradient(90deg,rgba(3,17,38,.68),rgba(3,17,38,.22)),url(tyler/tyler-exterior-before-city.jpg);
  background-size:cover;
  background-position:center 45%;
  background-repeat:no-repeat;
}

@media(max-width:620px){
  .tyler-gallery .tyler-pair{grid-template-columns:1fr;aspect-ratio:auto}
  .tyler-gallery .photo-pane{aspect-ratio:4/3}
}


/* Use a sharp native Tyler asset for the banner until the full-resolution City original is stored in the repo. */
.transactions-hero{
  background-image:linear-gradient(90deg,rgba(3,17,38,.68),rgba(3,17,38,.22)),url(tyler/01-exterior.jpg);
  background-size:cover;
  background-position:left center;
}


/* Tyler gallery rendering fix: no blank/gray image areas. */
.tyler-gallery .tyler-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  height:300px;
  aspect-ratio:auto;
  background:#fff;
}
.tyler-gallery .photo-pane{
  position:relative;
  overflow:hidden;
  height:300px;
  min-height:300px;
  background:#fff;
}
.tyler-gallery .photo-pane > img{
  display:block;
  width:100%;
  height:300px;
  min-height:300px;
  object-fit:cover;
  object-position:center;
}
.tyler-gallery .composite-after{
  height:300px;
  min-height:300px;
  background-repeat:no-repeat;
  background-position:right center;
  background-size:200% 100%;
}
.tyler-gallery .living-after{background-image:url(tyler/02-living-area.jpg)}
.tyler-gallery .bathroom-after{background-image:url(tyler/04-bathroom.jpg)}
.tyler-gallery .interior-after{background-image:url(tyler/03-interior.jpg)}

@media(max-width:620px){
  .tyler-gallery .tyler-pair{grid-template-columns:1fr;height:auto}
  .tyler-gallery .photo-pane,
  .tyler-gallery .photo-pane > img,
  .tyler-gallery .composite-after{
    height:270px;
    min-height:270px;
  }
}


/* Tyler gallery source-image rebuild — 2026-09-27 */
.tyler-gallery .tyler-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  height:auto;
  aspect-ratio:8/3;
  background:#fff;
}
.tyler-gallery .photo-pane{
  position:relative;
  overflow:hidden;
  height:auto;
  min-height:0;
  aspect-ratio:4/3;
  background:#fff;
}
.tyler-gallery .photo-pane + .photo-pane{border-left:1px solid var(--line)}
.tyler-gallery .photo-pane > img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
}
@media(max-width:620px){
  .tyler-gallery .tyler-pair{grid-template-columns:1fr;aspect-ratio:auto;height:auto}
  .tyler-gallery .photo-pane{height:auto;min-height:0;aspect-ratio:4/3}
  .tyler-gallery .photo-pane > img{height:100%;min-height:0}
}


/* Preview: restore approved Representative Transactions hero composition */
.transactions-hero{
  background-image:linear-gradient(90deg,rgba(3,17,38,.78),rgba(3,17,38,.24)),url(rehab-exterior.jpg)!important;
  background-position:center 45%!important;
}


/* Expanded Representative Transactions preview — 2026-10-01 */
.gay-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.gay-gallery .photo-frame{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#eef2f6;
}
.gay-gallery .photo-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.gay-gallery .comparison-label{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  padding:6px 9px;
  font:700 9px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  background:var(--navy);
}
.gay-gallery .comparison-label.progress{background:#66788a}
.gay-gallery .comparison-label.after{
  left:auto;
  right:0;
  background:#c99a43;
}

.institutional-case-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:28px;
  margin:0 0 56px;
  align-items:stretch;
}
.institutional-case-grid figure{
  margin:0;
  border:1px solid var(--line);
  background:#fff;
}
.video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#0b1f3d;
  overflow:hidden;
}
.video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.institutional-case-grid figcaption{
  min-height:44px;
  padding:10px 12px;
  color:#536171;
  font-size:12px;
}
.case-facts{
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.case-facts > div{
  padding:18px 0;
  border-bottom:1px solid var(--line);
}
.case-facts span{
  display:block;
  margin-bottom:5px;
  color:#c99a43;
  font:700 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.case-facts p{
  margin:0;
  color:var(--navy);
  font:14px/1.55 Arial,Helvetica,sans-serif;
}
.case-facts .source-note{
  padding:16px 0 0;
  color:#657486;
  font-size:12px;
}

@media(max-width:900px){
  .institutional-case-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .gay-gallery{grid-template-columns:1fr}
}

.fourth-chronology{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}
.fourth-chronology figure{margin:0;border:1px solid var(--line);background:#fff}
.fourth-chronology>figure>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.fourth-chronology figcaption{padding:12px 14px;color:#536171;font-size:12px;line-height:1.5}
.fourth-chronology figcaption strong{color:var(--navy)}
.fourth-details{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)}
.case-context{padding:28px;border:1px solid var(--line);background:#f5f7f8;align-self:start}
.case-context .context-number{margin:0;color:#c99a43;font:400 54px/1 Georgia,serif}
.case-context .context-label{margin:7px 0 22px;color:var(--navy);font:16px/1.45 Arial,Helvetica,sans-serif}
.case-context .context-note{margin:0;padding-top:18px;border-top:1px solid var(--line);color:#657486;font:12px/1.55 Arial,Helvetica,sans-serif}
@media(max-width:900px){.fourth-chronology{grid-template-columns:1fr}.fourth-details{grid-template-columns:1fr}}

/* 2026-10-01 preview cleanup */
.gay-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}
.gay-gallery .photo-frame{aspect-ratio:4/3}
.gay-gallery .photo-frame img{object-fit:cover}
.fourth-chronology>figure>img{aspect-ratio:16/9;object-fit:cover}
.historic-note{margin:-8px 0 28px;color:#657486;font:12px/1.55 Arial,Helvetica,sans-serif}
.historic-note strong{color:var(--navy)}
/* Briar bottom row: keep kitchen and bathroom side-by-side for better balance */
.briar-gallery .bathroom-row{grid-column:auto;max-width:none;justify-self:stretch}
.briar-gallery > figure:nth-child(3),
.briar-gallery .bathroom-row{align-self:start}
.briar-gallery .bathroom-row .comparison-triplet{aspect-ratio:8/3}
.briar-gallery .bathroom-row .photo-pane{height:100%;aspect-ratio:auto}
@media(max-width:900px){
  .gay-gallery{grid-template-columns:1fr 1fr}
  .briar-gallery .bathroom-row{grid-column:auto}
}
@media(max-width:620px){
  .gay-gallery{grid-template-columns:1fr}
  .briar-gallery .bathroom-row .comparison-triplet{aspect-ratio:auto}
}


/* 2026-10-01 visual cleanup pass 2 */
.gay-gallery .photo-frame{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gay-gallery .photo-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.gay-gallery figure:first-child .photo-frame img{
  filter:brightness(1.65) contrast(1.08);
}

/* Fourth Street: preserve full source frame instead of cropping historical/news images. */
.fourth-chronology figure{
  display:flex;
  flex-direction:column;
}
.fourth-chronology>figure>img{
  width:100%;
  height:270px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#f4f5f6;
}
.fourth-chronology .video-frame{
  height:270px;
  aspect-ratio:auto;
}
.fourth-chronology figcaption{
  flex:1;
}

/* Briar: two uniform columns; kitchen and bathroom align on the same row. */
.briar-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.briar-gallery > figure,
.briar-gallery figure.bathroom-row,
.briar-gallery figure:last-child{
  grid-column:auto;
  max-width:none;
  width:100%;
  justify-self:stretch;
  align-self:stretch;
}
.briar-gallery .briar-exterior-feature img,
.briar-gallery .comparison-pair,
.briar-gallery .comparison-triplet{
  width:100%;
  height:300px;
  aspect-ratio:auto;
}
.briar-gallery .comparison-pair .photo-pane,
.briar-gallery .comparison-triplet .photo-pane{
  height:300px;
  min-height:300px;
  aspect-ratio:auto;
}
.briar-gallery .briar-exterior-feature img{
  object-fit:cover;
}
.briar-gallery figure figcaption{
  min-height:44px;
}
@media(max-width:900px){
  .fourth-chronology>figure>img,
  .fourth-chronology .video-frame{height:auto;aspect-ratio:16/9}
  .briar-gallery{grid-template-columns:1fr}
  .briar-gallery .briar-exterior-feature img,
  .briar-gallery .comparison-pair,
  .briar-gallery .comparison-triplet{height:auto;aspect-ratio:8/3}
  .briar-gallery .comparison-pair .photo-pane,
  .briar-gallery .comparison-triplet .photo-pane{height:auto;min-height:0;aspect-ratio:auto}
}




/* 2026-10-02 controlled source fix */
.fourth-chronology{grid-template-columns:repeat(3,minmax(0,1fr))}
.fourth-chronology>figure>img{width:100%;height:270px;object-fit:contain;object-position:center;background:#fff}
.fourth-chronology .video-frame{height:270px;aspect-ratio:auto}
@media(max-width:900px){
 .fourth-chronology{grid-template-columns:1fr}
 .fourth-chronology>figure>img,.fourth-chronology .video-frame{height:auto;aspect-ratio:16/9}
}


/* 2026-10-02 verified visual pass: Gay comparisons + Fourth historic */
.gay-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.gay-gallery .photo-frame{
  aspect-ratio:4/3;
  height:auto;
  overflow:hidden;
  background:#fff;
}
.gay-gallery .photo-frame img,
.gay-gallery figure:first-child .photo-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
}
.fourth-chronology{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.fourth-chronology>figure>img,
.fourth-chronology .video-frame{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
}
.fourth-chronology>figure>img{
  object-fit:cover;
  object-position:center;
  background:#fff;
}
@media(max-width:900px){
  .gay-gallery{grid-template-columns:1fr 1fr}
  .fourth-chronology{grid-template-columns:1fr}
}
@media(max-width:620px){
  .gay-gallery{grid-template-columns:1fr}
}


/* 2026-10-02 verified visual pass 2 */
.gay-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gay-gallery .photo-frame{aspect-ratio:4/3;height:auto;overflow:hidden;background:#fff}
.gay-gallery .photo-frame img,
.gay-gallery figure:first-child .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.fourth-chronology{grid-template-columns:repeat(3,minmax(0,1fr))}
.fourth-chronology>figure>img,
.fourth-chronology .video-frame{width:100%;height:auto;aspect-ratio:16/9}
.fourth-chronology>figure>img{object-fit:cover;object-position:center;background:#fff}
@media(max-width:900px){.gay-gallery{grid-template-columns:1fr 1fr}.fourth-chronology{grid-template-columns:1fr}}
@media(max-width:620px){.gay-gallery{grid-template-columns:1fr}}

/* Keep the original living-area condition readable without altering the exterior comparison. */
.gay-gallery figure:nth-child(3) .photo-frame img{filter:brightness(1.38) contrast(1.05)}

/* 2026-10-02 stable reset after live-render QA */
.gay-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.gay-gallery .photo-frame{aspect-ratio:4/3;height:auto;overflow:hidden;background:#fff}
.gay-gallery .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#fff}
.gay-gallery figure:first-child .photo-frame img{filter:brightness(1.35) contrast(1.04)}
.gay-gallery figure:nth-child(2) .photo-frame img{filter:none}
.fourth-chronology{grid-template-columns:repeat(3,minmax(0,1fr))}
.fourth-chronology>figure>img,.fourth-chronology .video-frame{width:100%;height:auto;aspect-ratio:16/9}
.fourth-chronology>figure>img{object-fit:cover;object-position:center;background:#fff}
@media(max-width:900px){.gay-gallery{grid-template-columns:1fr 1fr}.fourth-chronology{grid-template-columns:1fr}}
@media(max-width:620px){.gay-gallery{grid-template-columns:1fr}}

/* 2026-10-02 QA-verified image layout */
.gay-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gay-gallery .photo-frame{aspect-ratio:4/3;height:auto;overflow:hidden;background:#fff}
.gay-gallery .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.gay-gallery figure:nth-child(3) .photo-frame img{filter:brightness(1.35) contrast(1.04)}
.fourth-chronology{grid-template-columns:repeat(3,minmax(0,1fr))}
.fourth-chronology>figure>img,.fourth-chronology .video-frame{display:block;width:100%;height:auto;aspect-ratio:16/9}
.fourth-chronology>figure>img{object-fit:cover;object-position:center;background:#fff}
@media(max-width:900px){.gay-gallery{grid-template-columns:1fr 1fr}.fourth-chronology{grid-template-columns:1fr}}
@media(max-width:620px){.gay-gallery{grid-template-columns:1fr}}

/* 2026-10-02 cleanup pass: Gay Street + Briar bathroom */
.gay-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gay-gallery .photo-frame{aspect-ratio:4/3;height:auto;overflow:hidden;background:#fff}
.gay-gallery .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.gay-gallery figure:first-child .photo-frame img{filter:brightness(1.35) contrast(1.04)}
.briar-gallery .bathroom-row .comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:0}
.briar-gallery .bathroom-row .photo-pane{height:310px}
.briar-gallery .bathroom-row .photo-pane img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){
  .gay-gallery{grid-template-columns:1fr}
  .briar-gallery .bathroom-row .comparison-pair{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .briar-gallery .bathroom-row .comparison-pair{grid-template-columns:1fr}
  .briar-gallery .bathroom-row .photo-pane{height:auto;aspect-ratio:4/3}
}

/* 2026-10-02 targeted QA pass: Gay exterior + Briar bathroom */
.gay-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gay-gallery .photo-frame{aspect-ratio:4/3;height:auto;overflow:hidden;background:#fff}
.gay-gallery .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.gay-gallery figure:nth-child(3) .photo-frame img{filter:brightness(1.35) contrast(1.04)}
.briar-gallery .bathroom-row .comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.briar-gallery .bathroom-row .photo-pane{height:310px;background:#f4f5f6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.briar-gallery .bathroom-row .photo-pane img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:900px){.gay-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .gay-gallery{grid-template-columns:1fr}
  .briar-gallery .bathroom-row .comparison-pair{grid-template-columns:1fr}
  .briar-gallery .bathroom-row .photo-pane{height:auto;aspect-ratio:4/3}
}

/* Screenshot correction: Briar bathroom completed image */
.briar-gallery .bathroom-row .comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.briar-gallery .bathroom-row .photo-pane{height:310px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.briar-gallery .bathroom-row .photo-pane img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.briar-gallery .bathroom-row .photo-pane.legacy-after img{object-fit:contain;transform:scale(1.85);transform-origin:center}
@media(max-width:620px){
 .briar-gallery .bathroom-row .comparison-pair{grid-template-columns:1fr}
 .briar-gallery .bathroom-row .photo-pane{height:auto;aspect-ratio:4/3}
}

/* 2026-10-02 screenshot correction: crop Briar bathroom composite to completed panel */
.briar-gallery .bathroom-row .photo-pane.legacy-after img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:100% 50%;
  transform:none;
}

/* FINAL Gay Street + Briar bathroom cleanup */
.gay-gallery-final{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gay-gallery-final .photo-frame{aspect-ratio:4/3;height:auto;overflow:hidden;background:#fff}
.gay-gallery-final .photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.briar-gallery .bathroom-composite{display:block;width:100%;grid-column:1 / -1}
.briar-gallery .bathroom-composite>img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
@media(max-width:620px){.gay-gallery-final{grid-template-columns:1fr}}