/* Colour-only proposal. No layout, type scale, photo or content changes. */
:root{--ink:#302d2a;--ink-soft:#625d57;--cream:#f5eee4;--paper:#fff9f0;--gold:#886448;--gold-bright:#886448;--line:#ded1bf;--cz-dark:#302d2a;--cz-light:#f5eee4;--cz-paper:#fff9f0;--cz-ink:#302d2a;--cz-muted:#625d57;--cz-gold:#886448}
body,body.zip-page{background:#f5eee4!important;color:#302d2a}
.site-header,.cz-header,.zip-header,.cz-page-contents,.cz-page-contents__inner{background:#faf4ea!important;color:#302d2a!important;border-color:#ded1bf!important}
.cz-card,.home-task-card,.home-task-card--dark,.zip-use-card,.zip-use-card--dark,.zip-project,.zip-project--lead,.cz-section--dark,.zip-section--dark,.zip-dimensions,.expert,.v2-footer{background:#eee5d8!important;background-image:none!important;color:#302d2a!important;border-color:#ded1bf!important}
.cz-card h2,.cz-card h3,.cz-card p,.cz-card strong,.home-task-card--dark h3,.home-task-card--dark p,.home-task-card--dark strong,.zip-use-card h3,.zip-use-card p,.zip-use-card strong,.zip-project h2,.zip-project h3,.zip-project p,.zip-project strong,.zip-section--dark h2,.zip-section--dark h3,.zip-section--dark p,.zip-section--dark li,.zip-section--dark strong,.zip-dimensions h2,.zip-dimensions p,.zip-dimensions strong,.cz-section--dark h2,.cz-section--dark h3,.cz-section--dark p,.expert h2,.expert h3,.expert p{color:#302d2a!important}
.cz-card .eyebrow,.home-task-card .eyebrow,.zip-use-card .eyebrow,.zip-use-number,.zip-use-card>span,.zip-section--dark .eyebrow,.cz-section--dark .eyebrow,.zip-project .eyebrow,.zip-dimensions .eyebrow{color:#795c43!important}
.cz-card>a,.home-task-card>a,.zip-use-card>a,.home-project-link,.case-project-link,.home-level__cta,.home-premium__button,.cz-card__link{background:#fff9f0!important;background-image:none!important;color:#654b36!important;border-color:#c0b9b0!important;box-shadow:inset 0 1px #ded1bf!important}
.cz-card>a:hover,.home-task-card>a:hover,.zip-use-card>a:hover,.home-project-link:hover,.case-project-link:hover,.home-level__cta:hover{background:#e9e6e1!important;color:#302d2a!important}
.cz-button--primary,.zip-button--primary,.button-primary,.v2-button{background:#48423e!important;background-image:none!important;color:#fff!important;border-color:#48423e!important;box-shadow:none!important}
.cz-button--primary:hover,.zip-button--primary:hover,.button-primary:hover{background:#37322f!important;color:#fff!important}
.cz-hero,.zip-hero{background-color:#eee5d8!important}
.cz-actions{background:rgba(250,249,247,.94)!important;border-color:#ded1bf!important}
.cz-actions .cz-button--ghost{background:#fff9f0!important;color:#302d2a!important;border-color:#9a9085!important}
.cz-section--dark .cz-button,.zip-section--dark .zip-button{background:#fff9f0!important;color:#302d2a!important;border-color:#b9afa4!important}
.home-premium-card{background-color:#eee5d8!important}
.cz-unified-footer{background:#c7b8a3!important;color:#302d2a!important;border-color:#a99880!important}
.cz-unified-footer h2,.cz-unified-footer h3,.cz-unified-footer p,.cz-unified-footer a,.cz-unified-footer strong,.cz-unified-footer b,.cz-unified-footer span,.cz-unified-footer button,.cz-unified-footer small{color:#403a35!important;border-color:#c9c2b9!important}
.cz-unified-footer .cz-footer-brand,.cz-unified-footer .footer-brand{color:#302d2a!important}
.cz-unified-footer button{background:transparent!important}
.cz-unified-footer a:hover{color:#594330!important}
.cz-back-to-top,.back-to-top{background:#f7f5f2!important;color:#654b36!important;border-color:#b3aaa0!important}
.cz-consult,.consult,.consult-panel,.cz-contact-panel,.consult-channels,.consult-card,.consultation-panel{background-color:#fff9f0!important;border-color:#ded1bf!important}
.zip-dimensions .zip-dimension,.zip-dimensions .zip-stat,.zip-dimensions .zip-dimensions-grid>div{background-color:#fff9f0!important;color:#302d2a!important;border-color:#ded1bf!important}
.zip-dimensions .zip-number,.zip-dimensions .zip-dimensions-number,.zip-dimensions .zip-value{color:#48423e!important}
a:focus-visible,button:focus-visible{outline-color:#795c43!important}
html body{--cz-control-brown:#48423e;--cz-control-hover:#37322f;--cz-control-paper:#ffffff}
html:root body :is(.zip-use-card,.cz-side-closures__card)>a,html:root body :is(.home-task-card .cz-card__body>a,.cz-project-card .home-project-link,.cz-mass-card__links>a,.case-project-link,.home-level__cta,.home-premium__button){background:#fff9f0!important;color:#654b36!important;border-color:#c0b9b0!important;box-shadow:inset 0 1px #ded1bf!important}
html:root body :is(.zip-use-card,.cz-side-closures__card)>a:hover,html:root body :is(.home-task-card .cz-card__body>a,.cz-project-card .home-project-link,.cz-mass-card__links>a,.case-project-link,.home-level__cta):hover{background:#e9e6e1!important;color:#302d2a!important}
html:root body .all-projects-link>a{background:#fff9f0!important;color:#48423e!important;border-color:#b2a89c!important}
html body main,html body .zip-main{background-color:#f5eee4!important}
html body .zip-dimensions span{color:#625d57!important}
html body .cz-hero,html body .zip-hero{background-color:#34261d!important}
html body .home-premium-card{background-color:#282624!important}
html:root body .cz-unified-footer :is(.cz-unified-footer__title,.cz-footer-directions){color:#403a35!important}
html body .cz-project-meta,html body .zip-project__place,html body .zip-project dt,html body .zip-process-list span{color:#795c43!important}
html body .zip-section--soft,html body .cz-estimate-return{background:#eee5d8!important;color:#625d57!important}
html body .zip-section--soft p,html body .zip-section--soft .zip-kicker,html body .zip-note{color:#625d57!important}
html body :is(.home-level__media,.home-complex-card__media,.home-automation__media)>span{background:#48423e!important;color:#fff!important}
html body .cz-unified-footer .cz-unified-footer__social-icon{color:#fff!important}
html body #process li>span{color:#795c43!important}
html body .home-automation--visual{background:#eee5d8!important;background-image:none!important;color:#302d2a!important}
html body .cz-section--sand,html body .cz-section--soft{background-color:#eee5d8!important}

/* Extend accepted neutral roles to existing content panels on other public pages.
   Photo-cover heroes, image pixels, type and layout stay unchanged. */
html body :is(.ap-dark,.tf-dark,.ra-control-summary,.feature-copy,.section--dark,.dn-large-panel,.comparison-card--accent,.automation-facts,.automation-track-card,.control-card,.material-card,.case-fact){background:#eee5d8!important;background-image:none!important;color:#302d2a!important;border-color:#ded1bf!important}
html body :is(.ap-dark,.tf-dark,.ra-control-summary,.feature-copy,.section--dark,.dn-large-panel,.comparison-card--accent,.automation-facts,.automation-track-card,.control-card,.material-card,.case-fact) :is(h1,h2,h3,h4,p,li,dt,dd,figcaption){color:#302d2a!important}
html body :is(.ap-dark,.tf-dark,.ra-control-summary,.feature-copy,.section--dark,.dn-large-panel,.comparison-card--accent,.automation-facts,.automation-track-card,.control-card,.material-card,.case-fact) :is(strong,b,span,small){color:inherit!important}
html body :is(.ap-dark,.tf-dark,.ra-control-summary,.feature-copy,.section--dark,.dn-large-panel,.comparison-card--accent,.automation-facts,.automation-track-card,.control-card,.material-card,.case-fact) :is(.eyebrow,.kicker){color:#795c43!important}
html body .case-project-link,html body .project-body>.project-link{background:#fff9f0!important;color:#654b36!important;border-color:#c0b9b0!important;box-shadow:inset 0 1px #ded1bf!important}
html body .project-body>.project-link:hover{background:#e9e6e1!important;color:#302d2a!important}
html body .control-visual .readable-caption,html body .section--dark figcaption{background-color:#eee5d8!important;color:#302d2a!important}
html body .cz-contact-block .photo-panel{background-color:#eee5d8!important;border-color:#ded1bf!important}

/* Owner review: neutral controls, lighter disclosure labels, bounded home spacing. */
html:root body :is(.ux-contact-more>summary,.ux-progressive>summary,.pf-compact-item>summary,.zip-faq-list summary,.case-project-link,.all-projects-link>a,.home-level__links>a,.home-level__cta){font-weight:400!important}
html:root body :is(.case-project-link,.all-projects-link>a,.home-level__cta) :is(span,strong,b){font-weight:400!important}
html:root body :is(.home-level,.home-level__body,.ux-progressive,.ux-choice-links>a){background-color:#fff9f0!important;color:#302d2a!important;border-color:#ded1bf!important}
html:root body .home-level__facts>div{background-color:#eee5d8!important;color:#302d2a!important}
html:root body :is(.home-level__links>a,.home-level__cta){background:#fff9f0!important;color:#48423e!important;border-color:#c0b9b0!important}
html:root body :is(.home-level__links>a,.home-level__cta):hover{background:#e9e6e1!important;color:#302d2a!important;border-color:#b2a89c!important}
html:root body .ux-choice-links>a:hover{background-color:#eee5d8!important}
html:root body .ux-progressive>summary{color:#302d2a!important;border-color:#ded1bf!important}
html:root body .ux-progressive-body>.cz-section{padding-block:36px!important}
html:root body main>.ux-choice{padding-bottom:36px!important}
html:root body main>.ux-choice+#projects{padding-top:48px!important}
@media(max-width:760px){html:root body .ux-progressive-body>.cz-section{padding-block:24px!important}html:root body main>.ux-choice{padding-bottom:24px!important}html:root body main>.ux-choice+#projects{padding-top:24px!important}}

/* Shared control text roles found in the complete public-route inventory. */
html:root body main :is(summary,a.button,a.cz-button,a.zip-button,a.btn,a.project-link,a.project-hub-load-more){font-weight:400!important}
html:root body main :is(a.button,a.cz-button,a.zip-button,a.btn,a.project-link,a.project-hub-load-more)>:is(span,strong,b){font-weight:400!important}
html:root body .pb-back-top{min-height:44px!important;padding:0 16px!important;gap:8px!important;font-size:12px!important;letter-spacing:.02em!important}
html:root body .pb-back-top svg{width:18px;height:18px}
@media(max-width:768px){html:root body .pb-back-top{width:44px!important;min-height:44px!important;padding:0!important}}

/* Existing image-opening controls only; no new viewer or click handlers. */
@media(hover:hover) and (pointer:fine){
 html body main :is(a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".webp"],a.ra-photo-link,button[data-lightbox]):has(>img){overflow:hidden}
 html body main :is(a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".webp"],a.ra-photo-link,button[data-lightbox])>img{transition:transform 180ms ease;transform:scale(1);transform-origin:center}
 html body main :is(a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".webp"],a.ra-photo-link,button[data-lightbox]):hover>img{transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){html body main :is(a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".webp"],a.ra-photo-link,button[data-lightbox])>img{transition:none!important;transform:none!important}}

/* Remove remaining green/teal styling; image pixels remain unchanged. */
html:root body .home-premium{background:#eee5d8!important;background-image:none!important;color:#302d2a!important}
html:root body .home-premium> .cz-shell> :is(h2,p){color:#302d2a!important}
html:root body .home-premium> .cz-shell> .cz-kicker{color:#795c43!important}
html:root body .home-premium-card small{color:#e6e1db!important;border-color:#e6e1db!important}
html:root body .gl-hero{background-color:#302d2a!important}
html:root body .gl-hero-media::after{background:linear-gradient(90deg,#302d2a,rgba(35,32,29,.66) 24%,rgba(35,32,29,.1) 54%,transparent 76%)!important}
html:root body main video{background-color:#282624!important}

/* Text belongs to the light architecture surface, not to its dark image cards. */
html:root body .home-premium .home-premium__intro>p{color:#625d57!important}
html:root body .home-premium .home-premium__intro>.cz-kicker{color:#795c43!important}

/* Readable labels on their actual light/dark component surfaces. */
html:root body .home-premium-card :is(b,strong){color:#fff!important}
html:root body .home-premium-card em{color:#fff!important;background:#48423e!important;font-size:12px!important;line-height:1.4!important}
html:root body main :is(.project-index,.cz-side-closures__eyebrow,.cz-side-closures__number,.tf-number,.v-eyebrow,.partners-eyebrow,.tf-kicker,.num,.type-body>span,.feature-card>span,.step>b,.a50-benefit>b,.roller-spring-graphic>span,code){color:#795c43!important}
html:root body main :is(.project-index,.cz-side-closures__eyebrow,.cz-side-closures__number,.v-eyebrow,.partners-eyebrow,.tf-kicker){font-size:14px!important;line-height:1.5!important}
html:root body main .kicker:not(.hero .kicker,.cz-hero .kicker,.zip-hero .kicker,.ra-hero .kicker,.gl-hero .kicker,.case-hero .kicker,.automation-case-hero .kicker){color:#795c43!important;font-size:14px!important;line-height:1.5!important}
html:root body main .heading>p:not(.kicker){color:#625d57!important}
html:root body main :is(.automation-option>b,.control-card>b,.a50-control__card>span){background:#eee5d8!important;color:#302d2a!important}
html:root body main .tf-link{color:#654b36!important}
html:root body main .project-tags>li{background:#eee5d8!important;color:#302d2a!important}
html:root body main :is(.project-video-grid figcaption,.pm-media-item .project-video-grid figcaption){background:#eee5d8!important;color:#302d2a!important}
html:root body main :is(.fine,.photo-privacy){font-size:14px!important;line-height:1.6!important}

/* Light labels are retained on the existing dark hero surfaces. */
html:root:root body main :is(.v-hero-copy>.v-eyebrow,.automation-hero__copy>.kicker,.partners-hero-copy>.partners-eyebrow,.a50-case-hero .kicker){color:#d4b18a!important}
html:root body main .roof-sequence b>span{color:#795c43!important}
html:root body main .pm-media-item figure:has(video)>figcaption{background:#eee5d8!important;color:#302d2a!important}

/* Photo-text visual review: preserve photos; protect text across mobile crops. */
@media(max-width:1099px){
 html:root:root body main :is(.hero-media,.gl-hero-media)::after,
 html:root:root body main .zip-hero__overlay{background:linear-gradient(180deg,rgba(33,30,27,.78),rgba(33,30,27,.74) 55%,rgba(33,30,27,.88))!important}
 html:root:root body main :is(.hero,.gl-hero,.zip-hero) :is(.kicker,.zip-kicker,.eyebrow,.hero-meta,.hero-note,.gl-hero-proof){color:#f0dcc0!important}
}
html:root:root body main .hero-project-link{background:#48423e!important;color:#fff!important;border-color:#b9afa4!important;font-weight:400!important}
html:root:root body main .ladder-copy{background:linear-gradient(180deg,transparent,rgba(33,30,27,.94) 30%,rgba(33,30,27,.97))!important}
html:root:root body main .ladder-copy :is(h3,p){color:#fff!important}

/* Warm card surfaces: cream for white cards, linen for secondary cards.
   Image pixels, layout and the accepted stone architecture cards stay intact. */
html:root body :is(.cz-mass-card,.home-level){background-color:#fff9f0!important}
html:root body .cz-mass-card__body{background-color:#fff9f0!important}
html:root:root body .cz-mass-card__links>a{background-color:#fff9f0!important}
html:root:root body .cz-mass-card__links>a:hover{background-color:#eee5d8!important}

/* Shared warm page canvas and disclosure surfaces, owner correction 2026-10-29. */
html:root body main .ux-progressive{background-color:#fff9f0!important;border-color:#ded1bf!important}
html:root body main .ux-progressive>summary{background-color:#faf4ea!important;border-color:#ded1bf!important}
html:root body main .ux-progressive>div{background-color:#fff9f0!important}
html:root body main .cz-mass-panel{background-color:#fff9f0!important}

/* Keep warm summary fill inside the existing rounded disclosure border. */
html:root body main .ux-progressive>summary{border-radius:11px}
html:root body main .ux-progressive[open]>summary{border-radius:11px 11px 0 0}