/* Isolated owner-review page. Canonical shared PEP header/footer assets are unchanged. */
.ccu{--ccu-green:#061711;--ccu-soft:#102b21;background:var(--paper);color:var(--text);line-height:1.75}
.ccu-container{width:min(calc(100% - 7rem),1280px);margin-inline:auto}
.ccu h1,.ccu h2,.ccu h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.ccu h2{font-size:clamp(2.3rem,3.6vw,3.7rem);line-height:1.08}
.ccu h3{font-size:1.8rem;line-height:1.2}
.ccu p{margin:0 0 1.1rem}
.ccu p:last-child{margin-bottom:0}
.ccu p a{color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a67a56}
.ccu p a:hover{color:var(--copper)}
.ccu section[id]{scroll-margin-top:110px}
.ccu .eyebrow{font-size:.65rem;line-height:1.65;letter-spacing:.15em}
.ccu-skip{position:absolute;top:-5rem;left:1rem;z-index:1000;background:#fff;padding:1rem}
.ccu-skip:focus{top:1rem}
.ccu-hero{position:relative;background:var(--ccu-green);color:#fff}
.ccu-hero-visual,.ccu-visual{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden}
.ccu-hero-visual>img,.ccu-visual>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.ccu-hero-shade,.ccu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,14,.94),rgba(4,21,14,.77) 32%,rgba(4,21,14,.16) 56%,transparent 72%);pointer-events:none}
.ccu-hero-heading{position:absolute;top:9%;left:0;right:0}
.ccu-hero-heading .eyebrow{max-width:43%;color:#e2c9af;font-size:.67rem;margin-bottom:1.25rem}
.ccu h1{max-width:43%;color:#fff;font-size:clamp(3.5rem,5vw,5.9rem);line-height:1.02;margin:0;text-wrap:balance}
.ccu-hero-support{position:absolute;top:44%;left:0;right:0}
.ccu-hero-copy{max-width:43%;font-size:clamp(.94rem,1.07vw,1.12rem);line-height:1.65;color:#edf0eb}
.ccu-hero-copy>p{margin-bottom:1rem}
.ccu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.5rem;margin-top:1.65rem}
.ccu .button{font-size:.67rem;letter-spacing:.07em;min-height:3.4rem;padding:1rem 1.2rem}
.ccu .button span{font-size:1.25rem}
.ccu-phone{color:inherit;font-size:.84rem;font-weight:700;white-space:nowrap}
.ccu-phone span{margin-left:.55rem}
.ccu .ccu-hero-note{font-size:.65rem;color:#c5d1c8;border-top:1px solid #ffffff40;padding-top:1.1rem;margin-top:1.6rem;margin-bottom:0}
.ccu .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)}
.ccu .cu-assurance-scheme{display:flex;align-items:center;gap:1.4rem;font-size:.72rem}
.ccu .cu-assurance-scheme img{width:111px;height:24px;object-fit:contain}
.ccu .cu-assurance p{border-left:1px solid var(--line);padding-left:2rem;font-size:.72rem;line-height:1.6;margin:0}
.ccu-chapters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2.2rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--line);font-size:.74rem;font-weight:600}
.ccu-chapters>span{font-size:.57rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.ccu-chapters a:hover{color:var(--copper)}
.ccu-story,.ccu-editorial,.ccu-cost,.ccu-process,.ccu-faq{padding-block:clamp(3.75rem,6vw,6rem)}
.ccu-cream{background:var(--cream)}
.ccu-frame{position:relative;margin:0;background:var(--ccu-green);color:#fff}
.ccu-overlay{position:absolute;left:4%;bottom:8%;width:39%;color:#fff}
.ccu-index{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#e0c2a5;margin-bottom:1.2rem}
.ccu-overlay h2{font-size:clamp(2rem,3.1vw,3.25rem);line-height:1.07;color:#fff;margin-bottom:1.2rem}
.ccu-overlay p{font-size:clamp(.91rem,1.07vw,1.04rem);line-height:1.65;color:#edf0eb}
.ccu-mobile-label{display:none}
.ccu-details,.ccu-two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.ccu-details{padding-top:2.7rem;color:var(--muted)}
.ccu-details p,.ccu-prose p{font-size:.97rem}
.ccu-two-col>*,.ccu-details>*{min-width:0}
.ccu-two-col>div:first-child>p:not(.eyebrow){font-family:var(--serif);font-size:1.4rem;line-height:1.55;color:var(--ink)}
.ccu-prose{color:var(--muted)}
.ccu .plain-list{margin-top:1rem}
.ccu .plain-list li{font-size:.9rem;padding-block:.8rem}
.ccu-cost-notes{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 6rem;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2.3rem;color:var(--muted);font-size:.95rem}
.ccu-cost-notes>p:last-child{grid-column:1/-1;border-left:2px solid var(--copper);padding-left:1.2rem;color:var(--ink)}
.ccu-protection{background:var(--ccu-soft);color:#e7ede7;padding-block:clamp(3.75rem,6vw,6rem)}
.ccu-protection h2,.ccu-protection h3{color:#fff}
.ccu-protection .eyebrow{color:#dcbda0}
.ccu-protection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #ffffff35}
.ccu-protection-grid article{border-right:1px solid #ffffff35;padding-right:2.5rem}
.ccu-protection-grid article:last-child{border-right:0;padding-right:0}
.ccu-protection-grid article>span{display:block;color:#dcbda0;font-size:.74rem;margin-bottom:1.1rem}
.ccu-protection-grid p{font-size:.94rem;line-height:1.8;color:#d8e1d8}
.ccu-protection-note{font-size:.86rem;color:#d8e1d8;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid #ffffff35;max-width:1000px}
.ccu-process h2{max-width:760px;margin-bottom:2.6rem}
.ccu-process-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.ccu-process-grid li{padding:1.8rem 1.3rem 1rem 0;margin-right:1.5rem;border-right:1px solid var(--line)}
.ccu-process-grid li:last-child{border:0;margin-right:0;padding-right:0}
.ccu-process-grid span{display:block;color:var(--copper);font-size:.75rem;margin-bottom:2rem}
.ccu-process-grid h3{font-size:1.45rem}
.ccu-process-grid p{font-size:.88rem;color:var(--muted)}
.ccu-process-note{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.ccu .faq-section__grid{grid-template-columns:.75fr 1.25fr;gap:5rem}
.ccu .faq-list summary{font-size:1.15rem}
.ccu .faq-list details p{font-size:.94rem}
.ccu-enquiry{background:var(--ccu-green);color:#edf0eb;padding-block:clamp(4.25rem,7vw,7rem)}
.ccu-enquiry h2{color:#fff;font-size:clamp(2.8rem,4.2vw,4.5rem)}
.ccu-enquiry .eyebrow{color:#dcbda0}
.ccu-enquiry .ccu-actions{margin-top:2rem}
@media(min-width:1800px){.ccu-hero-heading{top:8.5%}.ccu-hero-support{top:44%}.ccu h1{font-size:5rem;max-width:600px}.ccu-hero-copy{max-width:540px}}
@media(max-width:1399px){.ccu-hero-heading{top:15%}.ccu h1{font-size:clamp(2.8rem,5vw,4.6rem)}.ccu-hero-support{position:relative;top:auto;padding-block:2.4rem}.ccu-hero-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:.65rem 3rem;font-size:1rem}.ccu-hero-copy>p{margin:0}.ccu-actions{margin:0;grid-column:2;grid-row:2;align-self:center}.ccu .ccu-hero-note{margin:0;grid-column:1/-1;grid-row:4;padding-top:1rem}.ccu-hero-copy>p:nth-child(3){grid-column:1;grid-row:2}.ccu-overlay{width:40%}.ccu-overlay h2{font-size:clamp(1.8rem,3vw,2.8rem)}.ccu-overlay p{font-size:.9rem;line-height:1.55}}
@media(max-width:1000px){.ccu-container{width:calc(100% - 3.5rem)}.ccu .cu-assurance{padding-inline:1.75rem;gap:1rem}.ccu .cu-assurance-scheme{gap:1rem}.ccu .cu-assurance p{padding-left:1rem}.ccu-hero-copy{display:block}.ccu-hero-copy>p{margin-bottom:1rem}.ccu-hero-copy .ccu-actions{margin-top:1.5rem}.ccu .ccu-hero-note{margin-top:1.5rem}.ccu-hero-heading .eyebrow{font-size:.53rem;margin-bottom:.75rem}.ccu h1{font-size:4.9vw;max-width:43%}.ccu-overlay{bottom:7%;width:40%;left:4%}.ccu-overlay h2{font-size:3.25vw;margin-bottom:.8rem}.ccu-overlay p{font-size:.8rem;line-height:1.5}.ccu-index{font-size:.49rem;margin-bottom:.75rem}.ccu-process-grid{grid-template-columns:repeat(3,1fr)}.ccu-process-grid li:nth-child(3){border:0}.ccu-process-grid li{border-bottom:1px solid var(--line)}.ccu-protection-grid{gap:1.5rem}.ccu-protection-grid article{padding-right:1.5rem}.ccu .faq-section__grid{gap:2.5rem}.ccu .faq-list summary{font-size:1.08rem;grid-template-columns:2rem 1fr}.ccu .faq-list details p{margin-left:2rem}}
@media(max-width:760px){.ccu-details,.ccu-two-col,.ccu-cost-notes,.ccu .faq-section__grid{grid-template-columns:1fr;gap:1.6rem}.ccu-details{padding-top:1.8rem}.ccu-two-col>div:first-child>p:not(.eyebrow){font-size:1.25rem}.ccu-protection-grid{grid-template-columns:1fr;gap:1.5rem}.ccu-protection-grid article{border-right:0;border-bottom:1px solid #ffffff30;padding-bottom:1.5rem;padding-right:0}.ccu-protection-grid article:last-child{border-bottom:0;padding-bottom:0}.ccu-protection-grid article>span{float:left;margin:.4rem 1rem 0 0}.ccu-process-grid{grid-template-columns:1fr 1fr}.ccu-process-grid li:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ccu-process-grid li:nth-child(even){border-right:0}.ccu .faq-section__intro{position:static}.ccu .cu-assurance{flex-wrap:wrap}.ccu .cu-assurance-scheme{width:100%}.ccu .cu-assurance p{border:0;padding-left:0}.ccu-chapters{justify-content:flex-start;gap:.8rem 1.3rem;padding-inline:1.75rem}.ccu-chapters>span{flex-basis:100%}.ccu-overlay{position:static;width:auto;padding:1.7rem 1.5rem}.ccu-overlay h2{font-size:1.9rem}.ccu-overlay p{font-size:.94rem;line-height:1.7}.ccu-overlay .ccu-index{display:none}.ccu-mobile-label{display:block;position:absolute;left:4%;bottom:12%;width:38%;color:#fff}.ccu-mobile-label span{display:block;font-size:clamp(.4rem,1vw,.6rem);letter-spacing:.1em;text-transform:uppercase;color:#e0c2a5;margin-bottom:.6rem}.ccu-mobile-label strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.15rem,4.2vw,2rem);line-height:1.12;letter-spacing:-.025em}.ccu-shade{background:linear-gradient(90deg,rgba(4,21,14,.9),rgba(4,21,14,.66) 32%,transparent 66%)}.ccu-cost-notes>p:last-child{grid-column:auto}.ccu h2{font-size:2.25rem}}
@media(max-width:480px){.ccu-container{width:calc(100% - 2rem)}.ccu-hero-heading{top:10%}.ccu h1{font-size:6.35vw;max-width:44%;line-height:1.04;letter-spacing:-.035em}.ccu-hero-heading .eyebrow{max-width:44%;font-size:.4rem;line-height:1.45;margin-bottom:.6rem;letter-spacing:.09em}.ccu-hero-support{padding:1.7rem 0 2rem}.ccu-hero-copy{font-size:.94rem}.ccu .button{font-size:.64rem;min-height:3.25rem;padding:.9rem 1rem}.ccu-actions{gap:1.1rem}.ccu-phone{font-size:.8rem}.ccu .cu-assurance{padding:1.6rem 1rem;gap:1.3rem}.ccu .cu-assurance p{font-size:.66rem}.ccu .cu-assurance-scheme{font-size:.68rem}.ccu-chapters{padding:1.2rem 1rem;font-size:.69rem}.ccu-story,.ccu-editorial,.ccu-cost,.ccu-process,.ccu-faq{padding-block:3.4rem}.ccu h2{font-size:2.1rem}.ccu-overlay{padding:1.5rem 1.25rem}.ccu-overlay h2{font-size:1.8rem}.ccu-mobile-label strong{font-size:5.1vw}.ccu-mobile-label span{font-size:.4rem;margin-bottom:.45rem}.ccu-process-grid{grid-template-columns:1fr}.ccu-process-grid li,.ccu-process-grid li:nth-child(3){margin:0;border-right:0;padding:1.45rem 0;display:grid;grid-template-columns:2rem 1fr;gap:.3rem .6rem}.ccu-process-grid span{grid-row:1/3;margin:.15rem 0 0}.ccu-process-grid h3{margin:0 0 .4rem}.ccu-process-grid p{grid-column:2}.ccu .faq-list summary{padding-block:1.3rem;font-size:1.06rem}.ccu-enquiry h2{font-size:2.5rem}.ccu-enquiry .ccu-actions{margin-top:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Chelsea image-specific composition. Full source proportions retained. */
.ccu-hero-quick{width:32%;margin-top:2rem}
.ccu-hero-quick .ccu-actions{display:flex;margin:0;gap:1.25rem}
.ccu-hero-quick .button{max-width:100%;white-space:normal}
@media(max-width:1000px){.ccu-hero-quick{display:none}}
.ccu-hero-heading{top:15%;width:92%;max-width:none}
.ccu-hero-heading .eyebrow{max-width:32%}
.ccu h1{max-width:32%;font-size:clamp(3rem,4.5vw,5.6rem);line-height:1.04}
.ccu-hero-shade{background:linear-gradient(90deg,rgba(4,21,14,.94),rgba(4,21,14,.8) 23%,rgba(4,21,14,.32) 37%,transparent 58%)}
.ccu-hero-support{position:relative;top:auto;padding-block:2.6rem}
.ccu-hero-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 4rem;font-size:1rem;line-height:1.75}
.ccu-hero-copy>p{margin:0}
.ccu-hero-copy>p:nth-child(1){grid-column:1;grid-row:1}
.ccu-hero-copy>p:nth-child(2){grid-column:2;grid-row:1}
.ccu-hero-copy>p:nth-child(3){grid-column:1;grid-row:2}
.ccu-hero-copy .ccu-actions{grid-column:2;grid-row:2;align-self:center;margin:0}
.ccu .ccu-hero-note{grid-column:1/-1;grid-row:3;margin:0;padding-top:1.2rem}
.ccu-overlay{left:4%;bottom:8%;width:27%}
.ccu-overlay h2{font-size:clamp(1.8rem,3vw,3rem)}
.ccu-shade{background:linear-gradient(90deg,rgba(4,21,14,.94),rgba(4,21,14,.83) 22%,rgba(4,21,14,.18) 43%,transparent 64%)}
.ccu-frame--right .ccu-overlay{left:auto;right:4%;width:29%}
.ccu-frame--right .ccu-shade{background:linear-gradient(270deg,rgba(4,21,14,.94),rgba(4,21,14,.85) 21%,rgba(4,21,14,.15) 42%,transparent 65%)}
#testing .ccu-overlay{width:31%}
#handover .ccu-overlay{width:33%}
.ccu-scope{padding-block:clamp(3.75rem,6vw,6rem)}
.ccu-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.7rem;margin-top:2.7rem;padding-top:2rem;border-top:1px solid var(--line)}
.ccu-scope-grid article{padding-right:1.6rem;border-right:1px solid var(--line)}
.ccu-scope-grid article:last-child{border:0;padding-right:0}
.ccu-scope-grid article>span{display:block;color:var(--copper);font-size:.73rem;margin-bottom:1.3rem}
.ccu-scope-grid h3{font-size:1.85rem}
.ccu-scope-grid p{font-size:.95rem;color:var(--muted)}
.ccu-scope-note{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem;max-width:960px;color:var(--muted);font-size:.95rem}
.ccu-cost-notes{display:block}
.ccu-frame--right .ccu-mobile-label{left:auto;right:4%;width:29%}
#assessment .ccu-mobile-label{width:27%}
#testing .ccu-mobile-label{width:31%}
#handover .ccu-mobile-label{width:33%}
.ccu a:focus-visible,.ccu summary:focus-visible{outline:3px solid #bc835d;outline-offset:5px}
@media(max-width:1000px){
 .ccu h1{font-size:4.8vw}
 .ccu-hero-heading .eyebrow{font-size:.52rem}
 .ccu-hero-copy{display:block}
 .ccu-hero-copy>p{margin-bottom:1.1rem}
 .ccu-hero-copy .ccu-actions{margin-top:1.6rem}
 .ccu .ccu-hero-note{margin-top:1.6rem}
 .ccu-overlay h2{font-size:3vw}
 .ccu-overlay p{font-size:.79rem}
 .ccu-scope-grid{gap:1.5rem}
 .ccu-scope-grid article{padding-right:1.3rem}
 .ccu-scope-grid h3{font-size:1.65rem}
}
@media(max-width:760px){
 .ccu-hero-heading{top:14%}
 .ccu h1{font-size:5vw;max-width:32%}
 .ccu-hero-heading .eyebrow{font-size:clamp(.38rem,1vw,.55rem);max-width:33%;margin-bottom:.7rem}
 .ccu-overlay,.ccu-frame--right .ccu-overlay,#testing .ccu-overlay,#handover .ccu-overlay{position:static;width:auto;left:auto;right:auto;padding:1.7rem 1.5rem}
 .ccu-overlay h2{font-size:1.9rem}
 .ccu-overlay p{font-size:.94rem;line-height:1.7}
 .ccu-mobile-label{left:4%;width:27%;bottom:12%}
 .ccu-mobile-label strong{font-size:clamp(1rem,4.4vw,1.8rem)}
 .ccu-mobile-label span{font-size:clamp(.38rem,.95vw,.55rem)}
 .ccu-scope-grid{grid-template-columns:1fr}
 .ccu-scope-grid article{padding:0 0 1.4rem;border-right:0;border-bottom:1px solid var(--line)}
 .ccu-scope-grid article:last-child{padding-bottom:0}
 .ccu-scope-grid article>span{float:left;margin:.35rem 1rem 0 0}
}
@media(max-width:480px){
 .ccu-hero-heading{top:10%}
 .ccu h1{font-size:5vw;line-height:1.04}
 .ccu-hero-heading .eyebrow{font-size:.38rem;line-height:1.5;letter-spacing:.06em;margin-bottom:.65rem}
 .ccu-hero-support{padding-block:1.75rem}
 .ccu-hero-copy{font-size:.94rem}
 .ccu-scope{padding-block:3.4rem}
 .ccu-overlay,.ccu-frame--right .ccu-overlay,#testing .ccu-overlay,#handover .ccu-overlay{padding:1.5rem 1.25rem}
 .ccu-overlay h2{font-size:1.8rem}
 .ccu-mobile-label strong{font-size:4.7vw}
 .ccu-mobile-label span{font-size:.38rem;margin-bottom:.4rem}
}

/* Chelsea-specific composition. Shared brand files remain byte-identical. */
.ccu-hero-quick{width:32%}
.ccu-hero-quick .ccu-actions{display:flex}
.ccu h1{max-width:32%}
.ccu-hero-heading{top:13%}
.ccu-hero-heading .eyebrow{max-width:32%}
.ccu-hero-copy .ccu-actions{grid-column:1/-1;grid-row:2}
.ccu-hero-copy .ccu-hero-note{grid-row:3}
.ccu-overlay{width:34%}
.ccu-overlay h2{font-size:clamp(1.8rem,2.85vw,2.9rem)}
.ccu-frame--right .ccu-overlay{right:4%;width:29%}
#existing-board .ccu-overlay{width:36%}
#testing .ccu-overlay{width:28%}
#protection .ccu-overlay{width:24%}
#existing-board .ccu-shade{background:linear-gradient(90deg,rgba(4,21,14,.95),rgba(4,21,14,.84) 27%,rgba(4,21,14,.1) 46%,transparent 64%)}
#testing .ccu-shade{background:linear-gradient(90deg,rgba(4,21,14,.96),rgba(4,21,14,.85) 21%,rgba(4,21,14,.13) 35%,transparent 54%)}
#protection .ccu-shade{background:linear-gradient(270deg,rgba(4,21,14,.96),rgba(4,21,14,.88) 21%,rgba(4,21,14,.12) 36%,transparent 52%)}
.ccu-protection .ccu-details{color:#d8e1d8}
.ccu-cost-notes{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem}
.ccu-cost-notes>p:last-child{grid-column:auto}
.ccu-mobile-label{width:34%}
#existing-board .ccu-mobile-label{width:36%}
#cupboard-space .ccu-mobile-label{width:29%}
#testing .ccu-mobile-label{width:28%}
#protection .ccu-mobile-label{width:24%}
.ccu-mobile-label strong{overflow-wrap:normal}
@media(max-width:1000px){
 .ccu-hero-heading{top:14%}
 .ccu-overlay h2{font-size:2.8vw}
 .ccu-overlay p{font-size:.8rem;line-height:1.55}
 .ccu-cost-notes{gap:2rem}
}
@media(max-width:760px){
 .ccu-overlay,.ccu-frame--right .ccu-overlay,#existing-board .ccu-overlay,#testing .ccu-overlay,#protection .ccu-overlay{position:static;width:auto;left:auto;right:auto;padding:1.7rem 1.5rem}
 .ccu-overlay h2{font-size:1.9rem}
 .ccu-overlay p{font-size:.94rem;line-height:1.7}
 .ccu-cost-notes{grid-template-columns:1fr;gap:1.5rem}
 .ccu-mobile-label strong{font-size:clamp(1rem,4.2vw,1.8rem)}
 #protection .ccu-mobile-label strong{font-size:clamp(.95rem,3.9vw,1.65rem)}
}
@media(max-width:480px){
 .ccu-hero-heading{top:10%}
 .ccu h1{font-size:5vw}
 .ccu-overlay,.ccu-frame--right .ccu-overlay,#existing-board .ccu-overlay,#testing .ccu-overlay,#protection .ccu-overlay{padding:1.5rem 1.25rem}
 .ccu-overlay h2{font-size:1.8rem}
 .ccu-mobile-label strong{font-size:4.65vw}
 #protection .ccu-mobile-label strong{font-size:4.15vw}
}

/* Chelsea-only composition overrides. Shared brand assets are untouched. */
.ccu-hero-heading{top:12%}
.ccu h1{max-width:40%;font-size:clamp(3rem,4.5vw,5.6rem)}
.ccu-hero-heading .eyebrow{max-width:40%}
.ccu-hero-quick{width:40%}
.ccu-hero-shade{background:linear-gradient(90deg,rgba(4,21,14,.92),rgba(4,21,14,.78) 26%,rgba(4,21,14,.22) 44%,transparent 61%)}
#existing-board .ccu-overlay{width:36%}
#planning .ccu-overlay{right:4%;left:auto;width:24%}
#testing .ccu-overlay{width:35%}
#protection .ccu-overlay{right:4%;left:auto;width:32%}
#planning .ccu-shade{background:linear-gradient(270deg,rgba(4,21,14,.97),rgba(4,21,14,.88) 21%,rgba(4,21,14,.12) 31%,transparent 42%)}
#testing .ccu-shade{background:linear-gradient(90deg,rgba(4,21,14,.95),rgba(4,21,14,.8) 28%,rgba(4,21,14,.13) 43%,transparent 57%)}
#protection .ccu-shade{background:linear-gradient(270deg,rgba(4,21,14,.96),rgba(4,21,14,.84) 26%,rgba(4,21,14,.1) 38%,transparent 52%)}
#planning .ccu-overlay h2{font-size:clamp(1.8rem,2.6vw,2.65rem)}
#testing .ccu-overlay h2{font-size:clamp(1.8rem,2.8vw,2.85rem)}
#existing-board .ccu-mobile-label{width:36%}
#planning .ccu-mobile-label{left:auto;right:4%;width:24%}
#testing .ccu-mobile-label{width:35%}
#protection .ccu-mobile-label{left:auto;right:4%;width:32%}
@media(max-width:1000px){
 .ccu h1{font-size:5.4vw}
 #planning .ccu-overlay h2{font-size:2.7vw}
 #testing .ccu-overlay h2{font-size:2.8vw}
}
@media(max-width:760px){
 .ccu-hero-heading{top:12%}
 .ccu h1{max-width:40%;font-size:5.4vw}
 .ccu-hero-heading .eyebrow{max-width:42%}
 #existing-board .ccu-overlay,#planning .ccu-overlay,#testing .ccu-overlay,#protection .ccu-overlay{position:static;width:auto;left:auto;right:auto}
 #planning .ccu-overlay h2,#testing .ccu-overlay h2{font-size:1.9rem}
 #planning .ccu-mobile-label strong{font-size:clamp(.95rem,3.8vw,1.65rem)}
}
@media(max-width:480px){
 .ccu-hero-heading{top:10%}
 .ccu h1{font-size:5.5vw;max-width:42%}
 .ccu-hero-heading .eyebrow{max-width:42%;font-size:.37rem}
 #planning .ccu-overlay h2,#testing .ccu-overlay h2{font-size:1.8rem}
 #planning .ccu-mobile-label strong{font-size:4.15vw}
}

/* Chelsea hero v2: full-height photograph with all hero content in one coherent overlay. */
@media(min-width:1100px){
 .ccu-hero-stage{position:relative;display:grid;grid-template-columns:min(50%,1400px);align-content:center;row-gap:1.5rem;box-sizing:border-box;width:100%;aspect-ratio:1672/941;min-height:680px;margin-inline:auto;padding:2.75rem clamp(2.75rem,4vw,10rem);overflow:hidden}
 .ccu-hero-visual{display:contents}
 .ccu-hero-visual>img{position:absolute;right:0;top:0;left:auto;width:100%;max-width:none;height:100%;object-fit:contain;object-position:center}
 .ccu-hero-shade{background:linear-gradient(90deg,#061711 0%,rgba(6,23,17,.99) 18%,rgba(6,23,17,.94) 34%,rgba(6,23,17,.74) 50%,rgba(6,23,17,.2) 58%,transparent 63%)}
 .ccu-hero-heading.ccu-container,.ccu-hero-support.ccu-container{position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:0;z-index:1;grid-column:1}
 .ccu-hero-heading .eyebrow{max-width:none;font-size:clamp(.67rem,.65vw,.85rem);margin-bottom:1rem}
 .ccu h1{max-width:none;font-size:clamp(2.8rem,4.25vw,7rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
 .ccu-hero-copy{display:block;max-width:none;font-size:clamp(1rem,1.05vw,1.6rem);line-height:1.6}
 .ccu-hero-copy>p{margin:0 0 .85rem}
 .ccu-hero-copy .ccu-actions{display:flex;flex-wrap:wrap;margin:1.2rem 0 0;gap:1rem 1.5rem}
 .ccu .ccu-hero-note{margin:1.1rem 0 0;padding-top:.8rem;font-size:.65rem;line-height:1.5}
}
@media(max-width:1099px){
 .ccu-hero-stage{position:relative}
 .ccu-hero-quick{display:none}
}