/* Approved image integration — homepage only. Existing design and typography retained. */
.home-projects .home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.home-projects .project-media{aspect-ratio:3/4;background:var(--warm)}
.home-projects .project img{object-fit:contain;object-position:center top}
.home-projects .project h3{min-height:2.7em}
.home-projects .comparison-open{background:none;color:var(--ink);border:0;border-bottom:1px solid currentColor;margin-top:12px;padding-inline:0;text-align:left}
#projects-title{scroll-margin-top:calc(var(--header-size) + 24px)}
.comparison-dialog{width:min(780px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.comparison-dialog::backdrop{background:#111910b8}
.comparison-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);padding:20px 26px;border-bottom:1px solid var(--line)}
.comparison-head h2{font-size:24px;line-height:1.3;letter-spacing:-.03em}
.comparison-close{background:var(--paper);border:1px solid var(--ink);padding:9px 12px;min-height:44px;flex-shrink:0;font-size:15px}
.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px}
.comparison-images figure{margin:0;text-align:center}
.comparison-images img{width:100%;max-width:300px;height:auto;margin-inline:auto}
.comparison-images figcaption{margin-top:10px;font-size:17px;font-weight:650}
/* Owner section: portrait + description above a full-width four-step process. */
.craft-grid{grid-template-columns:minmax(0,1fr);gap:44px}
.owner-panel{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(40px,5vw,64px);align-items:center;width:100%;max-width:1120px;margin-inline:auto}
.owner-portrait{margin:0;width:100%;max-width:360px}
.craft .owner>p:not(.eyebrow){max-width:610px}
.craft .owner-name{border-top:0;padding-top:0;margin-top:24px}
.owner-portrait img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
.craft .process{align-self:start;width:100%;background:transparent;border-top:1px solid #4b5447;padding:30px 0 0}
.craft .process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:24px}
.craft .process li{display:grid;grid-template-columns:1fr;gap:12px;align-content:start;padding:18px 0 0;border-top:0}
.craft .process h4{min-height:1.45em}
.craft .process li p{max-width:none}
.home-projects .project[data-project-id="sbl-7"] .project-media{width:calc(100% * 2 / 3);aspect-ratio:1/2;background:transparent;margin-inline:auto}
.home-projects .project[data-project-id="sbl-7"] h3{width:calc(100% * 2 / 3);margin-inline:auto}
.last-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:64px}
.last-actions{justify-self:start;width:max-content;max-width:100%}
@media(max-width:1180px){
 .last-grid{gap:36px}
}
@media(max-width:1100px){
 .craft .process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
}
@media(max-width:1000px){
 .owner-panel{grid-template-columns:minmax(0,1fr);gap:28px}
 .owner-portrait{width:min(320px,100%)}
}
@media(max-width:800px){
 .last-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:28px}
}
@media(max-width:700px){
 .owner-portrait{justify-self:center}
}
@media(max-width:600px){
 .home-projects .home-project-grid{grid-template-columns:1fr;gap:32px}
 .home-projects .project h3{min-height:0}
 .home-projects .project-media{max-width:360px;margin-inline:auto}
 .home-projects .project{width:100%}
 .comparison-head{padding:15px 18px;gap:12px;align-items:flex-start}
 .comparison-head h2{font-size:21px}
 .comparison-close{padding:8px 10px}
 .comparison-images{grid-template-columns:1fr;gap:24px;padding:20px}
 .craft-grid{gap:32px}
 .craft .process{padding-top:26px}
 .craft .process ol{grid-template-columns:minmax(0,1fr);gap:0;margin-top:20px}
 .craft .process li{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:18px 0}
 .craft .process h4{min-height:0}
 .home-projects .project[data-project-id="sbl-7"] .project-media{width:min(240px,100%);max-width:240px}
 .home-projects .project[data-project-id="sbl-7"] h3{width:min(240px,100%)}
 .last-grid{display:block}
 .last-actions{width:auto;margin-top:26px;justify-self:start}
}