/* Maida Vale owner-review layout. Shared PEP brand files are unchanged. */
.hcu{--hcu-green:#061711;--hcu-soft:#102b21;background:var(--paper);color:var(--text);line-height:1.75}
.hcu-container{width:min(calc(100% - 7rem),1280px);margin-inline:auto}
.hcu h1,.hcu h2,.hcu h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.hcu h2{font-size:clamp(2.2rem,3.5vw,3.65rem);line-height:1.09}
.hcu p{margin:0 0 1.1rem}.hcu p:last-child{margin-bottom:0}
.hcu p a{color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a67a56}
.hcu p a:hover{color:var(--copper)}
.hcu section[id]{scroll-margin-top:96px}
.hcu .eyebrow{font-size:.65rem;line-height:1.65;letter-spacing:.15em;text-transform:uppercase}
.hcu-skip{position:absolute;top:-5rem;left:1rem;z-index:1100;background:white;color:#061711;padding:1rem}.hcu-skip:focus{top:1rem}
.hcu-hero{background:var(--hcu-green);color:white}
.hcu-hero-stage{position:relative;isolation:isolate;width:100%}
.hcu-hero-visual,.hcu-visual{position:relative;aspect-ratio:1672/941;width:100%}
.hcu-hero-visual>img,.hcu-visual>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hcu-hero-shade,.hcu-shade{position:absolute;inset:0;pointer-events:none}
.hcu-hero-content{padding:2.4rem max(1.5rem,4%)}
.hcu-hero-content>.eyebrow{color:#e0c2a5;margin-bottom:1rem}
.hcu h1{font-size:clamp(2.2rem,4.3vw,4.5rem);line-height:1.04;color:white;margin:0 0 1.5rem;text-wrap:balance;max-width:760px}
.hcu-hero-copy{max-width:850px;font-size:1rem;line-height:1.65;color:#eef1ea}
.hcu-hero-copy>p:first-child{font-family:var(--serif);font-size:1.23em;line-height:1.4;color:#ead7bf}
.hcu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem}
.hcu .button{font-size:.67rem;letter-spacing:.06em;min-height:3.4rem;padding:1rem 1.2rem;white-space:normal}
.hcu .button span{font-size:1.15rem}.hcu-phone{font-size:.86rem;font-weight:700;white-space:nowrap}.hcu-phone span{margin-left:.4rem}
.hcu .cu-assurance{background:var(--cream);padding:1.8rem max(3.5rem,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}
.hcu .cu-assurance-scheme{display:flex;align-items:center;gap:1.4rem;font-size:.72rem}
.hcu .cu-assurance-scheme img{width:111px;height:24px;object-fit:contain}
.hcu .cu-assurance p{border-left:1px solid var(--line);padding-left:2rem;font-size:.72rem;line-height:1.6;margin:0}
.hcu-chapters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--line);font-size:.74rem;font-weight:600}
.hcu-chapters>span{font-size:.57rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hcu-chapters a:hover{color:var(--copper)}
.hcu-story,.hcu-editorial,.hcu-cost,.hcu-faq{padding-block:clamp(3.5rem,6vw,6rem)}
.hcu-cream{background:var(--cream)}
.hcu-frame{position:relative;margin:0;background:var(--hcu-green);color:white}
.hcu-overlay{padding:2rem 1.5rem}
.hcu-overlay h2{color:white;font-size:2rem;margin-bottom:1.2rem;line-height:1.1}
.hcu-overlay p{color:#edf0eb;font-size:.97rem;line-height:1.65}
.hcu-index{display:block;font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;color:#e0c2a5;margin-bottom:1.1rem}
.hcu-two-col,.hcu-details{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.hcu-two-col>*{min-width:0}.hcu-two-col>div:first-child>p:not(.eyebrow){font-family:var(--serif);font-size:1.35rem;line-height:1.55;color:var(--ink)}
.hcu-prose,.hcu-details{color:var(--muted);font-size:.98rem}.hcu-details{padding-top:2.5rem}
.hcu .plain-list{margin-top:1rem}.hcu .plain-list li{font-size:.93rem;padding-block:.8rem}
.hcu-cost-notes{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2rem;color:var(--muted);font-size:.95rem}
.hcu-cost-notes>p:last-child{border-left:2px solid var(--copper);padding-left:1.2rem;color:var(--ink)}
.hcu-protection{padding-block:clamp(3.5rem,6vw,6rem);background:var(--hcu-soft);color:#dce6dd}
.hcu-protection h2{color:white;max-width:850px}.hcu-protection .eyebrow{color:#dfbfa0}
.hcu-protection>.hcu-container>p:not(.eyebrow){max-width:860px}
.hcu-protection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;border-top:1px solid #ffffff30;padding-top:2rem;margin-top:2rem}
.hcu-protection-grid article{border-right:1px solid #ffffff30;padding-right:2rem}.hcu-protection-grid article:last-child{border:0;padding-right:0}
.hcu-protection-grid article>span{display:block;color:#dfbfa0;font-size:.72rem;margin-bottom:1.2rem}
.hcu-protection-grid strong{display:block;color:white;font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.2;margin-bottom:1rem}
.hcu-protection-grid p{font-size:.95rem;line-height:1.8}
.hcu-protection-note{margin-top:2rem;border-top:1px solid #ffffff30;padding-top:1.5rem;font-size:.91rem;max-width:960px}
#circuit-protection,#testing{background:var(--cream)}
.hcu-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}
.hcu .faq-list summary{font-size:1.12rem}.hcu .faq-list details p{font-size:.95rem}
.hcu-enquiry{padding-block:clamp(4rem,7vw,7rem);background:var(--hcu-green);color:#edf0eb}
.hcu-enquiry h2{color:white;font-size:clamp(2.6rem,4.2vw,4.4rem)}.hcu-enquiry .eyebrow{color:#dfbfa0}
.hcu a:focus-visible,.hcu summary:focus-visible{outline:3px solid #bc835d;outline-offset:5px}
@media(min-width:1100px){
 .hcu-hero-stage{aspect-ratio:1672/941;display:grid;grid-template-columns:min(38%,1180px);align-content:center;padding:2.5% 4%}
 .hcu-hero-visual{position:absolute;inset:0;height:100%;z-index:-1}
 .hcu-hero-shade{background:linear-gradient(90deg,rgba(6,23,17,.96),rgba(6,23,17,.85) 26%,rgba(6,23,17,.35) 40%,transparent 47%)}
 .hcu-hero-content{padding:0;max-width:none}
 .hcu h1{font-size:clamp(2.4rem,3.65vw,6.7rem);margin-bottom:1.3rem}
 .hcu-hero-copy{font-size:clamp(.875rem,1.02vw,1.5rem);line-height:1.55}
 .hcu-hero-copy>p{margin-bottom:.85rem}
 .hcu-hero-content>.eyebrow{font-size:clamp(.61rem,.65vw,.9rem)}
 .hcu-overlay{position:absolute;left:4%;bottom:8%;width:35%;padding:0}
 .hcu-overlay h2{font-size:clamp(1.9rem,2.65vw,2.85rem);line-height:1.08}
 .hcu-overlay p{font-size:clamp(.89rem,1.02vw,1.02rem);line-height:1.65}
 .hcu-shade{background:linear-gradient(90deg,rgba(6,23,17,.95),rgba(6,23,17,.83) 27%,rgba(6,23,17,.25) 43%,transparent 51%)}
 .hcu-frame--right .hcu-overlay{left:auto;right:4%;width:31%}
 .hcu-frame--right .hcu-shade{background:linear-gradient(270deg,rgba(6,23,17,.97),rgba(6,23,17,.87) 25%,rgba(6,23,17,.1) 38%,transparent 43%)}
 #mansion-flats .hcu-overlay{width:36%}
 #mansion-flats .hcu-overlay h2{font-size:clamp(1.9rem,2.4vw,2.6rem)}
}
@media(min-width:1100px) and (max-width:1279px){
 .hcu-hero-stage{padding-block:1.5rem}.hcu h1{font-size:2.5rem;margin-bottom:1rem}
 .hcu-hero-copy{font-size:.875rem;line-height:1.5}.hcu-hero-copy>p{margin-bottom:.7rem}
 .hcu-hero-content>.eyebrow{margin-bottom:.75rem}
 .hcu-hero-copy .hcu-actions{gap:.85rem;margin-top:1rem}
 .hcu-hero-copy .button{font-size:.61rem;min-height:3rem;padding:.8rem .9rem}
 .hcu-hero-copy .hcu-phone{font-size:.77rem}
 .hcu-overlay p{font-size:.89rem;line-height:1.6}
}
@media(max-width:1099px){
 .hcu-container{width:calc(100% - 3.5rem)}
 .hcu-shade,.hcu-hero-shade{display:none}
 .hcu .cu-assurance{padding-inline:1.75rem;gap:1rem}.hcu .cu-assurance p{padding-left:1rem}
 .hcu .cu-assurance-scheme{gap:1rem}.hcu-faq-grid{gap:2.5rem}
}
@media(max-width:760px){
 .hcu-two-col,.hcu-details,.hcu-cost-notes,.hcu-faq-grid{grid-template-columns:1fr;gap:1.6rem}
 .hcu-hero-content{padding:2rem 1.75rem}.hcu h1{font-size:clamp(2.05rem,6vw,3.2rem)}
 .hcu h2{font-size:2.15rem}.hcu-overlay h2{font-size:1.95rem}
 .hcu-two-col>div:first-child>p:not(.eyebrow){font-size:1.25rem}
 .hcu-protection-grid{grid-template-columns:1fr;gap:1.5rem}.hcu-protection-grid article{border-right:0;border-bottom:1px solid #ffffff30;padding:0 0 1.5rem}
 .hcu-protection-grid article:last-child{padding-bottom:0}.hcu-protection-grid strong{font-size:1.8rem}
 .hcu .cu-assurance{flex-wrap:wrap}.hcu .cu-assurance-scheme{width:100%}.hcu .cu-assurance p{border:0;padding-left:0}
 .hcu-chapters{justify-content:flex-start;gap:.8rem 1.3rem;padding-inline:1.75rem}.hcu-chapters>span{flex-basis:100%}
 .hcu-details{padding-top:1.7rem}.hcu .faq-list summary{font-size:1.08rem}
}
@media(max-width:480px){
 .hcu-container{width:calc(100% - 2rem)}.hcu-hero-content{padding:1.8rem 1rem 2rem}
 .hcu-hero-copy{font-size:.95rem}.hcu-actions{gap:1.1rem}.hcu-phone{font-size:.8rem}
 .hcu .button{font-size:.64rem;min-height:3.25rem;padding:.9rem 1rem}
 .hcu .cu-assurance{padding:1.5rem 1rem;gap:1.25rem}.hcu .cu-assurance p{font-size:.68rem}
 .hcu-chapters{padding-inline:1rem;font-size:.7rem}.hcu-overlay{padding:1.5rem 1.25rem}.hcu-overlay h2{font-size:1.85rem}
 .hcu-enquiry h2{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Maida Vale: retain the full image and leave the equipment / worker clear. */
.hcu .button--green{background:#285a43;border-color:#285a43;color:#fff}
.hcu .button--green:hover{background:#347454;border-color:#347454}
.hcu-protection .hcu-two-col>div:first-child{max-width:650px}
@media(min-width:1100px){
 .hcu-hero-stage{grid-template-columns:40%}
 .hcu-hero-shade{background:linear-gradient(90deg,rgba(6,23,17,.93),rgba(6,23,17,.80) 30%,rgba(6,23,17,.20) 46%,transparent 55%)}
 .hcu-overlay{width:39%;bottom:8%}
 .hcu-overlay h2{font-size:clamp(1.85rem,2.4vw,2.6rem)}
 #mansion-flats .hcu-overlay,#testing .hcu-overlay{width:33%}
 #mansion-flats .hcu-overlay h2,#testing .hcu-overlay h2{font-size:clamp(1.7rem,2.25vw,2.4rem)}
 #mansion-flats .hcu-shade,#testing .hcu-shade{background:linear-gradient(90deg,rgba(6,23,17,.97),rgba(6,23,17,.82) 29%,rgba(6,23,17,.16) 38%,transparent 41%)}
}