/* Aligned column tops and varied image formats; keep the original reading order. */
.project-grid,.house-example-grid{--portfolio-columns:3;--portfolio-gap:40px;display:grid;grid-template-columns:repeat(var(--portfolio-columns),minmax(0,1fr));gap:var(--portfolio-gap) 32px;align-items:start}
.project-grid>*,.house-example-grid>*{min-width:0;margin-top:0}
.project-grid[hidden],.house-example[hidden],.portfolio-inspiration[hidden]{display:none!important}
/* The script places each card below the previous card in its own column. */
.project-grid.is-packed,.house-example-grid.is-packed{grid-auto-rows:1px;row-gap:0}
.project-grid img,.house-example-grid img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.project-grid>:nth-child(3n+2) img,.house-example-grid>:nth-child(3n+2) img{aspect-ratio:1/1}
.project-grid>:nth-child(3n) img,.house-example-grid>:nth-child(3n) img{aspect-ratio:3/2}
.project-grid>:nth-child(6n+4) img,.house-example-grid>:nth-child(6n+4) img{aspect-ratio:1/1}
.project-grid>:nth-child(6n+5) img,.house-example-grid>:nth-child(6n+5) img{aspect-ratio:3/2}
.project-grid>:nth-child(6n+6) img,.house-example-grid>:nth-child(6n+6) img{aspect-ratio:4/3}
.project-grid h3,.house-example-grid h3{font-family:Cardo,Georgia,serif;font-size:clamp(23px,2vw,31px);line-height:1.2;font-weight:400;letter-spacing:0}
.portfolio-inspiration{padding-bottom:90px}
@media(max-width:1000px){.project-grid,.house-example-grid{--portfolio-columns:2;--portfolio-gap:32px;column-gap:24px}}
@media(max-width:600px){.project-grid,.house-example-grid{--portfolio-columns:1;--portfolio-gap:38px}.portfolio-inspiration{padding-bottom:55px}}

.house-example>a{display:block;text-decoration:none;color:inherit;text-align:center}.house-example>a>h3{font-size:22px;margin:20px 0 10px}.house-example>a>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:400px;margin:0 auto 12px}.house-example>a>.house-example-area{font-size:12px}.house-example>a:hover h3{text-decoration:underline;text-underline-offset:5px}.house-example>a:focus-visible{outline:2px solid #746149;outline-offset:7px}

/* BP72 captions follow the supplied reference's small, widely spaced serif type. */
.project-card-centered>a{text-align:center}
.project-card-centered figcaption{padding:34px 8px 0;color:var(--ink)}
html body main .project-card-centered h3{font-family:Cardo,Georgia,serif!important;font-size:19px;line-height:1.45;font-weight:400!important;letter-spacing:.24em;text-wrap:balance;margin:0 0 5px}
.project-card-centered .project-centered-meta{font-family:Cardo,Georgia,serif;font-size:17px;font-style:italic;line-height:1.5;letter-spacing:0;margin:0}
.project-card-centered .project-image-kind{display:block;margin-top:8px;font-size:10px;letter-spacing:.035em;color:var(--muted)}
.project-card-centered .project-card-description{max-width:400px;margin:14px auto 0;font-family:Cardo,Georgia,serif;font-size:17px;line-height:1.6;letter-spacing:0}