.balmain-hero{min-height:540px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(5,24,40,.93) 0%,rgba(7,27,45,.83) 45%,rgba(7,27,45,.35) 100%),url("balmain-after.webp") center/cover;color:white}.balmain-hero-content{padding:100px 0 75px;position:relative}.balmain-back{display:inline-block;color:#d4a962;text-decoration:none;font:700 11px Montserrat,sans-serif;letter-spacing:.09em;margin-bottom:32px}.balmain-hero h1{font:900 clamp(36px,5.5vw,73px)/1.08 Montserrat,sans-serif;letter-spacing:-.035em;margin:0 0 20px}.balmain-hero h1 span{color:#d4a962}.balmain-hero-content>p:not(.portfolio-kicker){max-width:530px;color:#e5eaf0;line-height:1.75;margin-bottom:25px}.balmain-section,.balmain-finish{padding-top:75px;padding-bottom:80px}.balmain-section h2,.balmain-progress h2,.balmain-finish h2{font:800 clamp(26px,3.5vw,42px)/1.2 Montserrat,sans-serif;color:#0f2a44;margin:0 0 15px}.balmain-lead{max-width:730px;color:#61707c;line-height:1.8;margin-bottom:32px}.balmain-comparison{--split:50%;width:100%;aspect-ratio:1.48;max-height:720px;position:relative;overflow:hidden;background:#e8e8e8;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.balmain-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.balmain-before-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.balmain-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:3px;background:#fff;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 12px #0005}.balmain-divider span{display:grid;place-items:center;min-width:46px;height:46px;border-radius:50%;background:white;color:#0f2a44;font-size:26px;font-weight:bold;box-shadow:0 3px 14px #0003}.balmain-photo-label{position:absolute;z-index:2;top:22px;padding:10px 15px;background:#0f2a44d9;color:white;font:800 11px Montserrat,sans-serif;letter-spacing:.13em}.balmain-photo-label.before{left:5%}.balmain-photo-label.after{right:5%}.balmain-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.balmain-disclosure{font-size:12px;color:#6d7780;line-height:1.7;margin-top:17px}.balmain-progress{background:#0b2c49;padding:75px 0 90px;color:white}.balmain-progress h2{color:white}.balmain-progress .balmain-lead{color:#d0dbe2}.balmain-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.balmain-progress figure{margin:0;background:#123a59;overflow:hidden;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.balmain-progress figure img{display:block;width:100%;height:310px;object-fit:cover}.balmain-progress figcaption{padding:21px 25px 27px;display:flex;flex-direction:column;gap:7px}.balmain-progress figcaption span{color:#d4a962;font:800 12px Montserrat,sans-serif}.balmain-progress figcaption strong{font:800 17px Montserrat,sans-serif}.balmain-progress figcaption small{color:#cbd6df;line-height:1.7}.balmain-finish-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;margin-top:28px}.balmain-finish-layout>img{width:100%;display:block;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.balmain-finish h3{font:800 23px Montserrat,sans-serif;color:#0f2a44}.balmain-finish-layout p,.balmain-finish-layout li{color:#5d6a74;line-height:1.8;font-size:14px}.balmain-finish-layout ul{padding-left:20px}.balmain-finish-layout li{margin-bottom:7px}.balmain-project-card{display:block;text-decoration:none;background:#f7f8f8;overflow:hidden;color:#0f2a44;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.balmain-card-images{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:240px}.balmain-card-images>div{position:relative;overflow:hidden}.balmain-card-images img{width:100%;height:100%;object-fit:cover}.balmain-card-images span{position:absolute;bottom:10px;left:12px;background:#0f2a44e8;color:white;padding:7px 9px;font:800 10px Montserrat,sans-serif}.balmain-card-copy{padding:24px 27px 30px}.balmain-card-copy>span{font:700 10px Montserrat,sans-serif;color:#b48c51;letter-spacing:.1em}.balmain-card-copy h3{font:800 21px Montserrat,sans-serif;margin:12px 0}.balmain-card-copy p{color:#62717e;font-size:13px;line-height:1.7}.balmain-card-copy strong{font:800 11px Montserrat,sans-serif;color:#ad844d}.portfolio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:680px){.balmain-hero{min-height:470px;background-position:55% center}.balmain-hero-content{padding:90px 20px 55px}.balmain-section,.balmain-finish{padding:52px 18px}.balmain-comparison{aspect-ratio:.9;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.balmain-progress{padding:52px 0}.balmain-progress>.wrap{padding:0 18px}.balmain-progress-grid{grid-template-columns:1fr;gap:18px}.balmain-progress figure img{height:255px}.balmain-finish-layout{grid-template-columns:1fr;gap:20px}.portfolio-cards{grid-template-columns:1fr}.balmain-card-images{height:210px}}

/* Balmain accessible project gallery tabs */
.balmain-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0 28px;border-bottom:1px solid #dce1e4;padding-bottom:12px}.balmain-tabs button{cursor:pointer;border:1px solid #cfd8de;background:#fff;color:#0f2a44;padding:15px 22px;font:800 12px Montserrat,sans-serif;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.balmain-tabs button.active{background:#0f2a44;color:#fff;border-color:#0f2a44}.balmain-tabs button span{font-weight:500;font-size:10px;opacity:.75;margin-left:6px}.balmain-tabs button:focus-visible,.balmain-next-tab:focus-visible{outline:3px solid #d4a962;outline-offset:3px}.balmain-tab-panel[hidden]{display:none!important}.balmain-tab-description{font-size:14px;line-height:1.7;color:#65727e;margin-bottom:20px}.balmain-next-tab{margin-top:22px;border:0;background:#0f2a44;color:white;padding:15px 22px;cursor:pointer;font:700 12px Montserrat,sans-serif}.balmain-tab-panel .balmain-progress-grid figure{background:#0b2c49;color:white}.balmain-tab-panel .balmain-progress-grid figcaption small{color:#d1dae1}.balmain-tab-panel .balmain-progress-grid img{object-position:center}.balmain-comparison .balmain-before-wrap img{max-width:none}@media(max-width:680px){.balmain-tabs{gap:5px}.balmain-tabs button{padding:13px 14px;font-size:11px}.balmain-tabs button span{display:none}}

/* Inline project expansion inside the single Projects page */
.balmain-inline-detail[hidden]{display:none!important}
.balmain-inline-detail{margin-top:35px;border-top:3px solid #d4a962;background:#f8fafb;padding:40px 32px 55px;scroll-margin-top:90px}
.balmain-inline-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.balmain-close{border:1px solid #c8d1d8;background:white;color:#0f2a44;font:700 12px Montserrat,sans-serif;padding:10px 15px;cursor:pointer}
.balmain-project-card{border:0;text-align:left;width:100%;cursor:pointer;font-family:inherit}
.balmain-project-card:focus-visible{outline:3px solid #d4a962;outline-offset:4px}
@media(max-width:680px){.balmain-inline-detail{margin:25px -18px 0;padding:32px 18px 44px}.balmain-inline-head{align-items:flex-start}.balmain-close{flex-shrink:0}}

/* v4: Full-frame comparison and compact 2x2 renovation progress gallery */
.balmain-inline-detail .balmain-comparison{
  width:100%;aspect-ratio:4/3;max-height:none;
  clip-path:none!important;-webkit-clip-path:none!important;
  border-radius:12px;background:#e9e9e9;
}
.balmain-inline-detail .balmain-comparison img{
  object-fit:contain!important;object-position:center!important;
}
.balmain-inline-detail .balmain-progress-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.balmain-inline-detail .balmain-progress-grid figure{
  clip-path:none!important;-webkit-clip-path:none!important;
  border-radius:13px;background:#fff!important;overflow:hidden;
}
.balmain-inline-detail .balmain-progress-grid figure img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
}
.balmain-inline-detail .balmain-progress-grid figcaption{
  padding:12px 12px 16px;gap:4px;color:#0f2a44;
}
.balmain-inline-detail .balmain-progress-grid figcaption strong{
  font-size:clamp(11px,1.4vw,15px);line-height:1.35;color:#0f2a44;
}
.balmain-inline-detail .balmain-progress-grid figcaption small{
  color:#60717d;font-size:11px;line-height:1.45;
}
.balmain-card-images img{object-fit:contain!important;background:#e6e6e6}
@media(max-width:680px){
 .balmain-inline-detail .balmain-comparison{aspect-ratio:4/3;border-radius:8px}
 .balmain-inline-detail .balmain-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .balmain-inline-detail .balmain-progress-grid figcaption{padding:9px 7px 12px}
 .balmain-inline-detail .balmain-progress-grid figcaption strong{font-size:11px}
 .balmain-inline-detail .balmain-progress-grid figcaption small{font-size:10px}
 .balmain-inline-detail .balmain-photo-label{top:9px;padding:6px 8px;font-size:9px}
 .balmain-inline-detail .balmain-divider span{min-width:34px;height:34px;font-size:19px}
}
/* v5: fix compact progress cards: prevent inline caption text and narrow columns */
.balmain-inline-detail .balmain-progress-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px;row-gap:18px;align-items:stretch;justify-items:stretch}
.balmain-inline-detail .balmain-progress-grid>figure{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box;align-self:stretch}
.balmain-inline-detail .balmain-progress-grid>figure>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.balmain-inline-detail .balmain-progress-grid figcaption{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-width:0;overflow-wrap:anywhere}
.balmain-inline-detail .balmain-progress-grid figcaption span,.balmain-inline-detail .balmain-progress-grid figcaption strong,.balmain-inline-detail .balmain-progress-grid figcaption small{display:block!important;width:100%;margin:0;line-height:1.4}
.balmain-inline-detail .balmain-progress-grid figcaption span{color:#b88b50;font:800 11px Montserrat,sans-serif}
.balmain-inline-detail .balmain-progress-grid figcaption strong{font:800 14px/1.35 Montserrat,sans-serif;color:#0f2a44}
.balmain-inline-detail .balmain-progress-grid figcaption small{font:400 12px/1.55 'Open Sans',sans-serif;color:#62717e}
@media(max-width:680px){.balmain-inline-detail .balmain-progress-grid{column-gap:10px;row-gap:14px}.balmain-inline-detail .balmain-progress-grid figcaption{padding:10px!important;gap:5px!important}.balmain-inline-detail .balmain-progress-grid figcaption strong{font-size:12px}.balmain-inline-detail .balmain-progress-grid figcaption small{font-size:10px}}

/* v6: gold angled before/after reveal; full uncropped photographs */
.balmain-inline-detail .balmain-before-wrap{
  clip-path:polygon(0 0,calc(var(--split) - 4%) 0,calc(var(--split) + 4%) 100%,0 100%)!important;
  -webkit-clip-path:polygon(0 0,calc(var(--split) - 4%) 0,calc(var(--split) + 4%) 100%,0 100%)!important;
}
.balmain-inline-detail .balmain-divider{
  left:calc(var(--split) - 4%)!important;width:8%!important;
  transform:none!important;background:transparent!important;
  box-shadow:none!important;overflow:visible;
}
.balmain-inline-detail .balmain-divider::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#b78536,#ffe3a3 45%,#d4a962 75%,#956b2f);
  clip-path:polygon(0 0,4px 0,100% 100%,calc(100% - 4px) 100%);
  -webkit-clip-path:polygon(0 0,4px 0,100% 100%,calc(100% - 4px) 100%);
  filter:drop-shadow(0 0 5px rgba(212,169,98,.65));
}
.balmain-inline-detail .balmain-divider span{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:linear-gradient(135deg,#ffe4aa,#d4a962 65%,#b88b4d)!important;
  border:2px solid #fff1c7;color:#0f2a44!important;
  box-shadow:0 0 0 3px rgba(212,169,98,.3),0 2px 16px rgba(88,57,14,.38)!important;
}

/* v8: Compact framed project viewer; consistent mobile layout */
.balmain-inline-detail{width:min(100%,760px)!important;max-width:760px!important;box-sizing:border-box;margin:24px auto 36px!important;padding:26px!important;background:#fff!important;border:1px solid #e0e3e5!important;border-radius:22px!important;box-shadow:0 8px 30px rgba(15,42,68,.045);overflow:hidden}
.balmain-inline-detail h2{font-size:clamp(21px,3vw,30px)!important;line-height:1.22!important}
.balmain-inline-detail .balmain-lead{font-size:14px;line-height:1.6;margin-bottom:20px}
.balmain-inline-detail .balmain-comparison{aspect-ratio:1.55!important;max-height:490px!important}
.balmain-inline-detail .balmain-progress-grid{gap:12px!important}
.balmain-inline-detail .balmain-progress-grid>figure{border:1px solid #eef0f2;border-radius:14px!important}
.balmain-inline-detail .balmain-progress-grid figcaption{padding:11px 12px 14px!important}
@media(max-width:680px){.balmain-inline-detail{width:100%!important;margin:18px auto 28px!important;padding:15px!important;border-radius:18px!important}.balmain-inline-detail .balmain-comparison{aspect-ratio:1.45!important}.balmain-inline-detail .balmain-progress-grid{gap:9px!important}.balmain-inline-detail .balmain-progress-grid figcaption{padding:8px!important}.balmain-inline-detail .balmain-progress-grid figcaption strong{font-size:11px!important}}

/* v9: Display framed Balmain gallery directly in project listing, no expand card */
.portfolio-cards>.balmain-inline-detail{grid-column:1/-1;justify-self:center;align-self:start}
.balmain-inline-detail{margin:0 auto 24px!important}
.balmain-inline-detail .balmain-inline-head{display:block}
.balmain-inline-detail .balmain-tabs{margin-top:20px}
.balmain-inline-detail .balmain-drag-hint{margin:12px 0 0;font:400 11px/1.6 'Open Sans',sans-serif;color:#7b858e;text-align:center}
@media(max-width:680px){.balmain-inline-detail{margin:0 auto 20px!important}.balmain-inline-detail .balmain-drag-hint{font-size:10px;line-height:1.5;margin-top:9px}}

/* Castle Hill uses the approved Project Layout */

.castlehill-hero{min-height:540px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(5,24,40,.93) 0%,rgba(7,27,45,.83) 45%,rgba(7,27,45,.35) 100%),url("castlehill-after.webp") center/cover;color:white}.castlehill-hero-content{padding:100px 0 75px;position:relative}.castlehill-back{display:inline-block;color:#d4a962;text-decoration:none;font:700 11px Montserrat,sans-serif;letter-spacing:.09em;margin-bottom:32px}.castlehill-hero h1{font:900 clamp(36px,5.5vw,73px)/1.08 Montserrat,sans-serif;letter-spacing:-.035em;margin:0 0 20px}.castlehill-hero h1 span{color:#d4a962}.castlehill-hero-content>p:not(.portfolio-kicker){max-width:530px;color:#e5eaf0;line-height:1.75;margin-bottom:25px}.castlehill-section,.castlehill-finish{padding-top:75px;padding-bottom:80px}.castlehill-section h2,.castlehill-progress h2,.castlehill-finish h2{font:800 clamp(26px,3.5vw,42px)/1.2 Montserrat,sans-serif;color:#0f2a44;margin:0 0 15px}.castlehill-lead{max-width:730px;color:#61707c;line-height:1.8;margin-bottom:32px}.castlehill-comparison{--split:50%;width:100%;aspect-ratio:1.48;max-height:720px;position:relative;overflow:hidden;background:#e8e8e8;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.castlehill-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.castlehill-before-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.castlehill-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:3px;background:#fff;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 12px #0005}.castlehill-divider span{display:grid;place-items:center;min-width:46px;height:46px;border-radius:50%;background:white;color:#0f2a44;font-size:26px;font-weight:bold;box-shadow:0 3px 14px #0003}.castlehill-photo-label{position:absolute;z-index:2;top:22px;padding:10px 15px;background:#0f2a44d9;color:white;font:800 11px Montserrat,sans-serif;letter-spacing:.13em}.castlehill-photo-label.before{left:5%}.castlehill-photo-label.after{right:5%}.castlehill-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.castlehill-disclosure{font-size:12px;color:#6d7780;line-height:1.7;margin-top:17px}.castlehill-progress{background:#0b2c49;padding:75px 0 90px;color:white}.castlehill-progress h2{color:white}.castlehill-progress .castlehill-lead{color:#d0dbe2}.castlehill-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.castlehill-progress figure{margin:0;background:#123a59;overflow:hidden;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.castlehill-progress figure img{display:block;width:100%;height:310px;object-fit:cover}.castlehill-progress figcaption{padding:21px 25px 27px;display:flex;flex-direction:column;gap:7px}.castlehill-progress figcaption span{color:#d4a962;font:800 12px Montserrat,sans-serif}.castlehill-progress figcaption strong{font:800 17px Montserrat,sans-serif}.castlehill-progress figcaption small{color:#cbd6df;line-height:1.7}.castlehill-finish-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;margin-top:28px}.castlehill-finish-layout>img{width:100%;display:block;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.castlehill-finish h3{font:800 23px Montserrat,sans-serif;color:#0f2a44}.castlehill-finish-layout p,.castlehill-finish-layout li{color:#5d6a74;line-height:1.8;font-size:14px}.castlehill-finish-layout ul{padding-left:20px}.castlehill-finish-layout li{margin-bottom:7px}.castlehill-project-card{display:block;text-decoration:none;background:#f7f8f8;overflow:hidden;color:#0f2a44;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.castlehill-card-images{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:240px}.castlehill-card-images>div{position:relative;overflow:hidden}.castlehill-card-images img{width:100%;height:100%;object-fit:cover}.castlehill-card-images span{position:absolute;bottom:10px;left:12px;background:#0f2a44e8;color:white;padding:7px 9px;font:800 10px Montserrat,sans-serif}.castlehill-card-copy{padding:24px 27px 30px}.castlehill-card-copy>span{font:700 10px Montserrat,sans-serif;color:#b48c51;letter-spacing:.1em}.castlehill-card-copy h3{font:800 21px Montserrat,sans-serif;margin:12px 0}.castlehill-card-copy p{color:#62717e;font-size:13px;line-height:1.7}.castlehill-card-copy strong{font:800 11px Montserrat,sans-serif;color:#ad844d}.portfolio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:680px){.castlehill-hero{min-height:470px;background-position:55% center}.castlehill-hero-content{padding:90px 20px 55px}.castlehill-section,.castlehill-finish{padding:52px 18px}.castlehill-comparison{aspect-ratio:.9;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.castlehill-progress{padding:52px 0}.castlehill-progress>.wrap{padding:0 18px}.castlehill-progress-grid{grid-template-columns:1fr;gap:18px}.castlehill-progress figure img{height:255px}.castlehill-finish-layout{grid-template-columns:1fr;gap:20px}.portfolio-cards{grid-template-columns:1fr}.castlehill-card-images{height:210px}}

/* Balmain accessible project gallery tabs */
.castlehill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0 28px;border-bottom:1px solid #dce1e4;padding-bottom:12px}.castlehill-tabs button{cursor:pointer;border:1px solid #cfd8de;background:#fff;color:#0f2a44;padding:15px 22px;font:800 12px Montserrat,sans-serif;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.castlehill-tabs button.active{background:#0f2a44;color:#fff;border-color:#0f2a44}.castlehill-tabs button span{font-weight:500;font-size:10px;opacity:.75;margin-left:6px}.castlehill-tabs button:focus-visible,.castlehill-next-tab:focus-visible{outline:3px solid #d4a962;outline-offset:3px}.castlehill-tab-panel[hidden]{display:none!important}.castlehill-tab-description{font-size:14px;line-height:1.7;color:#65727e;margin-bottom:20px}.castlehill-next-tab{margin-top:22px;border:0;background:#0f2a44;color:white;padding:15px 22px;cursor:pointer;font:700 12px Montserrat,sans-serif}.castlehill-tab-panel .castlehill-progress-grid figure{background:#0b2c49;color:white}.castlehill-tab-panel .castlehill-progress-grid figcaption small{color:#d1dae1}.castlehill-tab-panel .castlehill-progress-grid img{object-position:center}.castlehill-comparison .castlehill-before-wrap img{max-width:none}@media(max-width:680px){.castlehill-tabs{gap:5px}.castlehill-tabs button{padding:13px 14px;font-size:11px}.castlehill-tabs button span{display:none}}

/* Inline project expansion inside the single Projects page */
.castlehill-inline-detail[hidden]{display:none!important}
.castlehill-inline-detail{margin-top:35px;border-top:3px solid #d4a962;background:#f8fafb;padding:40px 32px 55px;scroll-margin-top:90px}
.castlehill-inline-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.castlehill-close{border:1px solid #c8d1d8;background:white;color:#0f2a44;font:700 12px Montserrat,sans-serif;padding:10px 15px;cursor:pointer}
.castlehill-project-card{border:0;text-align:left;width:100%;cursor:pointer;font-family:inherit}
.castlehill-project-card:focus-visible{outline:3px solid #d4a962;outline-offset:4px}
@media(max-width:680px){.castlehill-inline-detail{margin:25px -18px 0;padding:32px 18px 44px}.castlehill-inline-head{align-items:flex-start}.castlehill-close{flex-shrink:0}}

/* v4: Full-frame comparison and compact 2x2 renovation progress gallery */
.castlehill-inline-detail .castlehill-comparison{
  width:100%;aspect-ratio:4/3;max-height:none;
  clip-path:none!important;-webkit-clip-path:none!important;
  border-radius:12px;background:#e9e9e9;
}
.castlehill-inline-detail .castlehill-comparison img{
  object-fit:contain!important;object-position:center!important;
}
.castlehill-inline-detail .castlehill-progress-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.castlehill-inline-detail .castlehill-progress-grid figure{
  clip-path:none!important;-webkit-clip-path:none!important;
  border-radius:13px;background:#fff!important;overflow:hidden;
}
.castlehill-inline-detail .castlehill-progress-grid figure img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
}
.castlehill-inline-detail .castlehill-progress-grid figcaption{
  padding:12px 12px 16px;gap:4px;color:#0f2a44;
}
.castlehill-inline-detail .castlehill-progress-grid figcaption strong{
  font-size:clamp(11px,1.4vw,15px);line-height:1.35;color:#0f2a44;
}
.castlehill-inline-detail .castlehill-progress-grid figcaption small{
  color:#60717d;font-size:11px;line-height:1.45;
}
.castlehill-card-images img{object-fit:contain!important;background:#e6e6e6}
@media(max-width:680px){
 .castlehill-inline-detail .castlehill-comparison{aspect-ratio:4/3;border-radius:8px}
 .castlehill-inline-detail .castlehill-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .castlehill-inline-detail .castlehill-progress-grid figcaption{padding:9px 7px 12px}
 .castlehill-inline-detail .castlehill-progress-grid figcaption strong{font-size:11px}
 .castlehill-inline-detail .castlehill-progress-grid figcaption small{font-size:10px}
 .castlehill-inline-detail .castlehill-photo-label{top:9px;padding:6px 8px;font-size:9px}
 .castlehill-inline-detail .castlehill-divider span{min-width:34px;height:34px;font-size:19px}
}
/* v5: fix compact progress cards: prevent inline caption text and narrow columns */
.castlehill-inline-detail .castlehill-progress-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px;row-gap:18px;align-items:stretch;justify-items:stretch}
.castlehill-inline-detail .castlehill-progress-grid>figure{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box;align-self:stretch}
.castlehill-inline-detail .castlehill-progress-grid>figure>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.castlehill-inline-detail .castlehill-progress-grid figcaption{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-width:0;overflow-wrap:anywhere}
.castlehill-inline-detail .castlehill-progress-grid figcaption span,.castlehill-inline-detail .castlehill-progress-grid figcaption strong,.castlehill-inline-detail .castlehill-progress-grid figcaption small{display:block!important;width:100%;margin:0;line-height:1.4}
.castlehill-inline-detail .castlehill-progress-grid figcaption span{color:#b88b50;font:800 11px Montserrat,sans-serif}
.castlehill-inline-detail .castlehill-progress-grid figcaption strong{font:800 14px/1.35 Montserrat,sans-serif;color:#0f2a44}
.castlehill-inline-detail .castlehill-progress-grid figcaption small{font:400 12px/1.55 'Open Sans',sans-serif;color:#62717e}
@media(max-width:680px){.castlehill-inline-detail .castlehill-progress-grid{column-gap:10px;row-gap:14px}.castlehill-inline-detail .castlehill-progress-grid figcaption{padding:10px!important;gap:5px!important}.castlehill-inline-detail .castlehill-progress-grid figcaption strong{font-size:12px}.castlehill-inline-detail .castlehill-progress-grid figcaption small{font-size:10px}}

/* v6: gold angled before/after reveal; full uncropped photographs */
.castlehill-inline-detail .castlehill-before-wrap{
  clip-path:polygon(0 0,calc(var(--split) - 4%) 0,calc(var(--split) + 4%) 100%,0 100%)!important;
  -webkit-clip-path:polygon(0 0,calc(var(--split) - 4%) 0,calc(var(--split) + 4%) 100%,0 100%)!important;
}
.castlehill-inline-detail .castlehill-divider{
  left:calc(var(--split) - 4%)!important;width:8%!important;
  transform:none!important;background:transparent!important;
  box-shadow:none!important;overflow:visible;
}
.castlehill-inline-detail .castlehill-divider::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#b78536,#ffe3a3 45%,#d4a962 75%,#956b2f);
  clip-path:polygon(0 0,4px 0,100% 100%,calc(100% - 4px) 100%);
  -webkit-clip-path:polygon(0 0,4px 0,100% 100%,calc(100% - 4px) 100%);
  filter:drop-shadow(0 0 5px rgba(212,169,98,.65));
}
.castlehill-inline-detail .castlehill-divider span{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:linear-gradient(135deg,#ffe4aa,#d4a962 65%,#b88b4d)!important;
  border:2px solid #fff1c7;color:#0f2a44!important;
  box-shadow:0 0 0 3px rgba(212,169,98,.3),0 2px 16px rgba(88,57,14,.38)!important;
}

/* v8: Compact framed project viewer; consistent mobile layout */
.castlehill-inline-detail{width:min(100%,760px)!important;max-width:760px!important;box-sizing:border-box;margin:24px auto 36px!important;padding:26px!important;background:#fff!important;border:1px solid #e0e3e5!important;border-radius:22px!important;box-shadow:0 8px 30px rgba(15,42,68,.045);overflow:hidden}
.castlehill-inline-detail h2{font-size:clamp(21px,3vw,30px)!important;line-height:1.22!important}
.castlehill-inline-detail .castlehill-lead{font-size:14px;line-height:1.6;margin-bottom:20px}
.castlehill-inline-detail .castlehill-comparison{aspect-ratio:1.55!important;max-height:490px!important}
.castlehill-inline-detail .castlehill-progress-grid{gap:12px!important}
.castlehill-inline-detail .castlehill-progress-grid>figure{border:1px solid #eef0f2;border-radius:14px!important}
.castlehill-inline-detail .castlehill-progress-grid figcaption{padding:11px 12px 14px!important}
@media(max-width:680px){.castlehill-inline-detail{width:100%!important;margin:18px auto 28px!important;padding:15px!important;border-radius:18px!important}.castlehill-inline-detail .castlehill-comparison{aspect-ratio:1.45!important}.castlehill-inline-detail .castlehill-progress-grid{gap:9px!important}.castlehill-inline-detail .castlehill-progress-grid figcaption{padding:8px!important}.castlehill-inline-detail .castlehill-progress-grid figcaption strong{font-size:11px!important}}

/* v9: Display framed Balmain gallery directly in project listing, no expand card */
.portfolio-cards>.castlehill-inline-detail{grid-column:1/-1;justify-self:center;align-self:start}
.castlehill-inline-detail{margin:0 auto 24px!important}
.castlehill-inline-detail .castlehill-inline-head{display:block}
.castlehill-inline-detail .castlehill-tabs{margin-top:20px}
.castlehill-inline-detail .castlehill-drag-hint{margin:12px 0 0;font:400 11px/1.6 'Open Sans',sans-serif;color:#7b858e;text-align:center}
@media(max-width:680px){.castlehill-inline-detail{margin:0 auto 20px!important}.castlehill-inline-detail .castlehill-drag-hint{font-size:10px;line-height:1.5;margin-top:9px}}

/* Bathroom project: preserve complete photographic frame within compact project card. */
.bathroom-inline-detail .bathroom-comparison{aspect-ratio: 4/5;}
.bathroom-inline-detail .bathroom-comparison img{object-position:center center;}

/* Hillsdale: wider panoramic presentation, preserving the source photographs. */
.bathroom-inline-detail .bathroom-comparison{aspect-ratio:1.38!important;max-height:490px!important;}
.bathroom-inline-detail .bathroom-comparison img{object-fit:cover!important;object-position:center 49%!important;transform:scaleX(1.07);transform-origin:center;}
@media(max-width:680px){.bathroom-inline-detail .bathroom-comparison{aspect-ratio:1.15!important;}}

/* v22 Hillsdale: restore native 3:4 imagery; expand only its card width */
.portfolio-cards>.bathroom-inline-detail{width:min(100%,1020px)!important;max-width:1020px!important;}
.bathroom-inline-detail .bathroom-comparison{aspect-ratio:3/4!important;max-height:none!important;}
.bathroom-inline-detail .bathroom-comparison img{object-fit:contain!important;object-position:center center!important;transform:none!important;}
@media(max-width:680px){.portfolio-cards>.bathroom-inline-detail{width:100%!important;max-width:100%!important}.bathroom-inline-detail .bathroom-comparison{aspect-ratio:3/4!important;max-height:none!important;}}

/* Hillsdale laundry: same generous framed card and original image proportions as bathroom. */
.portfolio-cards>.laundry-inline-detail{width:min(100%,1020px)!important;max-width:1020px!important;}
.laundry-inline-detail .laundry-comparison{aspect-ratio:3/4!important;max-height:none!important;}
.laundry-inline-detail .laundry-comparison img{object-fit:contain!important;object-position:center center!important;transform:none!important;}
@media(max-width:680px){.portfolio-cards>.laundry-inline-detail{width:100%!important;max-width:100%!important}.laundry-inline-detail .laundry-comparison{aspect-ratio:3/4!important;}}

/* Potts Point kitchen: matching portrait before and after photos in one generous card. */
.portfolio-cards>.potts-inline-detail{width:min(100%,1020px)!important;max-width:1020px!important;}
.potts-inline-detail .potts-comparison{aspect-ratio:3/4!important;max-height:none!important;}
.potts-inline-detail .potts-comparison img{object-fit:contain!important;object-position:center center!important;transform:none!important;}
@media(max-width:680px){.portfolio-cards>.potts-inline-detail{width:100%!important;max-width:100%!important}.potts-inline-detail .potts-comparison{aspect-ratio:3/4!important;max-height:none!important;}}

/* Potts Point studio comparison: wide view for the room's panoramic composition. */
.portfolio-cards>.studio-inline-detail{width:min(100%,1020px)!important;max-width:1020px!important;}
.studio-inline-detail .studio-comparison{aspect-ratio: 3/2!important;max-height:none!important;}
.studio-inline-detail .studio-comparison img{object-fit:cover!important;object-position:center center!important;transform:none!important;}
@media(max-width:680px){.portfolio-cards>.studio-inline-detail{width:100%!important;max-width:100%!important}.studio-inline-detail .studio-comparison{aspect-ratio: 4/3!important;}}

/* v36: Hillsdale Laundry — fit the comparison frame to the landscape photographs,
   eliminating letterbox grey space above and below on mobile and desktop. */
.laundry-inline-detail .laundry-comparison{aspect-ratio:4/3!important;max-height:none!important;}
.laundry-inline-detail .laundry-comparison img{object-fit:cover!important;object-position:center center!important;}
@media(max-width:680px){.laundry-inline-detail .laundry-comparison{aspect-ratio:4/3!important;}}

/* Rosebery kitchen: landscape before/after comparison without grey letterboxing. */
.portfolio-cards>.rosebery-inline-detail{width:min(100%,1020px)!important;max-width:1020px!important;}
.rosebery-inline-detail .rosebery-comparison{aspect-ratio:4/3!important;max-height:none!important;}
.rosebery-inline-detail .rosebery-comparison img{object-fit:cover!important;object-position:center center!important;transform:none!important;}
@media(max-width:680px){.rosebery-inline-detail .rosebery-comparison{aspect-ratio:4/3!important;}}