:root{--orange:#FF6A2B;--black:#0B0B0C;--cream:#F5F2EC;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--black)!important;color:var(--cream);font-family:Archivo,Arial,sans-serif!important;font-size:17px;line-height:1.6;margin:0}body p,body li,body input,body textarea,body select{font-family:Archivo,Arial,sans-serif!important}body p.framer-text{font-size:17px!important;line-height:1.6!important}body h1,body h2,body h3,body .wordmark{font-family:Anton,Impact,sans-serif!important;font-weight:400!important;line-height:.98!important;letter-spacing:.025em!important;text-transform:uppercase!important}body h1{font-size:clamp(42px,5.8vw,76px)!important}body h2{font-size:clamp(32px,4vw,52px)!important}body h3{font-size:clamp(24px,2.3vw,32px)!important}body a,body button,body label,body legend{font-family:Archivo,Arial,sans-serif!important}body a[data-framer-name="Primary"] p,body .btn,body button,body label,body legend{font-weight:800!important;letter-spacing:.065em;text-transform:uppercase}body a[data-framer-name="Primary"]{background:var(--orange)!important}body a[data-framer-name="Primary"] p{font-size:12px!important;color:var(--black)!important}body [data-framer-component-type="RichTextContainer"]{height:auto!important}body .framer-styles-preset-8h20un,.eyebrow{color:var(--orange)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase;line-height:1.5!important;margin:0 0 16px}body [data-framer-name="Primary"]{max-width:100%}.quote-link::after,.quote-link::before{content:none!important}.quote-link svg{display:none!important}a{color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{cursor:pointer}img{max-width:100%}button:disabled{cursor:default}[hidden]{display:none!important}.preview-header{width:100%;background:var(--black);border-bottom:1px solid #303030;padding:20px 32px;display:flex;gap:24px;justify-content:space-between;align-items:center;position:relative;z-index:20}.wordmark{font-size:25px;white-space:nowrap;text-decoration:none}.preview-header nav{display:flex;gap:26px;align-items:center}.preview-header nav>a{font-size:12px;text-decoration:none}.btn{background:var(--orange);border:0;border-radius:10px;color:var(--black);padding:16px 23px;display:inline-flex;align-items:center;justify-content:center;font-size:12px!important;line-height:1.35;text-decoration:none;transition:background .15s,transform .15s;min-height:48px}.btn:hover{background:#ff824c;transform:translateY(-1px)}.menu-toggle{display:none}.preview-hero{width:100%;padding:60px max(24px,calc((100% - 1128px)/2));background:var(--black)}.hero-intro{max-width:940px;margin:0 0 30px}.hero-intro h1{margin:0 0 22px}.hero-intro>p:last-child{max-width:720px;color:#c7c6c3;margin:0}.slide-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.slide-buttons button,.shade-tabs button{border:1px solid #444;border-radius:8px;padding:12px 20px;color:var(--cream);background:transparent;min-height:46px;font-size:12px}.slide-buttons button[aria-pressed="true"],.shade-tabs button[aria-pressed="true"]{background:var(--orange);color:var(--black);border-color:var(--orange)}.tesla-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.tesla-slide figure{margin:0;min-width:0}.tesla-slide figure img{width:100%;height:auto;object-fit:contain;display:block;border-radius:20px}.tesla-slide figcaption{font-size:11px;letter-spacing:.1em;text-align:center;margin-top:15px;font-weight:800}.quote-card{background:#fff!important;color:var(--black)!important;border-radius:20px!important;box-shadow:0 16px 60px #0002;padding:32px!important;width:100%!important;max-width:850px;display:block!important;margin:0 auto;min-width:0;color-scheme:light}.quote-card h2{font-size:36px!important;margin:0 0 26px;color:var(--black)!important}.quote-card .eyebrow{color:#b13e10!important;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px 16px}.quote-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.5;min-width:0}.quote-card input,.quote-card select,.quote-card textarea{display:block;width:100%;max-width:100%;background:#f5f4f1;color:var(--black);border:1px solid #d8d5cf;border-radius:10px;font-size:16px;line-height:1.4;padding:12px;min-height:46px;outline-offset:2px;letter-spacing:normal;font-weight:400;text-transform:none}.quote-card textarea{resize:vertical;min-height:84px}.full{grid-column:1/-1}.quote-card>.btn{width:100%;margin-top:22px}.form-note,.form-result{font-size:12px!important;line-height:1.5!important;letter-spacing:normal!important;margin:14px 0 0!important;color:#666!important}.form-result{background:#fff0e8;border-radius:10px;padding:14px;color:#333!important;white-space:pre-line}.custom-section{width:min(1128px,100%);margin:0 auto;padding:80px 20px;min-width:0}.custom-section h2{margin:0 0 22px;max-width:900px}.custom-section h3{margin:0 0 18px}.custom-section>p:not(.eyebrow){max-width:760px;color:#c3c0bb}.shade-section{border-top:1px solid #303030;border-bottom:1px solid #303030}.shade-tabs{display:flex;justify-content:center;gap:12px;margin:34px 0 20px}.shade-tabs button{flex:1;max-width:150px;font-size:17px}.tint-stage{position:relative;background:#fff;border-radius:20px;overflow:hidden}.tint-stage svg{width:100%;display:block;max-height:590px}.shade-readout{position:absolute;top:22px;left:26px;color:var(--black);font-size:12px;z-index:1}.shade-readout b{font-family:Anton,sans-serif;font-size:38px;margin-right:6px}.front-glass,.rear-glass{transition:opacity .15s}.shade-controls{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0}.shade-controls>label{font-size:12px}.shade-controls input[type="range"]{display:block;width:100%;margin:20px 0 0;accent-color:var(--orange);cursor:pointer}.shade-controls fieldset{border:0;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap;align-content:start}.shade-controls legend{font-size:12px;margin:0 0 16px}.shade-controls fieldset label{font-size:11px;display:flex;gap:8px;align-items:center;letter-spacing:.03em}.shade-controls input[type="radio"]{accent-color:var(--orange);width:17px;height:17px;margin:0}.legal-note{font-size:12px!important;line-height:1.6;margin:0;max-width:none!important}.legal-note a{text-decoration:underline}.area-layout{display:grid;grid-template-columns:.85fr 1.45fr;gap:24px;margin:35px 0}.hub-card{background:#181818;border:1px solid #3b302a;border-radius:20px;padding:30px}.hub-card p{font-size:14px!important;line-height:1.7!important}.hub-zip{font-family:Anton,sans-serif;color:var(--orange);font-size:36px}.zip-list{color:#c3c0bb;margin-bottom:0}.neighborhood-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.neighborhood-grid li{border-bottom:1px solid #343434;display:flex;align-items:center;padding:14px 0;font-size:15px}.coverage-card{border:1px solid #373737;border-radius:20px;overflow:hidden;background:var(--cream);color:var(--black)}.map-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px}.map-heading .eyebrow{color:#b13e10!important;margin-bottom:8px}.map-heading h3{font-size:25px!important;margin:0;max-width:600px}.map-reset{background:transparent;border:1px solid #b8b4ac;border-radius:8px;font-size:10px;padding:12px;color:var(--black);white-space:nowrap}#coverage-map{height:470px;width:100%;background:#e6e5df;z-index:1}.map-caption{padding:15px 24px;margin:0;font-size:12px!important;line-height:1.6!important}.map-key{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--orange);margin-right:8px}.area-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}.area-contact p{font-size:15px!important}.area-contact .btn{flex-shrink:0}.leaflet-container{font-family:Archivo,sans-serif!important;font-size:12px;color:var(--black)}.leaflet-control-attribution a{color:#333!important}.leaflet-tooltip{color:#171717;font-family:Archivo,sans-serif;font-size:11px;box-shadow:0 1px 4px #0002;border:1px solid #ddd}.hub-marker{width:20px;height:20px;border:4px solid white;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff6a2b44}.leaflet-popup-content{line-height:1.6}.faq-item{padding:22px;border-bottom:1px solid #333;background:#151719;width:100%}.faq-item summary{font-weight:600;font-size:17px;cursor:pointer}.faq-item p{font-size:15px!important;color:#c5c5c5;margin:18px 0 0}.installer-photo{height:620px!important;width:100%!important;background:#151719}.installer-photo img{object-fit:contain!important;object-position:center!important}#gallery img,[data-framer-name="Gallery photograph"] img{object-fit:contain!important}#quote{width:100%!important;padding:64px 20px!important}.hero-slide#original-hero{width:100%!important;min-height:560px;border-radius:20px;overflow:hidden}.hero-slide#original-hero [data-framer-name="Hero content"]{padding:30px!important}.hero-slide#original-hero h2{font-size:48px!important}
@media(max-width:809px){.preview-header{padding:18px 20px;flex-wrap:wrap;gap:16px}.menu-toggle{display:block;background:transparent;color:var(--cream);border:1px solid #444;padding:10px 16px;border-radius:8px;font-size:11px}.preview-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.preview-header nav.open{display:flex}.preview-header nav>a{padding:14px 10px;border-bottom:1px solid #333}.preview-header nav>a.btn{margin-top:10px}.preview-hero{padding:36px 20px}.hero-intro h1{font-size:42px!important}.tesla-slide,.form-grid,.area-layout,.shade-controls,.neighborhood-grid{grid-template-columns:1fr}.tesla-slide{gap:24px}.tesla-slide figure img{max-height:none;height:auto;width:100%}.quote-card{padding:25px!important}.quote-card h2{font-size:32px!important}.form-grid{gap:16px}.custom-section{padding:56px 20px}.shade-tabs{gap:6px}.shade-tabs button{padding:11px 5px;font-size:14px;min-width:0}.shade-controls{gap:24px}.shade-controls fieldset{gap:14px}.shade-readout{top:12px;left:16px}.shade-readout b{font-size:27px}.neighborhood-grid li{padding:13px 0}.area-layout{gap:20px}.map-heading{padding:22px;flex-direction:column;align-items:flex-start}.map-heading h3{font-size:24px!important}#coverage-map{height:400px}.area-contact{align-items:stretch;flex-direction:column;gap:8px}.installer-photo{height:auto!important;aspect-ratio:853/1844;max-height:850px!important}#about-home img{object-fit:contain!important}body [data-framer-name$="grid"]{grid-template-columns:minmax(0,1fr)!important}.hero-slide#original-hero h2{font-size:38px!important}.hero-slide#original-hero [data-framer-name="Hero content"]{width:100%!important;padding:25px!important}.map-caption{padding:16px}.leaflet-tooltip{font-size:10px}.custom-section>*,.preview-hero>*{min-width:0}body h2{overflow-wrap:break-word}#quote{padding:50px 20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep the original photographic frames intact across service and gallery pages. */
body img{object-fit:contain!important}#original-hero img{object-fit:cover!important}
/* Shared branding and quote handoff refinements. */
.wordmark{display:inline-flex;background:var(--cream);border-radius:10px;padding:6px 12px;flex-shrink:0;line-height:1!important}
.brand-logo{display:block;width:150px;height:auto;max-width:100%;object-fit:contain}
.preview-header nav>a[aria-current="page"]{color:var(--orange)}
.shade-quote-action{display:flex;gap:20px;align-items:center;margin:0 0 24px;flex-wrap:wrap}
.shade-quote-action p{margin:0;color:#c7c6c3;font-size:13px}
.quote-selection{padding:12px 14px;border-left:3px solid var(--orange);background:#fff1e9;color:#67321e!important;border-radius:6px;font-size:13px!important;line-height:1.5!important;margin:0 0 24px!important}
.map-unavailable{margin:0;padding:16px 24px;color:#67321e;background:#fff1e9;font-size:14px!important}
@media(max-width:809px){.brand-logo{width:126px}.preview-header{gap:12px}.shade-quote-action{align-items:stretch}.shade-quote-action .btn{width:100%}}
@media (min-width:810px) and (max-width:1050px){
 .preview-header{flex-wrap:wrap;gap:16px;padding:18px 24px}
 .menu-toggle{display:block;background:transparent;color:var(--cream);border:1px solid #444;padding:10px 16px;border-radius:8px;font-size:11px}
 .preview-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}
 .preview-header nav.open{display:flex}
 .preview-header nav>a{padding:14px 10px;border-bottom:1px solid #333}
 .preview-header nav>a.btn{margin-top:10px}
}
/* November 11: focused mobile layout revision. */
.slide-buttons .hero-call{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--orange);border-radius:8px;padding:12px 20px;color:var(--cream);font-size:12px;font-weight:800;letter-spacing:.065em;text-transform:uppercase;text-decoration:none}
#about-home .installer-photo{height:380px!important;max-width:340px!important;aspect-ratio:auto!important;margin-inline:auto;border-radius:16px}
.instagram-section{border-top:1px solid #303030}
.instagram-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.instagram-reels>a{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #3b302a;border-radius:20px;background:#181818;text-decoration:none}
.instagram-reels>a:hover{border-color:var(--orange)}
.instagram-reels .eyebrow{margin:0}.instagram-reels strong{font-size:18px}.instagram-reels span:last-child{color:#c3c0bb;font-size:14px}
@media(max-width:809px){
 .slide-buttons button[data-slide-target="tesla"],.slide-buttons .hero-call{flex:1}
 .slide-buttons button[data-slide-target="lexus"]{flex-basis:100%}
 .tesla-slide figure img{height:260px;width:100%;object-fit:contain!important}
 .tesla-slide figcaption{font-size:10px;margin-top:10px}
 #hero-form{padding:22px!important}
 #hero-form h2{margin-bottom:20px}
 #hero-form .form-grid{gap:12px}
 #about-home .installer-photo{height:300px!important;max-width:280px!important}
 .instagram-reels{grid-template-columns:minmax(0,1fr)}
}
/* Real Instagram embeds, with direct links when third-party content is unavailable. */
.instagram-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin:28px 0}
.instagram-post{min-width:0;overflow:hidden;border-radius:16px;background:#fff;color:var(--black);padding:0 0 16px}
.instagram-post .instagram-media{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.instagram-post blockquote{padding:24px;min-height:400px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:18px}
.instagram-post blockquote p{font-size:14px;line-height:1.5;margin:0}
.instagram-post-link{display:block;padding:12px 16px 0;font-size:12px;font-weight:800;text-align:center;color:#9e350c}
.instagram-actions{display:flex;flex-wrap:wrap;gap:14px}
.instagram-status{font-size:13px!important;color:#c3c0bb!important}
@media(max-width:1050px){.instagram-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:809px){.instagram-posts{grid-template-columns:minmax(0,1fr)}.instagram-actions{flex-direction:column}}
/* Hero simplified at the owner's request: direct access to the quote form. */
.quote-only-hero{display:block}
.quote-only-hero .quote-card{margin-left:0}
.slide-buttons .hero-quote{background:var(--orange);color:var(--black);border-color:var(--orange)}
@media(max-width:809px){.slide-buttons .hero-quote{flex:1}}
/* The homepage opens with the quote form, directly beneath the header. */
.preview-hero{padding-top:24px}
.quote-only-hero .quote-card{margin-inline:auto}
#hero-form h1{font-size:36px!important;margin:0 0 26px;color:var(--black)!important}
@media(max-width:809px){.preview-hero{padding-top:18px}#hero-form h1{font-size:32px!important;margin-bottom:20px}}
/* Compact Instagram feed replaces the homepage photo-gallery section. */
.instagram-posts{max-width:940px;margin-inline:auto}
@media(max-width:809px){.instagram-posts{max-width:280px}.instagram-post blockquote{min-height:300px}}
#hero-form .quote-intro{font-size:16px!important;line-height:1.6!important;color:#4c4b48;margin:0 0 22px}
#hero-form:has(.quote-intro) h1{margin-bottom:12px!important}

.quote-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.quote-card button:disabled{opacity:.65;cursor:wait}