/* Vistasol: bright navigation, warm graphite architecture, yellow wayfinding. */
body:not([data-page="intro"]){--paper:#1d1d1d;--ink:#f1f1f1;--muted:#bcbcbc;--line:#ffffff24;background:var(--paper);color:var(--ink)}
body:not([data-page="intro"]) :is(a,button,summary):focus-visible{outline-color:#ffce00}
body:not([data-page="intro"]) .button-yellow{color:#282828}
body:not([data-page="intro"]) .text-link:hover{color:#ffce00;border-color:#ffce00}
.picture-header{color:var(--ink);--paper:#fafafa;--ink:#282828;--muted:#6c6c6c;--line:#dbdbdb;position:sticky;top:0;z-index:60;height:84px;padding:0 3%;gap:24px;box-shadow:0 1px 0 #28282815}
.picture-header .brand{width:172px!important}.picture-header .brand img{height:45px}
.picture-header .header-actions{gap:16px}.picture-header .header-contact{border-radius:40px;font-size:13px;gap:18px;padding:15px 22px;white-space:nowrap;min-height:48px}
.picture-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.picture-nav>a{font-size:14px;white-space:nowrap;padding:28px 0;transition:color .2s}
.picture-nav>a:hover{color:#8c7100}.mega-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:28px 0;position:relative;white-space:nowrap}
.mega-menu>summary::-webkit-details-marker{display:none}.mega-menu>summary:after{content:'';height:2px;background:var(--yellow);position:absolute;bottom:17px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.mega-menu.is-area>summary:after,.mega-menu[open]>summary:after{transform:scaleX(1)}.mega-menu>summary>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s}.mega-menu[open]>summary>svg{transform:rotate(180deg)}
.mega-panel{position:absolute;top:calc(100% - 5px);left:max(3%,calc((100% - 1450px)/2 + 190px));width:min(740px,94vw);background:#fafafa;border:1px solid #dddddd;border-radius:12px;padding:22px;box-shadow:0 25px 65px #0f0f0f42;color:#292929;z-index:65}
.mega-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 18px;border-bottom:1px solid #e1e1e1;margin-bottom:9px}.mega-top>span{font-size:9px;letter-spacing:.12em;color:#717171;font-weight:600}.mega-top>a{font-size:11px;font-weight:500;white-space:nowrap}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.mega-item{display:flex;align-items:center;gap:13px;min-width:0;padding:12px 8px;border-radius:7px;transition:background .2s}.mega-item:hover,.mega-item:focus-visible{background:#ededed}
.mega-thumb{width:60px;height:66px;border-radius:6px;flex:none;object-fit:cover}.mega-item>span:not(.mega-arrow){min-width:0}.mega-item strong{display:block;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.015em}.mega-item small{display:block;font-size:12px;line-height:1.5;color:#6e6e6e;margin-top:5px;max-width:232px}.mega-arrow{font-size:16px;color:#8d7718;margin-left:auto;opacity:0;transition:opacity .2s}.mega-item:hover .mega-arrow{opacity:1}
.mega-all{margin-top:12px;border-top:1px solid #dedede;border-radius:5px;padding:15px 8px 2px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.mega-all>span{font-size:20px}.mega-all:hover{color:#8d7100}.mobile-extras{display:none}
.picture-header .menu-toggle{display:none}
.audience-hero{height:calc(90svh - 84px);min-height:650px;max-height:900px}.audience-hero:after{background:linear-gradient(90deg,#101010ce 0%,#1010105c 55%,#1010100d),linear-gradient(0deg,#10101080,transparent 70%)}
.audience-hero-copy{left:6.5%;bottom:70px;max-width:800px}.audience-hero-copy>.eyebrow{border-left:27px solid var(--yellow);padding-left:13px;color:#f1f1f1;font-size:11px;letter-spacing:.14em}.audience-hero h1{font-size:clamp(64px,7vw,108px);line-height:1.01;letter-spacing:-.065em}.audience-hero h1 em{color:#e6e6e6}.audience-hero-copy>p:not(.eyebrow){font-size:17px;max-width:450px}.audience-hero-copy>div{margin-top:32px}.audience-hero-copy .button{font-size:13px;padding:18px 24px;border-radius:3px}.audience-hero-secondary{font-size:13px}
body:not([data-page="intro"]) .hero-foot{background:#161616;border-color:#ffffff20;height:55px;padding:0 6.5%}.hero-foot p{color:#c7c7c7}.location-mark{color:#242424}.hero-foot>a{font-size:11px}.hero-foot>span{font-size:10px}
.service-band{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 6.5%;border-bottom:1px solid var(--line);background:#262626}.service-band>p{font-size:12px;line-height:1.6;color:#bdbdbd}.service-band>p strong{font-size:15px;color:#f0f0f0;font-weight:500}.service-band>span{font-size:10px;color:#c5a91b;display:flex;gap:10px;align-items:center}.service-band b{font-size:12px;font-weight:500;color:#ebebeb}.service-band>a{font-size:11px;white-space:nowrap}
body:not([data-page="intro"]) .section-wrap{padding-top:85px;padding-bottom:85px}.solutions{position:relative;background:#1d1d1d}.solutions>.section-intro{margin-bottom:0}.intro-grid h2,.projects-heading h2{font-size:clamp(42px,4.5vw,68px)}.intro-grid{gap:10%}.section-intro>.eyebrow,.projects-heading .eyebrow{color:#e0c454;font-size:10px}
.intro-right>p{color:#bebebe;font-size:16px;line-height:1.85}.intro-right>.text-link{font-size:13px;margin-top:19px}.product-explorer{margin-top:42px;gap:5%;grid-template-columns:1.1fr 1fr;align-items:stretch}.product-stage{height:560px;border-radius:3px}.product-stage>img{object-fit:cover;object-position:center 60%}.stage-tag{background:#1d1d1de8;color:#f2f2f2;backdrop-filter:blur(14px);border:1px solid #ffffff25;bottom:20px;left:20px;right:20px;padding:15px 17px;font-size:14px}.stage-tag>a{color:#272727;flex:none}.product-list{display:flex;flex-direction:column}.product-row{flex:1;padding:24px 0;gap:18px;grid-template-columns:25px 1fr 25px}.product-row h3{font-size:25px;letter-spacing:-.04em}.product-row p{font-size:14px;color:#b5b5b5;line-height:1.6;margin-top:5px}.product-row .product-index{color:#a6a6a6}.product-row.is-current,.product-row:hover{color:#ffdb45;padding-left:12px}.product-row.is-current .product-index{color:#ffdb45}.product-row .row-arrow{font-size:27px}.product-help{margin-top:30px;padding-top:23px}.product-help>p{color:#bebebe;font-size:14px}.product-help strong{color:#efefef}.product-help .text-link{font-size:13px}
.projects{background:#2c2c2c;position:relative;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.projects-heading{margin-bottom:38px}.projects-heading>div:last-child>p{font-size:15px;color:#c2c2c2;line-height:1.9}.project-composition{grid-template-columns:1.45fr .8fr;gap:7%;align-items:stretch}.project-main{min-height:560px;border-radius:3px}.project-main img{object-position:center}.project-side{padding-top:8px}.project-side>.image-note{color:#c8ad4e;letter-spacing:.14em}.project-side>h3{font-size:39px;margin-top:25px;max-width:400px}.project-side>p:not(.image-note){color:#c3c3c3;font-size:15px;line-height:1.85;max-width:350px;margin-top:24px}.project-side>.text-link{font-size:12px;margin-top:22px}.project-detail{height:210px;margin-top:32px;border-radius:3px}.project-detail>span{background:#ffce00;color:#292929}.photo-open{background:#1f1f1fdd;backdrop-filter:blur(5px);border:1px solid #ffffff30}.projects-heading .text-link{font-size:13px}
.config-feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#181818}.config-visual{position:relative;height:540px;border-radius:3px;overflow:hidden}.config-visual>img{width:100%;height:100%;object-fit:cover}.config-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1414148c,transparent 70%)}.config-visual-label{position:absolute;left:25px;bottom:25px;z-index:1;font-size:10px;letter-spacing:.13em;color:#f4f4f4}.config-marker{position:absolute;top:24px;right:24px;height:56px;width:56px;border:1px solid #ffffff85;display:flex;align-items:center;justify-content:center;color:white;font-size:32px}.config-feature-copy>.eyebrow{color:#e1c851;margin-bottom:25px}.config-feature-copy>h2{font-size:clamp(40px,4.2vw,62px)}.config-feature-copy>p:not(.eyebrow){font-size:16px;color:#bfbfbf;line-height:1.9;margin-top:27px;max-width:460px}.config-feature-copy>ul{list-style:none;padding:0;margin:25px 0 30px;font-size:14px;color:#e7e7e7;line-height:1.7}.config-feature-copy li{padding:9px 0 9px 24px;position:relative;border-bottom:1px solid #ffffff16}.config-feature-copy li:before{content:'↗\FE0E';position:absolute;left:0;color:#ffce00}.config-feature-copy>.button{font-size:13px;gap:45px}.config-feature-copy>.text-link{display:block;border:0;font-size:12px;margin-top:13px;width:max-content;max-width:100%}
.showroom{background:#323232;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff18;min-height:660px}.showroom-copy{padding:70px 12% 65px}.showroom-copy>.eyebrow{color:#e5ca50}.showroom h2{font-size:clamp(39px,4vw,61px)}.showroom-copy>p:not(.eyebrow):not(.showroom-small):not(.showroom-address){font-size:16px;color:#c8c8c8;line-height:1.85}.showroom-hours{border-color:#ffffff30;max-width:420px}.showroom-hours span{color:#c3c3c3;font-size:9px}.showroom-hours strong{font-size:30px;color:#ffdd52}.showroom-address{font-size:14px;color:#e6e6e6}.showroom-copy>.button{background:#ffce00;color:#282828;font-size:12px}.showroom-small{font-size:12px;color:#c1c1c1}.showroom-image>img{filter:brightness(.87)}
.process{background:#1d1d1d}.process-head>.eyebrow{color:#d8c46b}.process-head>p:last-child{font-size:15px;line-height:1.85}.step-number{color:#d8bb37;font-size:34px}.process-steps h3{font-size:23px}.process-steps p{font-size:15px;line-height:1.85}.process-steps>article{border-color:#ffffff2b}.faq{background:#252525}.faq>.faq-list summary{font-size:16px}.faq details>p{font-size:15px;color:#c3c3c3}.faq h2{font-size:48px}.faq .eyebrow{color:#e1c850}
.quick-services{background:#1d1d1d}.quick-services>.eyebrow{color:#d5c16f;margin-bottom:30px}.quick-services>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}.quick-services a{display:block;padding:36px 40px;background:#2d2d2d;border:1px solid #ffffff1d;position:relative;overflow:hidden;transition:background .25s}.quick-services a:first-child{background:linear-gradient(90deg,#272727f5,#2727278a),url('/assets/detail-roof.jpg') center/cover}.quick-services a>span{font-size:10px;letter-spacing:.12em;color:#e1ce78}.quick-services h3{font-size:38px;line-height:1.15;margin-top:24px}.quick-services p{font-size:14px;color:#c4c4c4;max-width:300px;margin-top:22px;line-height:1.8}.quick-services b{font-size:13px;font-weight:500;display:block;margin-top:27px;color:#f6db61}.quick-services a:hover{background-color:#3f3f3f}
.closing{background:linear-gradient(90deg,#181818ed,#202020d9),url('/assets/hero-private.jpg') center 66%/cover;padding:90px 24px}.closing h2{font-size:clamp(50px,6vw,86px)}.closing>.eyebrow{color:#ead879}.closing>p:not(.eyebrow){color:#d4d4d4;font-size:16px}.closing>a.button{color:#282828}.closing>a:not(.button){font-size:13px;color:#d7d7d7}
.site-footer{background:#151515}.site-footer .brand{background:#f3f3f3;padding:8px 12px;border-radius:2px}.site-footer .brand img{height:33px}.footer-top>p{color:#dcdcdc}.footer-grid .eyebrow{color:#cbb95f}.footer-grid>div>p:not(.eyebrow),.footer-grid a,.footer-grid button{font-size:14px;color:#cdcdcd;line-height:1.8}.footer-bottom{font-size:11px}.footer-note>p{color:#cdcdcd}
.page-heading{background:radial-gradient(ellipse at 90% 10%,#45454540,transparent 65%),#1d1d1d}.page-heading h1{font-size:clamp(48px,5.7vw,82px)}.page-heading>.eyebrow{color:#e1c65d}.page-heading h1 em{color:#d8d8d8}.breadcrumbs{color:#bababa;font-size:12px}.page-lead{font-size:18px;color:#c2c2c2;line-height:1.8}.page-heading>.breadcrumbs{margin-bottom:35px}.catalog-section{background:#1d1d1d}.catalog-card h2{font-size:27px;margin-top:22px}.catalog-card>p{font-size:15px;color:#bbbbbb}.catalog-image{border-radius:3px}.catalog-image>span{background:#eeeeee;color:#2a2a2a}.catalog-card:hover .catalog-image>span{background:#ffce00}.awning-overview .catalog-grid{grid-template-columns:1fr 1fr}.catalog-grid{gap:44px 30px}
.product-page-hero{background:#262626}.product-page-copy{padding:65px 11% 70px}.product-page-copy>.eyebrow{color:#dcc356}.product-page-copy h1{font-size:clamp(42px,4vw,65px)}.product-page-copy .page-lead{color:#e8e8e8;font-size:21px;line-height:1.6}.product-page-copy>p:not(.eyebrow):not(.page-lead){color:#bebebe;font-size:16px;line-height:1.8}.product-page-copy>.button{font-size:13px;margin-top:30px}.product-page-image{min-height:650px}.product-page-image>img{object-position:center}.detail-information{background:#1d1d1d}.detail-information h2{font-size:49px}.detail-information .eyebrow{color:#deca70}.detail-features li{font-size:16px;padding:22px 0;color:#dfdfdf}.detail-features li>span{color:#edcc46}.advice-note{background:#333333;border-left:2px solid #dbc550;padding:25px}.advice-note>span{color:#e3c963}.advice-note>p{font-size:15px;color:#d6d6d6;line-height:1.8}.detail-pricing{font-size:14px;color:#b8b8b8}.related{background:#2b2b2b}.related>h2{font-size:48px}.related>.eyebrow{color:#d8c36d}.reference-card>img{height:420px;border-radius:3px}.reference-card h2{font-size:29px}.reference-card>p{color:#b1b1b1;font-size:12px}.reference-card>div>span{color:#ffce00}.about-story>div>p:not(.eyebrow),.visit-notes>div>p:not(.eyebrow),.application-story>div>p{font-size:16px;color:#c3c3c3}.about-story>.eyebrow,.contact-details>.eyebrow{color:#dbc669}.contact-primary{background:#313131;border-top:2px solid #e0c54d}.contact-primary>p:not(.eyebrow){color:#cbcbcb;font-size:16px}.contact-preview-note{color:#b5b5b5!important}.contact-details>p:not(.eyebrow){font-size:15px;color:#cccccc}.contact-details>a{font-size:17px}.contact-details hr{border-color:#ffffff2b}.offer-panel>div>p:not(.eyebrow),.config-page>div>p:not(.eyebrow){font-size:16px;color:#c3c3c3}.possibilities{background:#2b2b2b}.business-intro>p:not(.eyebrow){font-size:16px;color:#c2c2c2;max-width:400px;margin-top:22px;line-height:1.9}.business-intro>.text-link{font-size:13px;margin-top:25px}.use-case{border-color:#ffffff25}.use-case:last-child{border-color:#ffffff25}.use-case>span:first-child{color:#d6bd4e}.use-case p{font-size:15px;color:#bfbfbf}.use-case h3{font-size:26px}.case-arrow{color:#e7ca56}
/* Form and navigation surfaces keep a familiar, clear input contrast. */
dialog{--paper:#f7f7f7;--ink:#292929;--muted:#6d6d6d;--line:#d6d6d6;color:var(--ink);background:var(--paper);border-radius:7px}.dialog-close{color:#292929}.button-dark{color:#fff}.inquiry-aside{background:#313131}.inquiry-main .button-dark{background:#2e2e2e;color:#fff}.config-dialog .button-yellow{color:#292929}.gallery-dialog{--paper:#f1f1f1;--ink:#292929;background:#1e1e1e;color:#f1f1f1}.gallery-dialog .dialog-close{background:#f1f1f1}.gallery-caption{font-size:13px}.form-hint{font-size:12px}.field-error{font-size:12px}.field input,.field select,.field textarea{font-size:15px}.consent{font-size:12px}.inquiry-main h2{font-size:32px}
@media(min-width:1600px){.picture-header{padding-left:max(3%,calc((100% - 1740px)/2));padding-right:max(3%,calc((100% - 1740px)/2))}.picture-nav{gap:30px}.picture-nav>a,.mega-menu>summary{font-size:15px}.product-stage{height:600px}}
@media(max-width:1400px) and (min-width:1241px){.picture-header{gap:18px;padding:0 2.2%}.picture-header .brand{width:155px!important}.picture-nav{gap:18px}.picture-nav>a,.mega-menu>summary{font-size:13px}.picture-header .header-contact{font-size:12px;padding:14px 18px;gap:12px}}
@media(max-width:1240px){.picture-header{height:74px;padding:0 28px;gap:20px}.picture-header .brand{width:155px!important}.picture-header .header-actions{margin-left:auto}.picture-header .header-contact{font-size:12px;min-height:43px;padding:12px 18px}.picture-header .menu-toggle{display:block;width:35px}.picture-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 28px 25px;background:#fafafa;max-height:calc(100svh - 74px);overflow:auto;box-shadow:0 25px 40px #10101050;border-bottom:2px solid #d3bd50}.picture-nav.is-open{display:block}.picture-nav>a{display:block;font-size:17px;padding:15px 0;border-bottom:1px solid #dcdcdc}.mega-menu{border-bottom:1px solid #dcdcdc}.mega-menu>summary{font-size:19px;padding:20px 0;justify-content:space-between}.mega-menu>summary:after{bottom:9px;width:40px;right:auto}.mega-panel{position:static;width:auto;max-width:800px;border:0;box-shadow:none;border-radius:0;padding:0 0 18px}.mega-top{padding:10px 0 17px}.mega-item{padding:12px 4px}.mega-thumb{width:58px;height:63px}.mega-item strong{font-size:14px}.mega-item small{font-size:12px}.mega-all{padding-bottom:5px}.mobile-extras{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:23px}.mobile-extras>a{font-size:13px;color:#6a6a6a}.mega-arrow{display:none}.service-band{gap:22px;flex-wrap:wrap;padding:25px 5.5%}.service-band>p{display:none}.service-band b{font-size:12px}.service-band>a{font-size:11px}.audience-hero{min-height:620px;height:76svh}.audience-hero h1{font-size:80px}.product-stage{height:520px}.product-row h3{font-size:22px}.product-row p{font-size:13px}.project-side>h3{font-size:34px}.project-main{min-height:520px}.config-feature{gap:7%}.config-visual{height:500px}.showroom-copy{padding:60px 10%}.showroom h2{font-size:46px}.showroom-copy>p:not(.eyebrow):not(.showroom-small):not(.showroom-address){font-size:15px}.detail-information h2{font-size:43px}.product-page-copy{padding:48px 9%}.product-page-copy h1{font-size:43px}.product-page-copy>p:not(.eyebrow):not(.page-lead){font-size:15px}.product-page-image{min-height:620px}}
@media(max-width:820px){.picture-header{height:72px;padding:0 23px}.picture-header .brand{width:141px!important}.picture-nav{max-height:calc(100svh - 72px);padding:10px 23px 25px}.audience-hero-copy{left:30px;right:30px;bottom:50px}.audience-hero h1{font-size:72px}.audience-hero-copy>p:not(.eyebrow){font-size:16px}.service-band{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:26px 30px}.service-band>a{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:16px}.intro-grid h2,.projects-heading h2{font-size:52px}.intro-right{display:block;max-width:550px}.intro-right>p{font-size:16px;max-width:none}.product-explorer{grid-template-columns:1fr;gap:28px}.product-stage{height:470px}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.product-row{padding:20px 0;gap:10px;grid-template-columns:20px 1fr 18px}.product-row h3{font-size:21px}.product-row p{font-size:13px}.product-row:last-child{border-bottom:0}.product-help{margin-top:25px}.project-composition{grid-template-columns:1.1fr 1fr;gap:6%}.project-main{min-height:500px}.project-side>h3{font-size:30px}.project-side>p:not(.image-note){font-size:14px;line-height:1.8}.project-detail{height:180px}.project-side>.text-link{font-size:11px;gap:12px}.config-feature{grid-template-columns:1fr 1fr;gap:6%}.config-visual{height:490px}.config-feature-copy>h2{font-size:39px}.config-feature-copy>p:not(.eyebrow){font-size:14px}.config-feature-copy>ul{font-size:12px}.config-feature-copy>.button{font-size:11px;gap:20px}.config-visual-label{font-size:8px;left:17px;right:17px}.showroom-copy{padding:55px 30px}.showroom h2{font-size:41px}.showroom-hours{gap:25px}.showroom-hours strong{font-size:26px}.showroom-hours span{font-size:8px}.showroom-small{font-size:11px}.process-head h2{font-size:42px}.process-steps h3{font-size:21px}.process-steps p{font-size:14px}.faq h2{font-size:40px}.faq>.faq-list summary{font-size:15px}.quick-services a{padding:30px}.quick-services h3{font-size:34px}.product-page-copy{padding:45px 30px}.product-page-copy h1{font-size:37px}.product-page-copy .page-lead{font-size:19px}.product-page-copy .button{font-size:11px;gap:20px}.product-page-image{min-height:650px}.related>h2{font-size:42px}.catalog-card h2{font-size:25px}.catalog-card>p{font-size:14px}.reference-card>img{height:320px}.reference-card h2{font-size:25px}.detail-features li{font-size:15px}.contact-layout{grid-template-columns:1fr 1fr}.contact-primary{padding:30px}.contact-primary h2{font-size:35px}.contact-primary .button{font-size:11px;gap:15px}.contact-primary>p:not(.eyebrow){font-size:15px}}
@media(max-width:600px){.picture-header{height:70px;padding:0 20px;gap:10px}.picture-header .brand{width:128px!important}.picture-header .brand img{height:36px}.picture-header .header-contact{display:inline-flex;font-size:10px;padding:11px 14px;min-height:38px;gap:0}.picture-header .header-contact>span{display:none}.picture-header .header-actions{gap:14px}.picture-header .menu-toggle{width:25px;padding:7px 0}.picture-nav{padding:7px 20px 25px;max-height:calc(100svh - 70px)}.mega-menu>summary{font-size:19px;padding:19px 0}.mega-grid{grid-template-columns:1fr;gap:2px}.mega-top{gap:10px;align-items:start}.mega-top>span{font-size:8px;max-width:130px}.mega-top>a{font-size:10px}.mega-item{padding:11px 0;gap:13px}.mega-thumb{width:56px;height:58px}.mega-item strong{font-size:15px}.mega-item small{font-size:12px;max-width:260px;margin-top:3px}.mega-all{font-size:13px;padding:15px 0 4px}.mobile-extras{gap:14px 20px}.mobile-extras>a{font-size:12px}.audience-hero{height:calc(100svh - 70px);min-height:630px;max-height:850px}.audience-hero:after{background:linear-gradient(0deg,#141414da 0%,#14141480 50%,#14141410 100%)}.audience-hero-copy{left:23px;right:23px;bottom:48px}.audience-hero-copy>.eyebrow{font-size:8px;border-left-width:21px;padding-left:10px;letter-spacing:.12em}.audience-hero h1{font-size:64px}.audience-hero-copy>p:not(.eyebrow){font-size:15px;max-width:340px;line-height:1.8;margin-top:25px}.audience-hero-copy>div{gap:18px;margin-top:27px;align-items:start;flex-direction:column}.audience-hero-copy .button{font-size:12px;min-height:50px;padding:16px 20px}.audience-hero-secondary{font-size:12px}.audience-hero-credit{font-size:7px}.hero-foot>span{font-size:7px}.hero-foot>a{font-size:8px}body:not([data-page="intro"]) .hero-foot{padding:0 23px;height:48px}.service-band{padding:24px 23px;gap:17px 15px}.service-band>span{gap:7px;font-size:9px}.service-band b{font-size:11px}.service-band>a{font-size:11px}.intro-grid h2,.projects-heading h2{font-size:43px}.section-intro>.eyebrow{font-size:9px}.intro-right>p{font-size:15px}.intro-right>.text-link{font-size:12px;margin-top:17px}body:not([data-page="intro"]) .section-wrap{padding-top:56px;padding-bottom:56px}.product-explorer{margin-top:30px;gap:20px}.product-stage{height:370px}.stage-tag{font-size:12px;bottom:14px;left:14px;right:14px;padding:12px;gap:10px}.stage-tag>a{height:32px;width:32px}.product-list{display:flex}.product-row{padding:20px 0;gap:13px;grid-template-columns:22px 1fr 23px}.product-row h3{font-size:22px}.product-row p{font-size:13px;margin-top:4px}.product-row:last-child{border-bottom:1px solid var(--line)}.product-help{align-items:start;flex-direction:column;gap:13px}.product-help>p{font-size:13px}.product-help .text-link{font-size:12px;max-width:none}.project-composition{grid-template-columns:1fr;gap:0}.project-main{min-height:350px;height:390px}.projects-heading{margin-bottom:28px}.projects-heading>div:last-child>p{font-size:14px;line-height:1.8}.project-side{padding-top:28px}.project-side>h3{font-size:33px;margin-top:17px}.project-side>p:not(.image-note){font-size:15px;max-width:none;margin-top:19px}.project-side>.text-link{font-size:12px;margin-top:17px}.project-detail{height:240px;margin-top:25px}.config-feature{grid-template-columns:1fr;gap:31px}.config-visual{height:320px}.config-marker{width:44px;height:44px;top:17px;right:17px;font-size:26px}.config-visual-label{font-size:9px;bottom:20px;left:20px}.config-feature-copy>.eyebrow{font-size:9px;margin-bottom:19px}.config-feature-copy>h2{font-size:43px}.config-feature-copy>p:not(.eyebrow){font-size:15px;margin-top:22px}.config-feature-copy>ul{font-size:14px;margin:20px 0 25px}.config-feature-copy>.button{font-size:12px;gap:42px}.config-feature-copy>.text-link{font-size:12px}.showroom{min-height:0}.showroom-copy{padding:56px 23px 44px}.showroom-copy>.eyebrow{font-size:9px}.showroom h2{font-size:43px}.showroom-copy>p:not(.eyebrow):not(.showroom-small):not(.showroom-address){font-size:15px}.showroom-hours{gap:35px}.showroom-hours span{font-size:9px}.showroom-hours strong{font-size:29px}.showroom-address{font-size:14px}.showroom-small{font-size:11px}.showroom-image{height:330px;min-height:330px}.process-head h2{font-size:39px}.process-head>p:last-child{font-size:15px}.process-steps h3{font-size:22px}.process-steps p{font-size:14px}.step-number{font-size:28px}.faq h2{font-size:39px}.faq>.faq-list summary{font-size:15px}.faq details>p{font-size:14px}.quick-services>div{grid-template-columns:1fr;gap:20px}.quick-services a{padding:31px 26px}.quick-services>.eyebrow{font-size:9px;line-height:1.8;margin-bottom:25px}.quick-services h3{font-size:36px}.quick-services p{font-size:14px}.closing{padding:65px 23px}.closing h2{font-size:50px}.closing>p:not(.eyebrow){font-size:15px}.closing>a:not(.button){font-size:12px}.site-footer{padding:35px 23px 0}.footer-top{gap:18px}.footer-top>p{font-size:14px}.footer-top>.brand{width:126px}.footer-grid>div>p:not(.eyebrow),.footer-grid a,.footer-grid button{font-size:13px}.footer-grid .eyebrow{font-size:9px}.footer-bottom{font-size:9px}.breadcrumbs{font-size:10px;padding:20px 23px}.page-heading>.breadcrumbs{margin-bottom:26px}.page-heading h1{font-size:43px}.page-lead{font-size:15px;line-height:1.85}.page-heading>.eyebrow{font-size:9px}.catalog-card h2{font-size:26px}.catalog-card>p{font-size:15px}.catalog-grid{gap:33px}.awning-overview .catalog-grid{grid-template-columns:1fr}.product-page-image{min-height:330px;height:330px}.product-page-copy{padding:35px 23px 43px}.product-page-copy h1{font-size:40px;hyphens:auto;overflow-wrap:break-word}.product-page-copy .page-lead{font-size:20px}.product-page-copy>p:not(.eyebrow):not(.page-lead){font-size:15px}.product-page-copy>.button{font-size:12px;gap:26px}.product-page-copy>.eyebrow{font-size:9px}.detail-information h2{font-size:39px}.detail-features li{font-size:15px;padding:19px 0}.advice-note{padding:22px}.advice-note>p{font-size:14px}.detail-pricing{font-size:13px}.related>h2{font-size:39px}.reference-card>img{height:300px}.reference-card h2{font-size:25px}.reference-card>p{font-size:12px}.about-story>div>p:not(.eyebrow),.visit-notes>div>p:not(.eyebrow),.application-story>div>p{font-size:15px}.contact-layout{grid-template-columns:1fr}.contact-primary{padding:28px 24px}.contact-primary h2{font-size:36px}.contact-primary .button{font-size:12px;gap:25px}.contact-details .contact-phone{font-size:27px}.offer-panel>div>p:not(.eyebrow),.config-page>div>p:not(.eyebrow){font-size:15px}.use-case h3{font-size:24px}.use-case p{font-size:14px}.business-intro>p:not(.eyebrow){font-size:15px}.inquiry-main h2{font-size:29px}.field input,.field select,.field textarea{font-size:16px}.field{font-size:12px}.consent,.form-hint{font-size:12px}.gallery-caption{font-size:11px}}
@media(max-width:365px){.picture-header{padding:0 16px}.picture-header .brand{width:112px!important}.picture-header .header-actions{gap:10px}.picture-header .header-contact{font-size:9px;padding:11px}.audience-hero h1{font-size:58px}.service-band b{font-size:10px}}
.customer-voices{background:#e4e4e4;color:#2e2e2e;--line:#c9c9c9;--ink:#2e2e2e;--muted:#6d6d6d;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:start}.customer-voices .eyebrow{color:#73611c;margin-bottom:25px}.customer-voices h2{font-size:52px}.customer-voices>div>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:360px;margin-top:25px;color:#6d6d6d}.customer-voices .text-link{font-size:13px;margin-top:20px}.voice-list blockquote{margin:0;padding:20px 0 29px;border-top:1px solid #bebebe;position:relative}.voice-list blockquote+blockquote{margin-top:10px}.voice-list blockquote>span{font-family:Georgia,serif;font-size:65px;line-height:1;color:#a39655;position:absolute;right:0;top:13px}.voice-list blockquote>p{font-family:Georgia,serif;font-style:italic;font-size:29px;line-height:1.5;max-width:440px;padding-right:25px}.voice-list footer{font-size:13px;margin-top:20px;font-weight:500}.voice-list small{display:block;font-size:11px;color:#727272;margin-top:5px;font-weight:400}.newsletter-strip{padding:45px 6.5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#343434;border-top:1px solid #ffffff25}.newsletter-strip .eyebrow{color:#dcc361;font-size:9px;margin-bottom:16px}.newsletter-strip h2{font-size:32px;line-height:1.25}.newsletter-strip>div>p:not(.eyebrow){font-size:14px;color:#cccccc}.newsletter-strip .text-link{font-size:13px;margin-top:12px}.newsletter-strip small{font-size:11px;display:block;margin-top:10px;color:#b9b9b9}
.model-section{background:#272727}.model-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:40px}.model-heading .eyebrow{color:#d6c163;margin-bottom:24px}.model-heading h2{font-size:52px}.model-heading>p{font-size:16px;color:#bebebe;line-height:1.9;max-width:420px}.model-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.model-list>article{border:1px solid #ffffff2b;background:#303030;padding:30px;display:flex;flex-direction:column}.model-number{font-size:10px;color:#d8bd48}.model-list h3{font-size:27px;margin-top:20px}.model-list p{font-size:15px;line-height:1.9;color:#c4c4c4;margin-top:18px;margin-bottom:22px}.model-list .text-link{font-size:12px;margin-top:auto;gap:10px;max-width:max-content}.equipment-options{margin-top:45px;border-top:1px solid #ffffff24;padding-top:35px}.equipment-options>.eyebrow{color:#dfc862;margin-bottom:17px}.equipment-options>h3{font-size:31px}.equipment-options>div{display:grid;grid-template-columns:1fr 1fr;gap:16px 35px;margin-top:27px}.equipment-options>div>span{display:flex;gap:15px;align-items:baseline;color:#d1d1d1;font-size:15px;line-height:1.8}.equipment-options b{color:#e4cc58;font-weight:400}.product-questions{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#1d1d1d;border-bottom:1px solid #ffffff20}.product-questions .eyebrow{color:#d4bf60;margin-bottom:23px}.product-questions h2{font-size:47px}.product-questions>details{align-self:center;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.product-questions summary{cursor:pointer;display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:17px;padding:25px 0;list-style:none;line-height:1.6}.product-questions summary::-webkit-details-marker{display:none}.product-questions summary>span{font-size:24px;color:#e4cb58}.product-questions details[open] summary>span{transform:rotate(45deg)}.product-questions details>p{font-size:15px;color:#c3c3c3;line-height:1.9;padding-bottom:25px}
.inquiry-inline{--paper:#f7f7f7;--ink:#292929;--muted:#6d6d6d;--line:#d6d6d6;color:var(--ink);background:var(--paper);border-top:3px solid #ffce00;border-radius:3px;scroll-margin-top:110px}.inquiry-inline .inquiry-main{padding:40px}.inquiry-inline .inquiry-progress{font-size:11px}.inquiry-inline .inquiry-progress b{font-size:11px}.inquiry-inline .inquiry-main .eyebrow{font-size:10px}.inquiry-inline .form-audience span{font-size:13px}.inquiry-inline .field{font-size:13px}.inquiry-inline .form-next{font-size:13px}.inquiry-inline .form-hint{font-size:12px}.inquiry-inline .form-status{font-size:13px}.inquiry-inline .form-back{font-size:13px}.contact-layout:has(.inquiry-inline){grid-template-columns:1.4fr 1fr}.contact-layout:has(.inquiry-inline) .contact-details{position:sticky;top:120px;align-self:start;padding-top:10px}
@media(max-width:1000px){.model-list{grid-template-columns:1fr 1fr}.model-list>article{padding:25px}.model-heading h2,.customer-voices h2{font-size:44px}.voice-list blockquote>p{font-size:25px}.contact-layout:has(.inquiry-inline){grid-template-columns:1.35fr 1fr;gap:5%}.inquiry-inline .inquiry-main{padding:30px}}
@media(max-width:600px){.customer-voices{grid-template-columns:1fr;gap:34px}.customer-voices h2{font-size:42px}.customer-voices>div>p:not(.eyebrow){font-size:15px;margin-top:22px}.voice-list blockquote>p{font-size:27px}.voice-list blockquote{padding-top:24px}.newsletter-strip{padding:40px 23px;grid-template-columns:1fr;gap:23px}.newsletter-strip h2{font-size:31px}.newsletter-strip .text-link{font-size:12px}.newsletter-strip small{font-size:11px;line-height:1.7}.model-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.model-heading h2{font-size:42px}.model-heading>p{font-size:15px}.model-list{grid-template-columns:1fr;gap:18px}.model-list>article{padding:25px}.model-list h3{font-size:27px;margin-top:15px}.model-list p{font-size:15px;margin-top:16px}.model-list .text-link{font-size:12px}.equipment-options{padding-top:28px;margin-top:30px}.equipment-options>h3{font-size:29px}.equipment-options>div{grid-template-columns:1fr;gap:15px}.equipment-options>div>span{font-size:14px}.product-questions{grid-template-columns:1fr;gap:25px}.product-questions h2{font-size:39px}.product-questions summary{font-size:16px}.product-questions details>p{font-size:14px}.contact-layout:has(.inquiry-inline){grid-template-columns:1fr;gap:35px}.inquiry-inline .inquiry-main{padding:28px 22px}.inquiry-inline .inquiry-progress,.inquiry-inline .inquiry-progress b{font-size:9px}.inquiry-inline .form-audience span{font-size:11px}.inquiry-inline .field{font-size:12px}.contact-layout:has(.inquiry-inline) .contact-details{position:static}.inquiry-inline .field-row{grid-template-columns:1fr}.inquiry-inline .form-next{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mega-menu>summary:after,.mega-menu>summary>svg{transition:none}}

@media(min-width:1241px){.picture-nav{position:relative}.mega-panel{left:0}}
.reveal{opacity:1;transition:transform .65s}
body:not([data-page="intro"]) .page-heading{padding-top:30px;padding-bottom:45px}
body:not([data-page="intro"]) :is(.catalog-section,.contact-layout,.offer-panel,.config-page,.gallery-page,.about-story,.application-story){padding-top:10px}
body:not([data-page="intro"]) .page-heading>.breadcrumbs{margin-bottom:30px}
@media(max-width:600px){body:not([data-page="intro"]) .page-heading{padding-top:20px;padding-bottom:33px}body:not([data-page="intro"]) .page-heading>.breadcrumbs{margin-bottom:25px}}

.offer-panel [data-current-offer]>.eyebrow,.offer-panel [data-offer-fallback]>.eyebrow{color:#dec75c;font-size:10px;margin-bottom:24px}.offer-panel .offer-text{font-size:16px;line-height:1.9;color:#cbcbcb;margin-top:25px}.offer-panel [data-current-offer]>.text-link{font-size:12px;margin-top:17px}