/* Crisp cream, mineral green, burnt timber and a measured orange accent. */
:root{--paper:#fffdf8;--ink:#252622;--muted:#68685e;--line:#dedfd5;--accent:#d9e3da;--timber:#3b2422;--mineral:#d9e3da;--orange:#b34220}
body,.opening,.collection,.finish-new,.questions,.simple-process,footer{background:var(--paper)}
.site-header:not(.scrolled){background:#3b2422f5;border-color:#ffffff28;color:#fffdf8}.site-header.scrolled{background:#fffdf8f5;color:var(--ink);border-color:var(--line)}.site-header.scrolled nav{color:var(--ink)}
.site-header .dark,.site-header.scrolled .dark,.product-hero .button.light,.final-cta .button.light{background:var(--orange);color:#fffdf8;text-shadow:none}.button.dark{background:var(--timber);color:var(--paper)}
.preview-note{background:#edf2eb}.preview-note span{color:#62695e}.quality-section{background:var(--mineral)}.consent-section{background:#f4f8f2}.pair-section{background:var(--paper)}.moments{background:#f2f6f0}.portal-feature,.final-cta{background:var(--timber);color:var(--paper)}.portal-product-copy .lead{color:var(--paper)}.portal-product-copy p:not(.eyebrow):not(.lead){color:#e0d9d2}.portal-product-copy small{color:#d2c9c0}.portal-product-copy .eyebrow{color:#f2a486}.portal-specs span{border-color:#a18b7c}.portal-lengths{border-color:#96796980}.portal-lengths span{color:var(--paper)}
.opening-heading>p,.collection-heading>p,.product-card p,.connection-caption p,.pair-caption p,.moment-words p:not(.eyebrow),.quality-options small{color:#5c6658}.pricing-footnote,.guidance-links,.save-hint,.price-note{color:#62695d}.quality-options button{border-color:#aebdad}.quality-options span,.simple-steps span{color:#963b20}.quality-options strong{color:var(--ink)}
.connection-tabs button[aria-selected=true],.consent-choices button[aria-pressed=true],.quantity-toggle button.active,.consent-step-choices button.selected{background:var(--timber);border-color:var(--timber);color:var(--paper)}.connection-tabs button,.consent-choices button,.quantity-toggle button,.consent-step-choices button{border-color:#bbc8b8}.consent-result>p,.consent-compact p,.exemption-paths p{color:#5c6658}.exemption-paths>article{border-color:#c0ccbb}.selection-pills span,.info-note{background:#e6eee2;color:#42503b}.option.selected{background:#eef4e8;border-color:#69785d}.review-price{background:#edf3e8}.budget-total{color:var(--ink)}.progress i.done{background:var(--timber)}
.finish-copy .eyebrow{color:#a34124}.finish-copy h2{font-size:clamp(42px,4.5vw,66px)}.finish-story{font-size:14px!important;line-height:1.8;max-width:350px;color:#62695d}.finish-new{gap:6%;padding-right:5%;grid-template-columns:.8fr 1.45fr}.finish-buttons{flex-wrap:wrap}.finish-buttons button.active{border-color:var(--timber);background:#f0f5ec}.finish-buttons button:focus-visible{outline-color:#b94420}.swatch.obsidian{background:#30322e}.swatch.pumice{background:#ede9df}.finish-description{min-height:135px;max-width:350px}.finish-description h3{font-size:27px;margin:0 0 12px}.finish-description p{font-size:13px!important;line-height:1.8;color:#62695d}.finish-still{margin:0;min-width:0;align-self:center}.finish-still img{aspect-ratio:1.6;height:auto;width:100%;object-fit:cover;background:#e7eee4}.finish-still figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7;color:#636b5d;padding:15px 0}.finish-still figcaption span:last-child{text-align:right}.finish-copy .text-link{color:#a34124}
.simple-steps>div{border-color:#bbc8b8}.simple-steps p{color:#62695d}.footer-new .credits summary,.credits p,.credits a{color:#62695d}.field input,.field select,.field textarea{border-color:#bac8b7;background:#fffefb}.design-panel{background:var(--paper)}.designer-top{background:var(--paper)}.design-summary{background:#fffefb}.viewer{background:#edf2e8}.view-mode-note,.viewer-help,.model-note{color:#62695d}.viewer-controls button.active{background:var(--timber)}.toast{background:var(--timber)}
@media(max-width:680px){.site-header:not(.scrolled){background:#3b2422f5}.site-header nav{background:var(--paper);color:var(--ink)}.finish-new{gap:25px;padding-right:6%;padding-left:6%}.finish-copy h2{font-size:46px}.finish-story{max-width:none}.finish-description{min-height:115px;max-width:none}.finish-still img{aspect-ratio:1.15;object-position:53% center}.finish-still figcaption{font-size:8px;gap:10px}.quality-section .collection-heading h2{font-size:42px}}
.site-header .button.dark,.site-header.scrolled .button.dark{background:var(--orange);color:#fffdf8}.finish-copy h2{font-size:clamp(40px,3.6vw,53px)}
@media(max-width:680px){.finish-copy h2{font-size:43px}}
@media(max-width:680px){.finish-new{display:flex;flex-direction:column;gap:0}.finish-copy{display:contents}.finish-copy>.eyebrow{order:0}.finish-copy>h2{order:1;margin-bottom:22px}.finish-story{order:2;margin-bottom:22px}.finish-copy>.finish-buttons{order:3;margin:0 0 26px}.finish-still{order:4;margin-bottom:24px;width:100%}.finish-description{order:5;min-height:0}.finish-copy>.text-link{order:6;align-self:flex-start}.finish-still img{aspect-ratio:1.35}}

/* Accessible high-contrast orange actions: cream text at 5.56:1. */
.site-header .button.dark,.site-header.scrolled .button.dark,.product-hero .button.light,.final-cta .button.light{font-weight:500;font-size:13px;min-height:48px;letter-spacing:.015em}
.site-header .button.dark:hover,.site-header.scrolled .button.dark:hover,.product-hero .button.light:hover,.final-cta .button.light:hover{background:#953218;color:#fffdf8;filter:none}
.site-header .button.dark:focus-visible,.product-hero .button.light:focus-visible,.final-cta .button.light:focus-visible{outline:2px solid #fffdf8;outline-offset:4px;box-shadow:0 0 0 7px #3b2422}
@media(max-width:680px){.site-header .button.dark,.site-header.scrolled .button.dark{font-size:11px;min-height:44px}.product-hero .button.light,.final-cta .button.light{font-size:13px}}
/* Quiet navigation, one clear primary action, and product-led image rhythm. */
.site-header:not(.scrolled){background:#242825ed}.site-header .button.dark{background:#fffdf8;color:#252622;border:1px solid #fffdf8;font-weight:400}.site-header.scrolled .button.dark{background:#252622;color:#fffdf8;border-color:#252622;font-weight:400}.site-header .button.dark:hover{background:#eeeee6;color:#252622}.site-header.scrolled .button.dark:hover{background:#41473f;color:#fffdf8}.portal-feature,.final-cta{background:#262a27}.button.dark{background:#292e29}.portal-product-copy .eyebrow{color:#d6dfd1}.portal-product-copy p:not(.eyebrow):not(.lead){color:#d7ded3}.portal-product-copy small{color:#bdc8b8}.portal-lengths{border-color:#9daa9580}.portal-specs span{border-color:#82947b}.product-hero .cinema-copy{max-width:740px}.product-hero h1{font-size:clamp(68px,7.25vw,108px);line-height:1.03;margin-bottom:28px}.hero-intro{font-size:17px;max-width:400px}.quality-photo img{object-position:58% center}.moments{background:#fffdf8}.moment-tall>img{object-position:50% center}.product-hero .button.light{font-size:14px;min-width:220px}.final-cta .button.light{font-size:14px}.finish-copy>.eyebrow{letter-spacing:.16em}
@media(max-width:1000px){.product-hero .cinema-copy{max-width:620px}.product-hero h1{font-size:77px}}
@media(max-width:680px){.site-header:not(.scrolled){background:#242825f2}.site-header .button.dark{font-size:10px;padding:12px;gap:14px;min-height:42px}.site-header.scrolled .button.dark{font-size:10px}.product-hero .cinema-copy{max-width:none;bottom:11%}.product-hero h1{font-size:51px;letter-spacing:-.055em}.hero-intro{font-size:14px;max-width:300px}.product-hero .eyebrow{font-size:8px}.product-hero .button.light{font-size:13px;min-width:205px}.moment-tall{height:460px}.quality-photo img{object-position:center}}
@media(max-width:680px){.site-header{gap:12px}.site-header .wordmark{flex-shrink:0}.header-actions{gap:10px}.nav-toggle{white-space:nowrap;flex-shrink:0}.site-header .button.dark,.site-header.scrolled .button.dark{font-size:9px;white-space:nowrap;padding:12px 10px;gap:10px;min-height:42px}}
/* Approved restrained palette: crisp cream, Obsidian, mineral green. */
:root{--paper:#fffdf8;--ink:#252622;--muted:#5e655a;--line:#d6ddd2;--accent:#d9e3da;--timber:#252622;--mineral:#d9e3da;--orange:#252622}
body{color:#252622}.opening h2,.collection h2,.quality-section h2,.quality-options strong,.connection-study h2,.connection-caption h3,.pair-section h2,.pair-section h3,.moments h2,.finish-copy h2,.finish-description h3,.consent-section h2,.consent-result h3,.simple-process h2,.questions h2{color:#252622}.quality-options span,.simple-steps span,.finish-copy .eyebrow,.finish-copy .text-link{color:#252622}.quality-options button{opacity:1}.quality-options button[aria-selected=false] strong{color:#46513f}.finish-buttons button.active{border-color:#252622;background:#e7eee3}.opening-heading>p,.collection-heading>p,.product-card p,.quality-options small,.connection-caption p,.pair-caption p,.moment-words p:not(.eyebrow),.finish-story,.finish-description p,.consent-result>p,.questions details p{color:#525e4c}.site-header .button.dark,.site-header.scrolled .button.dark,.product-hero .button.light,.final-cta .button.light{background:#252622;color:#fffdf8;border:1px solid #252622}.site-header:not(.scrolled) .button.dark{background:#fffdf8;color:#252622;border-color:#fffdf8}.product-hero .button.light{border-color:#fffdf8aa}.site-header .button.dark:hover,.site-header.scrolled .button.dark:hover,.product-hero .button.light:hover,.final-cta .button.light:hover{background:#41493b;color:#fffdf8;border-color:#41493b;filter:none}.site-header:not(.scrolled) .button.dark:hover{background:#e7eee3;color:#252622;border-color:#e7eee3}.final-cta{background:#d9e3da;color:#252622}.final-cta h2,.final-cta .eyebrow{color:#252622}.site-header .button.dark:focus-visible,.product-hero .button.light:focus-visible,.final-cta .button.light:focus-visible{outline-color:#fffdf8;box-shadow:0 0 0 7px #252622}.finish-buttons button:focus-visible{outline-color:#252622}.portal-feature{background:#252622;color:#fffdf8}.portal-product-copy h2,.portal-product-copy .lead{color:#fffdf8}.footer-new .wordmark{color:#252622}

/* Collection plans, inclusions and named build-team credentials. */
.layout-features{list-style:disc;padding:0 0 0 18px;margin:22px 0;color:#525e4c;font-size:13px;line-height:1.7}.layout-features li{padding-left:3px;margin:6px 0}.layout-plan{border-top:1px solid #d6ddd2;border-bottom:1px solid #d6ddd2;margin:22px 0 12px}.layout-plan summary{font-size:13px;cursor:pointer;padding:17px 0;display:flex;justify-content:space-between;list-style:none}.layout-plan summary::-webkit-details-marker{display:none}.layout-plan[open] summary span{transform:rotate(45deg)}.layout-plan img{width:100%;height:auto;object-fit:contain;background:#f7f4ec}.layout-plan a>span{display:block;font-size:11px;padding:12px 0;text-decoration:underline}.layout-plan small{display:block;color:#525e4c;padding:0 0 16px}.build-confidence{background:#e7eee3}.build-confidence h2,.build-confidence h3{color:#252622}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.credential-grid article{border-top:1px solid #b9c5b8;padding-top:30px}.credential-logo{height:110px;display:flex;align-items:center;margin-bottom:28px}.credential-logo img{height:100%;width:auto;max-width:160px;object-fit:contain}.credential-grid article:first-child img{height:auto;width:160px}.credential-grid h3{font-size:25px;letter-spacing:-.035em}.credential-grid p{font-size:13px;line-height:1.8;color:#525e4c}.credential-grid a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.credential-note{font-size:10px;color:#525e4c;line-height:1.8;max-width:850px;margin:38px 0 0}.portal-benefits{padding-left:18px;font-size:14px;line-height:1.7;color:#fffdf8;margin:24px 0}.portal-benefits li{margin:10px 0}
@media(max-width:680px){.credential-grid{grid-template-columns:1fr;gap:35px}.credential-grid article{display:grid;grid-template-columns:92px 1fr;gap:0 20px;padding-top:25px}.credential-logo{grid-row:1/4;height:82px;margin:0}.credential-logo img{max-width:80px}.credential-grid article:first-child img{width:86px}.credential-grid h3{font-size:23px;margin:0 0 14px}.credential-grid p{font-size:12px;margin:0 0 14px}.credential-grid a{grid-column:2}.build-confidence .collection-heading h2{font-size:39px}.credential-note{font-size:10px}.layout-features{font-size:13px}}

.dimension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.dimension-grid div{border-top:1px solid #bcc6b9;padding-top:22px}.dimension-grid b{display:block;font-size:24px;font-weight:400;letter-spacing:-.035em;line-height:1.3}.dimension-grid span{display:block;color:#525e4c;font-size:12px;line-height:1.7;margin-top:15px}.roof-edge-section{background:#e7eee3}.roof-edge-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.roof-edge-grid article{border-top:1px solid #bcc6b9;padding-top:24px}.roof-edge-grid article>span{font-size:10px}.roof-edge-grid h3{font-size:28px;margin:24px 0 18px}.roof-edge-grid p{font-size:14px;color:#525e4c;max-width:460px}.roof-edge-grid small{color:#525e4c}.product-extras{margin-top:22px;padding-top:24px;border-top:1px solid #d6ddd2}.layout-plan img{background:#fffdf8}
@media(max-width:680px){.dimension-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.dimension-grid b{font-size:22px}.roof-edge-grid{grid-template-columns:1fr;gap:30px}.roof-edge-grid h3{font-size:26px}}

/* Version 12: distinct section surfaces in the approved palette. */
#signature,#specification,#roof-edges,#ways,#finishes,#process{background:#fffdf8;color:#252622}
#spaces,#quality,#build-confidence,#two-kakahos,#consent,.questions{background:#d9e3da;color:#252622}
#signature,#spaces,#specification,#quality,#roof-edges,#build-confidence,#ways,#two-kakahos,#finishes,#consent,#process,.questions{border-top:1px solid #bcc8ba}
#portal{background:#252622;color:#fffdf8}
.final-cta{background:#252622;color:#fffdf8;border-top:1px solid #525e4c}
.final-cta h2,.final-cta .eyebrow{color:#fffdf8}
.final-cta .button.light{background:#fffdf8;color:#252622;border-color:#fffdf8}
.final-cta .button.light:hover{background:#d9e3da;color:#252622;border-color:#d9e3da}
.footer-new{background:#fffdf8;color:#252622;border-top:1px solid #d6ddd2}
.site-header:not(.scrolled){color:#fffdf8}
.site-header:not(.scrolled) .wordmark,.site-header:not(.scrolled) nav{color:#fffdf8}
.site-header.scrolled{background:#fffdf8f5;color:#252622}
.site-header.scrolled .wordmark,.site-header.scrolled nav{color:#252622}
@media(max-width:680px){.site-header:not(.scrolled) nav.open{background:#fffdf8;color:#252622}}