/* Two Vistasol appearances. Brand colors and photography remain consistent. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
dialog,.inquiry-inline{color-scheme:light}.gallery-dialog{color-scheme:dark}
.campaign-bar{display:flex;align-items:center;gap:22px;padding:0 3%;height:52px;position:sticky;top:84px;z-index:50}
html{scroll-padding-top:148px}
body[data-page="intro"] .campaign-bar{position:relative;top:auto}
.campaign-message{min-width:0}.campaign-message [data-campaign-fallback]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.campaign-bar>a{flex:1;min-width:0;min-height:52px;height:auto;padding:8px 0;font-size:12px;gap:20px}
.theme-controls{display:inline-flex;align-items:center;flex:none;gap:3px;padding:3px;background:#373737;border:1px solid #666;border-radius:24px}
.theme-controls>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border-radius:20px;background:transparent;color:#e7e7e7;font-size:11px;line-height:1.2;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.theme-controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.theme-controls>button[aria-pressed="true"]{background:#ffce00;color:#202020}
.theme-controls>button:hover{background:#555;color:#fff}.theme-controls>button[aria-pressed="true"]:hover{background:#ffdc48;color:#202020}
.theme-controls>button:focus-visible{outline:2px solid #ffce00;outline-offset:3px}
body[data-page="intro"] .hero{height:calc(100svh - 188px)}
html[data-theme="dark"] body[data-page="intro"] :is(.intro-header,.intro-foot){--paper:#1d1d1d;--ink:#f2f2f2;--line:#ffffff24;background:#1d1d1d;color:#ededed}
html[data-theme="dark"] .intro-header .brand img{filter:url(#footer-wordmark-light)}
html[data-theme="dark"] .intro-header>p{color:#ccc}

html[data-theme="light"] body{--paper:#fafafa;--ink:#242424;--muted:#626262;--line:#d8d8d8;background:#fafafa;color:#242424}
html[data-theme="light"] body :is(a,button,summary):focus-visible{outline-color:#866a00}
html[data-theme="light"] body .text-link:hover{color:#715900;border-color:#715900}
html[data-theme="light"] .campaign-bar{background:#f1f1f1;color:#282828;border-color:#d2d2d2;box-shadow:inset 0 2px #ffce00}
html[data-theme="light"] .campaign-bar>a:hover{background:transparent;color:#000}
html[data-theme="light"] .campaign-kicker{color:#626262}
html[data-theme="light"] .campaign-message strong{color:#242424}
html[data-theme="light"] .campaign-additional{color:#4d4d4d}
html[data-theme="light"] .campaign-action{color:#685200}
html[data-theme="light"] .theme-controls{background:#fff;border-color:#ccc}
html[data-theme="light"] .theme-controls>button{color:#555}
html[data-theme="light"] .theme-controls>button:hover{background:#e9e9e9;color:#202020}
html[data-theme="light"] .theme-controls>button[aria-pressed="true"]{background:#ffce00;color:#202020}

html[data-theme="light"] :is(.solutions,.process,.catalog-section,.detail-information,.quick-services,.about-v4,.gallery-page,.visit-notes,.contact-layout,.config-page,.offer-panel,.application-story,.application-index){background:#fafafa}
html[data-theme="light"] :is(.projects,.possibilities,.related,.model-section,.project-journey,.showroom,.cleaning-crosssell,.newsletter-strip){background:#eee;border-color:#d8d8d8}
html[data-theme="light"] :is(.faq,.product-questions,.product-page-hero){background:#f3f3f3;border-color:#d8d8d8}
html[data-theme="light"] .page-heading{background:radial-gradient(ellipse at 90% 10%,#e2e2e280,transparent 65%),#fafafa}
html[data-theme="light"] :is(.solutions,.projects,.process,.faq,.related,.model-section,.product-questions,.project-journey,.cleaning-crosssell,.quick-services,.newsletter-strip,.showroom-copy,.page-heading,.product-page-copy,.detail-information,.contact-details,.offer-panel,.config-page) .eyebrow{color:#796000}
html[data-theme="light"] :is(.intro-right>p,.product-row p,.product-help>p,.projects-heading>div:last-child>p,.project-side>p:not(.image-note),.process-head>p:last-child,.process-steps p,.faq details>p,.page-lead,.catalog-card>p,.product-page-copy>p:not(.eyebrow):not(.page-lead),.detail-pricing,.reference-card>p,.about-story>div>p:not(.eyebrow),.visit-notes>div>p:not(.eyebrow),.application-story>div>p,.offer-panel .offer-text,.offer-panel>div>p:not(.eyebrow),.config-page>div>p:not(.eyebrow),.business-intro>p:not(.eyebrow),.use-case p,.model-heading>p,.model-list p,.product-questions details>p,.about-v4-copy p,.journey-heading>p,.journey-step p,.cleaning-crosssell p:not(.eyebrow),.newsletter-strip>div>p:not(.eyebrow),.newsletter-strip small){color:#606060}
html[data-theme="light"] :is(.product-help strong,.product-page-copy .page-lead){color:#282828}
html[data-theme="light"] .page-heading h1 em{color:#383838}
html[data-theme="light"] .breadcrumbs{color:#686868}
html[data-theme="light"] .hero-foot{background:#fff!important;border-color:#d8d8d8!important}
html[data-theme="light"] .hero-foot p{color:#656565}
html[data-theme="light"] .service-band{background:#f3f3f3;border-color:#d8d8d8}
html[data-theme="light"] .service-band>p{color:#686868}
html[data-theme="light"] .service-band>p strong,html[data-theme="light"] .service-band b{color:#292929}
html[data-theme="light"] .service-band>span{color:#7a6100}
html[data-theme="light"] .service-band>a{border-color:#d8d8d8}
html[data-theme="light"] .product-row .product-index{color:#767676}
html[data-theme="light"] .product-row:is(.is-current,:hover){color:#242424;background:#ffce0010;box-shadow:inset 3px 0 #ffce00}
html[data-theme="light"] .product-row.is-current .product-index{color:#796000}
html[data-theme="light"] .product-row:is(.is-current,:hover) .row-arrow{color:#796000}
html[data-theme="light"] .project-side>.image-note{color:#796000}
.photo-open{color:#fff}
html[data-theme="light"] .config-feature{background:#f3f3f3}
html[data-theme="light"] .config-feature-copy>.eyebrow{color:#796000}
html[data-theme="light"] .config-feature-copy>p:not(.eyebrow){color:#606060}
html[data-theme="light"] .config-feature-copy>ul{color:#383838}
html[data-theme="light"] .config-feature-copy li{border-color:#d7d7d7}
html[data-theme="light"] .config-feature-copy li:before{color:#796000}
html[data-theme="light"] .showroom-copy>p:not(.eyebrow):not(.showroom-small):not(.showroom-address){color:#565656}
html[data-theme="light"] .showroom-hours{border-color:#ccc}
html[data-theme="light"] .showroom-hours span{color:#626262}
html[data-theme="light"] .showroom-hours strong{color:#303030}
html[data-theme="light"] .showroom-address{color:#353535}
html[data-theme="light"] .showroom-small{color:#656565}
html[data-theme="light"] .slideshow-controls{background:#fff;border-color:#d5d5d5}
html[data-theme="light"] .slideshow-controls>[data-slide-count]{color:#796000}
html[data-theme="light"] .slideshow-controls button{border-color:#bbb;color:#292929}
html[data-theme="light"] .slideshow-controls button:hover{background:#ffce00;color:#202020;border-color:#ffce00}
html[data-theme="light"] .showroom-carousel{border-color:#ccc}
html[data-theme="light"] .step-number{color:#796000}
html[data-theme="light"] .process-steps>article{border-color:#ccc}
html[data-theme="light"] .quick-services a{background:#fff;border-color:#d8d8d8;color:#242424}
html[data-theme="light"] .quick-services a:first-child{background:linear-gradient(90deg,#fffffffa,#ffffffd9),url('/assets/detail-roof.jpg') center/cover}
html[data-theme="light"] .quick-services a>span,html[data-theme="light"] .quick-services b{color:#796000}
html[data-theme="light"] .quick-services p{color:#5d5d5d}
html[data-theme="light"] .quick-services a:hover{background-color:#f1f1f1}
html[data-theme="light"] .site-footer{background:#ececec;color:#303030}
html[data-theme="light"] .site-footer .brand img{filter:none}
html[data-theme="light"] .footer-top>p{color:#454545}
html[data-theme="light"] .footer-grid .eyebrow{color:#6d5700}
html[data-theme="light"] :is(.footer-grid>div>p:not(.eyebrow),.footer-grid a,.footer-grid button,.footer-note>p){color:#515151}
html[data-theme="light"] .footer-bottom{color:#686868}
html[data-theme="light"] .detail-features li{color:#444}
html[data-theme="light"] .reference-card>div>span{color:#796000}
html[data-theme="light"] .detail-features li>span{color:#796000}
html[data-theme="light"] .advice-note{background:#e8e8e8;border-left-color:#ffce00}
html[data-theme="light"] .advice-note>span{color:#796000}
html[data-theme="light"] .advice-note>p{color:#454545}
html[data-theme="light"] .contact-primary{background:#eee;border-top-color:#ffce00}
html[data-theme="light"] .contact-primary>p:not(.eyebrow),html[data-theme="light"] .contact-details>p:not(.eyebrow){color:#555}
html[data-theme="light"] .contact-preview-note{color:#656565!important}
html[data-theme="light"] .contact-details hr{border-color:#ccc}
html[data-theme="light"] .use-case{border-color:#ccc}
html[data-theme="light"] .use-case>span:first-child,html[data-theme="light"] .case-arrow{color:#796000}
html[data-theme="light"] .model-list>article{background:#fff;border-color:#ccc}
html[data-theme="light"] .model-number{color:#796000}
html[data-theme="light"] .equipment-options{border-color:#ccc}
html[data-theme="light"] .equipment-options>.eyebrow,html[data-theme="light"] .equipment-options b{color:#796000}
html[data-theme="light"] .equipment-options>div>span{color:#454545}
html[data-theme="light"] :is(.product-specs,.product-specs>div,.product-questions-list>details){border-color:#ccc}
html[data-theme="light"] .product-specs dt{color:#685300}
html[data-theme="light"] .product-specs dd{color:#555}
html[data-theme="light"] .product-questions summary>span{color:#796000}
html[data-theme="light"] .about-v4-copy>article{border-color:#ccc}
html[data-theme="light"] .about-v4-copy>article>span{color:#796000}
html[data-theme="light"] .journey-step{border-color:#bbb}
html[data-theme="light"] .journey-number{color:#796000}
html[data-theme="light"] .audience-hero:after{background:linear-gradient(90deg,#111111a6 0%,#11111135 65%,#11111100),linear-gradient(0deg,#11111140,transparent 70%)}
html[data-theme="light"] .hero-panel:after{background:linear-gradient(180deg,#1111111a 0%,#11111104 28%,#11111135 44%,#1111118c 100%)}
@media(min-width:1600px){.campaign-bar{padding-left:max(3%,calc((100% - 1740px)/2));padding-right:max(3%,calc((100% - 1740px)/2))}.campaign-bar>a{padding-left:0;padding-right:0}}
@media(max-width:1240px){html{scroll-padding-top:140px}.campaign-bar{padding:0 28px;gap:20px;top:74px}.campaign-bar>a{padding:8px 0;gap:15px;font-size:11px}.campaign-additional{display:none}}
@media(max-width:820px){html{scroll-padding-top:138px}.campaign-bar{padding:0 23px;gap:16px;top:72px}.theme-controls>button{padding:6px 8px;font-size:10px}.theme-controls svg{width:13px;height:13px}body[data-page="intro"] .hero{height:calc(100svh - 168px)}}
@media(max-width:600px){html{scroll-padding-top:134px}.campaign-bar{padding:0 20px;gap:12px;height:50px;min-height:50px;top:70px}.campaign-bar>a{padding:6px 0;font-size:10px;min-height:50px;height:auto;gap:10px}.campaign-message{max-width:none}.campaign-action>span{display:none}.campaign-action{gap:0}.campaign-action>b{font-size:17px}.theme-controls{gap:1px;padding:3px}.theme-controls>button{min-height:34px;padding:6px 7px;gap:5px;font-size:10px}.theme-controls svg{width:12px;height:12px}.audience-hero{height:calc(100svh - 120px)}body[data-page="intro"] .hero{height:calc(100svh - 160px)}html[data-theme="light"] .audience-hero:after{background:linear-gradient(0deg,#111111bf 0%,#11111159 50%,#11111105 100%)}html[data-theme="light"] .hero-panel:after{background:linear-gradient(90deg,#11111159,#11111110 80%),linear-gradient(0deg,#11111185,transparent 90%)}}
@media(max-width:365px){.campaign-bar{padding:0 16px;gap:9px}.campaign-bar>a{font-size:9px}.theme-controls svg{display:none}.theme-controls>button{padding:7px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.theme-controls>button{transition:none}}