/* Approved financing-study design language. Presentation only. */
#projectside-preview main[data-style-rollout]{--ps-space:84px;--ps-soft:#f5f3ee;--ps-ink:#191f1b;--ps-muted:#60685f;--ps-accent:#b64316;--ps-line:#d9dcd2}
#projectside-preview main[data-style-rollout] h1{font-size:clamp(40px,4.6vw,64px);font-weight:700;line-height:1.06;letter-spacing:-.05em}
#projectside-preview main[data-style-rollout] h2{font-size:clamp(30px,3.2vw,44px);font-weight:650;line-height:1.12;letter-spacing:-.04em}
#projectside-preview main[data-style-rollout] h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}
#projectside-preview main[data-style-rollout] p{line-height:1.75}
#projectside-preview main[data-style-rollout] .ps-kicker{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}
#projectside-preview main[data-style-rollout] .ps-section{padding-block:84px}
#projectside-preview main[data-style-rollout] .ps-heading-row{gap:64px;margin-bottom:36px}
#projectside-preview main[data-style-rollout] .ps-heading-row>p{font-size:17px;line-height:1.7}
#projectside-preview main[data-style-rollout] [data-layout-theme]{position:relative;isolation:isolate}
#projectside-preview main[data-style-rollout] [data-layout-theme="cream"]{background:#f5f3ee;box-shadow:0 0 0 100vmax #f5f3ee;clip-path:inset(0 -100vmax)}
#projectside-preview main[data-style-rollout] [data-layout-theme="white"]{background:#fff}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"]{color:#fff;background:transparent;padding-block:64px 76px;--ps-muted:#e0e4de}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"]:before{content:"";display:block;position:absolute;z-index:-1;inset:0;left:calc((100% - 100vw)/2);width:100vw;max-height:none;height:100%;background-image:linear-gradient(90deg,#19221ff5,#19221fc4 57%,#19221f75),var(--ps-hero-image,url('/assets/oregon-inspired-mountains.webp'));background-size:cover;background-position:var(--ps-hero-position,center 45%);opacity:1;pointer-events:none}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"] h1{color:white;max-width:940px}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"]:before{transform:none}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"] h1 em{color:#e9c49c;font-family:Georgia,serif;font-weight:400}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"] .ps-kicker{color:#e0bd93}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"] :is(.ps-hero-text,.ps-guide-intro,.ps-expand-intro){color:#e0e4de;font-size:19px;line-height:1.7;max-width:760px}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"] :is(.ps-note,.ps-byline,.ps-back,.ps-breadcrumb,.ps-breadcrumb a,.ps-link){color:#d8dfd5}
#projectside-preview main[data-style-rollout] [data-layout-theme="orange"]{background:#b64316;color:white;--ps-muted:#ffede4;--ps-ink:#fff;box-shadow:0 0 0 100vmax #b64316;clip-path:inset(0 -100vmax);border:0;padding-block:64px}
#projectside-preview main[data-style-rollout] [data-layout-theme="orange"] :is(h2,h3,p,.ps-link){color:white}
#projectside-preview main[data-style-rollout] [data-layout-theme="orange"] .ps-kicker{color:#fff1df}
#projectside-preview main[data-style-rollout] [data-layout-theme="orange"] .ps-button{background:#fff;color:#983a17;border-color:#b9dba3}
#projectside-preview main[data-style-rollout] [data-layout-theme="orange"] a:not(.ps-button){color:white}
#projectside-preview main[data-style-rollout] .ps-button{border-radius:999px;padding:14px 25px;min-height:48px}
#projectside-preview main[data-style-rollout] .ps-free-bids-action{border:2px solid #b9dba3}
#projectside-preview main[data-style-rollout] :is(.ps-new-card,.ps-expand-card,.ps-offer,.ps-service-directory article){border-radius:14px;padding:32px;border:1px solid #d9dcd2;box-shadow:0 9px 28px #19221f04}
#projectside-preview main[data-style-rollout] :is(.ps-new-card,.ps-expand-card,.ps-service-directory article){background:#fff;color:#191f1b;--ps-muted:#60685f;--ps-ink:#191f1b}
#projectside-preview main[data-style-rollout] :is(.ps-new-card,.ps-expand-card,.ps-service-directory article) h3{font-size:24px}
#projectside-preview main[data-style-rollout] .ps-offer h2{font-size:30px}
#projectside-preview main[data-style-rollout] .ps-offer-dark{background:#191f1b;color:white;border-color:#191f1b}
#projectside-preview main[data-style-rollout] .ps-offer-dark :is(h2,h3){color:white}
#projectside-preview main[data-style-rollout] .ps-offers{gap:26px}
#projectside-preview main[data-style-rollout] :is(.ps-new-grid,.ps-expand-cards){gap:24px}
#projectside-preview main[data-style-rollout] .ps-consult>.ps-wrap{display:block;max-width:1160px}
#projectside-preview main[data-style-rollout] .ps-consult h2{max-width:780px;margin:0 0 22px;grid-area:auto}
#projectside-preview main[data-style-rollout] .ps-consult p{margin:18px 0;max-width:760px}
#projectside-preview main[data-style-rollout] .ps-consult .ps-actions{justify-content:flex-start}
#projectside-preview main[data-style-rollout] .ps-consult .ps-button{margin-top:12px}
/* Long guides retain a readable column; their sections carry the color rhythm. */
#projectside-preview main[data-style-rollout] .ps-reading{max-width:860px;padding-inline:28px}
#projectside-preview main[data-style-rollout] .ps-reading.ps-mountain-top:before{display:none}
#projectside-preview main[data-style-rollout] .ps-reading:has(.layout-guide-hero){padding-top:0}
#projectside-preview main[data-style-rollout]>.ps-section:has(>.ps-reading),#projectside-preview main[data-style-rollout]>.ps-page:has(>.ps-reading){padding-top:0}
#projectside-preview main[data-style-rollout] .layout-guide-hero{padding-bottom:62px;margin-bottom:52px}
#projectside-preview main[data-style-rollout] .layout-guide-hero h1{font-size:clamp(38px,4.2vw,56px)}
#projectside-preview main[data-style-rollout] .ps-reading>section{padding-block:52px;margin:0}
#projectside-preview main[data-style-rollout] .ps-reading>section h2{font-size:clamp(28px,2.7vw,36px);margin:0 0 24px}
#projectside-preview main[data-style-rollout] .ps-reading>section p{font-size:17px;line-height:1.8}
#projectside-preview main[data-style-rollout] .ps-expand-block[data-layout-theme]{padding-block:54px;margin:0}
#projectside-preview main[data-style-rollout] .ps-expand-block[data-layout-theme] h2{font-size:clamp(28px,2.7vw,36px)}
#projectside-preview main[data-style-rollout] .ps-ask-card{background:#fff;border:1px solid #d9dcd2;border-top:3px solid #b64316;border-radius:18px;padding:34px;margin-block:42px;box-shadow:0 10px 32px #19221f06}
#projectside-preview main[data-style-rollout] .ps-ask-card h2{font-size:30px;margin:0 0 18px}
#projectside-preview main[data-style-rollout] .ps-ask-card p{color:#191f1b}
#projectside-preview main[data-style-rollout] :is(.ps-contents,.ps-guide-contents){background:#f5f3ee;border:1px solid #d9dcd2;border-radius:14px;padding:28px;margin-block:40px}
#projectside-preview main[data-style-rollout] :is(.ps-contents,.ps-guide-contents) h2{font-size:22px}
#projectside-preview main[data-style-rollout] .ps-expand-sources h2{font-size:25px}
#projectside-preview main[data-style-rollout] .ps-faq details{padding:24px;background:#fff;border:1px solid #d9dcd2;border-radius:10px;margin-bottom:12px;color:#191f1b}
#projectside-preview main[data-style-rollout] .ps-faq p{color:#60685f;font-size:16px}
#projectside-preview main[data-style-rollout] .ps-decision-flow{gap:22px}
#projectside-preview main[data-style-rollout] .ps-decision-flow li{background:white;border:1px solid #d9dcd2;border-radius:12px;padding:28px}
#projectside-preview main[data-style-rollout] .ps-decision-flow h3{font-size:21px}
#projectside-preview main[data-style-rollout] :is(.ps-byline,.ps-note,.ps-disclosure){font-size:12px;line-height:1.7}
/* Keep the homeowner's approved opening question prominent and the intake readable. */
#projectside-preview main[data-style-rollout] .refresh-hero{gap:64px}
#projectside-preview main[data-style-rollout] .refresh-hero h1{font-size:clamp(34px,3.5vw,48px)}
#projectside-preview main[data-style-rollout] .refresh-hero .ps-hero-question{color:#e9c49c;font-size:clamp(34px,3.8vw,54px);line-height:1.12}
#projectside-preview main[data-style-rollout] .refresh-intake-card{background:#fff;color:#191f1b;--ps-muted:#60685f;--ps-ink:#191f1b;border-radius:18px;padding:30px;box-shadow:0 18px 55px #0002}
#projectside-preview main[data-style-rollout] .refresh-intake-card :is(p,label,h2){color:#191f1b}
#projectside-preview main[data-style-rollout] .refresh-intake-card .ps-kicker{color:#b64316}
#projectside-preview main[data-style-rollout] .refresh-intake-card h2{font-size:30px}
#projectside-preview main[data-style-rollout] [data-layout-theme="hero"] .refresh-intake-card .ps-note{color:#60685f}
#projectside-preview main[data-style-rollout] .refresh-guides{color:#191f1b}
#projectside-preview main[data-style-rollout] .refresh-guides :is(p,h2,h3,.ps-link){color:#191f1b}
#projectside-preview main[data-style-rollout] .refresh-guides .air-guide-item{border-color:#d9dcd2}
#projectside-preview main[data-style-rollout] .refresh-founder .ps-bio{font-size:17px}
#projectside-preview main[data-style-rollout] :is(.refresh-founder,.refresh-areas)[data-layout-theme]{background:#202a23;box-shadow:0 0 0 100vmax #202a23;color:#fff;--ps-muted:#d8dfd3;--ps-ink:#fff}
#projectside-preview main[data-style-rollout] :is(.refresh-founder,.refresh-areas)[data-layout-theme] :is(h2,h3,p,a,figcaption){color:#e1e6dc}
#projectside-preview main[data-style-rollout] :is(.refresh-founder,.refresh-areas)[data-layout-theme] .ps-kicker{color:#e0bd93}
#projectside-preview main[data-style-rollout] .refresh-final .air-final-grid{display:grid}
#projectside-preview main[data-style-rollout] .cost-body{padding-block:64px;background:#f5f3ee;box-shadow:0 0 0 100vmax #f5f3ee;clip-path:inset(0 -100vmax)}
#projectside-preview main[data-style-rollout] .cost-body h2{font-size:30px}
@media(max-width:1000px){#projectside-preview main[data-style-rollout] .ps-heading-row{gap:32px}#projectside-preview main[data-style-rollout] .refresh-hero{gap:32px}}
@media(max-width:760px){#projectside-preview main[data-style-rollout]{--ps-space:56px}#projectside-preview main[data-style-rollout] .ps-section{padding-block:56px}#projectside-preview main[data-style-rollout] [data-layout-theme="hero"]{padding-block:44px 52px}#projectside-preview main[data-style-rollout] [data-layout-theme="orange"]{padding-block:48px}#projectside-preview main[data-style-rollout] .ps-reading{padding-inline:22px}#projectside-preview main[data-style-rollout] .ps-reading>section,#projectside-preview main[data-style-rollout] .ps-expand-block[data-layout-theme]{padding-block:36px}#projectside-preview main[data-style-rollout] .ps-heading-row{gap:24px}#projectside-preview main[data-style-rollout] :is(.ps-new-card,.ps-expand-card,.ps-offer,.ps-service-directory article,.ps-ask-card){padding:25px}#projectside-preview main[data-style-rollout] .ps-ask-card h2{font-size:27px}#projectside-preview main[data-style-rollout] .refresh-intake-card{padding:24px}#projectside-preview main[data-style-rollout] .refresh-final .air-final-grid{display:block}#projectside-preview main[data-style-rollout] .ps-consult h2{font-size:34px}}

/* Light cards retain dark text when nested inside a dark hero. */
#projectside-preview main[data-style-rollout] .ps-process-strip li{background:#f5f3ee;color:#191f1b;--ps-ink:#191f1b;--ps-muted:#60685f}
#projectside-preview main[data-style-rollout] .ps-decision-flow span{color:#656e61}