/* reference-polish-r21.css */
/* The screenshot-selected design, with measured refinements only. */
:root{--display:'Manrope','DM Sans',Arial,sans-serif}
.reference-restored :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #bf9114;outline-offset:4px}
.reference-restored .topbar,.reference-restored .topbar a{color:#fff}
.reference-restored .quick-quote select{font-size:16px;color:#163e4e;background:#f6fafb;border:1px solid #a8c6d1;cursor:pointer;padding-right:34px}
.reference-restored .quick-quote select:invalid{color:#46616e}
.reference-restored .brand-picture>img,.reference-restored .brand-picture>svg{max-width:100%;object-fit:contain}
.reference-restored .brand-card{min-width:0}
.reference-restored .brand-card .text-link{margin-top:auto}
.reference-restored .svc-offer-grid>article{min-width:0}
.reference-restored .svc-offer-grid p,.reference-restored .svc-options p{max-width:65ch}
.reference-restored .svc-jump{scrollbar-width:thin}
.reference-restored :where(.svc-section,.svc-faq,.work-section)[id]{scroll-margin-top:110px}
.reference-restored .r12-area-form input:focus,.reference-restored .quick-quote select:focus{border-color:#087ca8}
.reference-version{margin:0;padding:18px 24px;text-align:center;border-top:1px solid #ffffff26;color:#d5e6ee;font-size:11px;line-height:1.6;letter-spacing:.02em}
@media(min-width:901px){
 .reference-restored .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 .reference-restored .brand-card{padding:27px;display:flex;flex-direction:column}
 .reference-restored .brand-card p{font-size:14px;line-height:1.75}
 .reference-restored .brand-card h3{font-size:22px}
 .reference-restored .brand-picture{height:60px;justify-content:flex-start;margin-bottom:22px}
 .reference-restored .brand-picture>img,.reference-restored .brand-picture>svg{max-width:195px}
 .reference-restored .brand-card .text-link{font-size:13px}
 .reference-restored .main-service .tile-content>p{font-size:14px}
 .reference-restored .r10-card-points{font-size:12px}
 .reference-restored .svc-offer-grid p{font-size:15px;line-height:1.75}
}
@media(min-width:701px) and (max-width:900px){
 .reference-restored .hero-layout{grid-template-columns:1.15fr .85fr;gap:25px}
 .reference-restored .quick-quote{padding:24px}
 .reference-restored .hero-message h1{font-size:38px}
}
@media(max-width:700px){
 .reference-restored .quick-quote h2{font-size:23px;line-height:1.3;letter-spacing:-.035em}
 .reference-restored .quick-quote h2 br{display:none}
 .reference-restored .quick-quote{border:1px solid #dae7eb;box-shadow:0 8px 28px #05253512}
 .reference-restored .quick-quote form .button{min-height:50px}
 .reference-restored .tile-content .tile-link{min-height:44px;align-items:center}
 .reference-restored .main-service-grid .tile-image{height:auto;min-height:0;max-height:none;aspect-ratio:1.9}
 .reference-restored .main-service-grid .tile-image>img{position:absolute;inset:0}
 .reference-restored .brand-card{display:flex;flex-direction:column;padding:18px 15px}
 .reference-restored .brand-card h3{font-size:19px;line-height:1.3}
 .reference-restored .brand-card p{font-size:13px;line-height:1.7}
 .reference-restored .brand-picture{height:48px;margin-bottom:17px}
 .reference-restored .brand-card .text-link{font-size:12px;line-height:1.6;padding-top:10px;min-height:44px}
 .reference-restored .svc-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;overflow:visible;white-space:normal}
 .reference-restored .svc-jump>span{grid-column:1/-1}
 .reference-restored .svc-jump>a{padding:8px 11px;background:#edf6fa;border:1px solid #d8e7ed;border-radius:6px;min-height:40px;font-size:12px;display:flex;align-items:center}
 .reference-restored .svc-hero-actions .svc-secondary{font-size:12px;letter-spacing:-.025em}
 .reference-restored .svc-offer-grid h3{font-size:20px;line-height:1.3}
 .reference-restored .svc-offer-grid p{font-size:14px;line-height:1.75}
 .reference-restored :where(.svc-section,.svc-faq,.work-section)[id]{scroll-margin-top:100px}
 .reference-restored .mobile-sticky{padding-bottom:env(safe-area-inset-bottom)}
 .reference-restored .work-category-links{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding-bottom:0}
 .reference-restored .work-category-links a{font-size:12px;min-height:42px;display:flex;align-items:center;padding:8px 11px}
 footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 .reference-restored .brand-grid{gap:10px}
 .reference-restored .brand-card{padding:16px 12px}
 .reference-restored .quick-quote h2{font-size:21px}
 .reference-restored .hero-final-actions{gap:13px}
}

/* gallery-header-r22.css */
/* The original artwork, optically fitted to a balanced header. */
header .lytle-brand{width:188px;height:73px;flex-basis:188px;align-self:center;margin:0}
header .lytle-brand .original-logo-clean{width:100%;height:100%;display:block;mix-blend-mode:multiply}
header .header-phone{position:relative;z-index:2}
.work-intro22{background:#eef6fa;padding:48px 0}
.work-intro-grid22{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.work-intro22 h1{font-size:clamp(36px,4vw,54px);line-height:1.12;letter-spacing:-.04em;margin-bottom:22px}
.work-intro22 p:not(.eyebrow){max-width:440px;font-size:16px;line-height:1.75}
.work-intro22 .text-link{font-size:14px;font-weight:700;color:#08749b}
.work-intro22 figure{margin:0;position:relative;overflow:hidden;border-radius:15px;aspect-ratio:1.85;background:#ddebf0}
.work-intro22 figure>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.work-intro22 figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#052d45e8);color:#fff;padding:42px 25px 20px}
.work-intro22 figcaption>span{display:block;font-size:11px;letter-spacing:.07em;margin-bottom:6px;color:#e1f0f6}
.work-intro22 figcaption>strong{font:700 18px/1.4 var(--display)}
.work-filter-heading22{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:26px}
.work-filter-heading22 h2{margin:0;font-size:35px;line-height:1.2}
.work-filter-heading22 .eyebrow{margin-bottom:12px}
.work-filter-heading22>p{font-size:14px;margin:0;color:#476474}
.work-filters22{margin-bottom:28px;border-bottom:1px solid #dce7ed;padding-bottom:22px}
.work-filters22>label{display:none}
.work-filter-links22{display:flex;flex-wrap:wrap;gap:8px}
.work-filter-links22 a{padding:11px 16px;background:#f0f7fa;color:#1c546c;border:1px solid #d2e3ea;border-radius:7px;font-size:13px;font-weight:600;transition:background .15s}
.work-filter-links22 a[aria-current=true]{background:#087ca6;border-color:#087ca6;color:#fff}
#work-count22{font-size:12px;color:#55717f;margin:17px 0 0}
.work-grid22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.work-grid22 .work-card{margin:0;display:flex;flex-direction:column;min-width:0;border-radius:12px;border:1px solid #d7e5ec;background:#fff;box-shadow:0 4px 18px #073b5908}
.work-grid22 .work-open{aspect-ratio:4/3;overflow:hidden;background:#e5eff3;display:block}
.work-grid22 .work-open>.work-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(var(--photo-ratio)*75%));max-width:none;height:auto}
.work-grid22 .work-photo>img{max-width:none}
.work-grid22 .work-enlarge{right:10px;bottom:10px;font-size:11px;padding:7px 10px;border-radius:6px}
.work-grid22 figcaption{padding:20px 21px;flex:1}
.work-grid22 h3{font-size:19px;line-height:1.35;margin:0 0 8px}
.work-grid22 p{font-size:13px;line-height:1.7;margin:0}
.work-more-row22{text-align:center;margin-top:32px}
.work-more-row22 .button{border:0;cursor:pointer;font-size:14px;padding:16px 26px;background:#087ca6;color:#fff;min-height:50px}
.work-anchor-targets22{scroll-margin-top:120px}
@media(min-width:901px){header{min-height:92px}.work-collection22{padding-top:55px}}
@media(min-width:701px) and (max-width:1050px){header .lytle-brand{width:164px;flex-basis:164px}.work-intro-grid22{gap:30px}.work-grid22{gap:18px}.work-grid22 figcaption{padding:17px}.work-grid22 h3{font-size:17px}}
@media(max-width:700px){
 header{height:82px;min-height:82px;padding:9px 18px;gap:12px}
 header .lytle-brand{width:158px;height:61px;flex:0 0 158px}
 header .menu-toggle{width:42px;min-width:42px;height:42px;min-height:42px;border:1px solid #d7e6ed;background:#f2f8fb;border-radius:7px;justify-content:center;padding:0;color:#123e52;margin-left:0}
 header .header-phone{margin-left:auto;padding:10px 11px;min-height:42px;background:#edf6fb;border:1px solid #d7e6ed;font-size:12px;border-radius:7px}
 header .phone-short{display:flex;align-items:center;gap:6px}
 header .phone-short svg{width:14px;height:14px;flex:0 0 14px}
 .work-intro22{padding:29px 0 28px}
 .work-intro-grid22{display:flex;flex-direction:column;gap:25px;align-items:stretch}
 .work-intro22 h1{font-size:33px;line-height:1.17;margin-bottom:16px}
 .work-intro22 .eyebrow{font-size:10px;margin-bottom:13px}
 .work-intro22 p:not(.eyebrow){font-size:15px;line-height:1.75;margin-bottom:18px}
 .work-intro22 .text-link{font-size:13px}
 .work-intro22 figure{aspect-ratio:1.9;border-radius:11px}
 .work-intro22 figcaption{padding:30px 15px 13px}
 .work-intro22 figcaption>span{font-size:9px;margin-bottom:3px}
 .work-intro22 figcaption>strong{font-size:13px}
 .work-collection22{padding-top:32px;padding-bottom:36px}
 .work-filter-heading22{display:block;margin-bottom:21px}
 .work-filter-heading22 h2{font-size:27px}
 .work-filter-heading22>p{font-size:13px;margin-top:13px;line-height:1.7}
 .work-filter-heading22 .eyebrow{display:none}
 .work-filter-links22{display:none}
 .work-filters22>label{display:block;font-size:12px;font-weight:700;color:#264e60}
 .work-filters22 select{display:block;width:100%;font-size:16px;color:#164256;border:1px solid #acc8d5;border-radius:7px;background:#fff;padding:13px 14px;margin-top:8px;min-height:49px}
 #work-count22{font-size:12px;margin:12px 0 0}
 .work-filters22{padding-bottom:20px;margin-bottom:22px}
 .work-grid22{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
 .work-grid22 .work-card{border-radius:9px;box-shadow:none}
 .work-grid22 .work-open{aspect-ratio:4/3}
 .work-grid22 .work-enlarge{right:6px;bottom:6px;font-size:0;padding:0;width:28px;height:28px;display:grid;place-items:center;background:#073b59d9;border:1px solid #ffffff70}
 .work-grid22 .work-enlarge:after{content:'↗';font-size:17px}
 .work-grid22 figcaption{padding:12px 11px 14px}
 .work-grid22 h3{font-size:14px;line-height:1.4;letter-spacing:-.025em;margin:0}
 .work-grid22 figcaption p{display:none}
 .work-more-row22{margin-top:25px}
 .work-more-row22 .button{width:100%;justify-content:space-between}
}
@media(max-width:360px){header{padding-left:14px;padding-right:14px;gap:8px}header .lytle-brand{width:136px;flex-basis:136px;height:54px}header .header-phone{padding:9px 8px}header .phone-short{gap:4px}header .menu-toggle{width:40px;min-width:40px}.work-grid22{gap:13px 10px}.work-grid22 h3{font-size:13px}}

/* content-depth-r23.css */
/* Content-rich additions to the restored Lytle design. */
.guide-photo23{display:block;width:100%;height:100%}
.guide-card23>a:focus-visible{outline-offset:-5px}
.blog-tools23 input:focus-visible,.blog-tools23 select:focus-visible{outline:3px solid #bc961c;outline-offset:3px}
.article-toc23{display:block}
.guide-hero23 .button{margin-top:8px}
.detail-icon23{width:36px;height:36px;flex:0 0 36px;display:block;color:#0b789c}
.detail-icon-wrap23{width:65px;height:65px;display:grid;place-items:center;background:#e3f1f7;border-radius:17px;margin-bottom:21px}
.detail-heading23{max-width:770px;margin-bottom:34px}.detail-heading23 h2{font-size:clamp(29px,3.1vw,42px);line-height:1.2;letter-spacing:-.035em;margin:12px 0 20px}.detail-heading23>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#4b6876}
.service-decision23{padding:65px 0;background:#f0f7fa;border-top:1px solid #e0edf2;border-bottom:1px solid #e0edf2}
.decision-grid23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.decision-grid23 article{background:#fff;border:1px solid #d8e7ee;border-radius:13px;padding:29px;box-shadow:0 5px 20px #092f4210}.decision-grid23 article:nth-child(2) .detail-icon-wrap23{background:#fff6d9}.decision-grid23 h3{font-size:21px;line-height:1.35;margin:15px 0 14px;color:#123f52}.decision-grid23 p{font-size:15px;line-height:1.8;margin:0;color:#4b6573}
.detail-note23{margin-top:30px;padding:30px;border-left:4px solid #eebf48;border-radius:0 12px 12px 0;background:#fff}.detail-note23 strong{font-size:21px;color:#17485d}.detail-note23 p{font-size:16px;line-height:1.8;max-width:960px}.detail-note23 .text-link{font-size:15px}
.blog-section23{padding:65px 0;background:#eef6fa}.guide-heading23{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}.guide-heading23 h2{font-size:38px;line-height:1.18;margin:12px 0 0}.guide-heading23>a{font-size:14px;color:#0b6f92;font-weight:800;white-space:nowrap;padding-bottom:5px}.guide-grid23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide-card23{display:flex;flex-direction:column;background:white;border:1px solid #d5e4ec;border-radius:13px;overflow:hidden;transition:box-shadow .18s}.guide-card23:hover{box-shadow:0 8px 24px #06364e14}.guide-card23>a{height:210px;overflow:hidden;background:#dfeef4;display:block;position:relative}.guide-card23>a img{width:100%;height:100%;object-fit:cover;display:block}.guide-card23.product-image23>a img{object-fit:contain;padding:25px}.guide-card23 .guide-body23{padding:25px;display:flex;flex:1;flex-direction:column}.guide-meta23{font-size:11px!important;font-weight:800;letter-spacing:.07em;color:#08799c!important;text-transform:uppercase;line-height:1.4!important;display:flex;gap:10px;align-items:center}.guide-meta23:before{content:'';width:7px;height:7px;border-radius:50%;background:#ebc451;flex:none}.guide-card23 h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:16px 0 12px}.guide-card23 h3 a{color:#133f53;text-decoration:none}.guide-card23 p{font-size:14px;line-height:1.8;margin:0 0 20px;color:#506a78}.guide-card23 .guide-read23{margin-top:auto;color:#096e91;font-weight:800;font-size:14px;display:flex;justify-content:space-between;gap:20px;min-height:35px;align-items:center}.guide-card23[hidden]{display:none!important}
.guide-hero23{background:#edf6fa;border-bottom:1px solid #dae9f0;padding:55px 0}.guide-hero-grid23{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.guide-hero23 h1{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:17px 0 22px;color:#103e53}.guide-hero23 .guide-intro23{font-size:18px;line-height:1.75;color:#506a78;max-width:620px}.guide-hero23 figure{margin:0;aspect-ratio:1.42;position:relative;overflow:hidden;border-radius:15px;background:#dcebf0}.guide-hero23 img{width:100%;height:100%;object-fit:cover;display:block}.guide-hero23 figure.product-image23 img{object-fit:contain;padding:38px}.guide-hero23 figcaption{position:absolute;inset:auto 0 0;padding:32px 20px 15px;background:linear-gradient(transparent,#073b59dc);font-size:12px;color:#fff}.guide-breadcrumb23{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:#577785;line-height:1.7;margin-bottom:25px}.guide-breadcrumb23 a{color:#0d6688;text-decoration:underline;text-underline-offset:3px}.guide-byline23{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:12px;color:#597583;line-height:1.7;margin-top:25px}
.blog-tools23{display:grid;grid-template-columns:1fr 280px;gap:20px;margin:0 0 14px}.blog-tools23 label{font-size:13px;font-weight:800;color:#17485c}.blog-tools23 input,.blog-tools23 select{box-sizing:border-box;display:block;width:100%;padding:14px 16px;min-height:51px;border:1px solid #abc9d7;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:#173e51;margin-top:8px}.blog-count23{font-size:13px;color:#547281;margin:17px 0 26px}.blog-empty23{padding:35px;background:#eef6fa;border-radius:12px;line-height:1.8}.blog-empty23[hidden]{display:none}.blog-empty23 button{border:0;background:#087ca6;color:white;border-radius:7px;min-height:45px;padding:10px 18px;font-weight:700;cursor:pointer}
.article-layout23{display:grid;grid-template-columns:minmax(0,740px) 290px;gap:65px;align-items:start;padding-top:50px;padding-bottom:65px;justify-content:space-between}.article-prose23{min-width:0;font-size:17px;line-height:1.9;color:#3e5a69}.article-prose23 section{scroll-margin-top:130px;margin:0 0 35px}.article-prose23 h2{font-size:30px;line-height:1.28;color:#123f53;margin:0 0 17px;letter-spacing:-.025em}.article-prose23 p{margin:0 0 18px}.article-prose23 ul{padding-left:23px;margin:18px 0 22px}.article-prose23 li{padding:0 0 8px 4px}.article-prose23 a{color:#087498;text-decoration:underline;text-underline-offset:4px}.article-takeaways23{background:#f0f7fa;border:1px solid #d2e5ef;border-top:4px solid #edc653;padding:28px;border-radius:12px;margin-bottom:40px}.article-takeaways23 h2{font-size:23px;display:flex;align-items:center;gap:13px}.article-takeaways23 ul{margin-bottom:0}.article-takeaways23 li::marker{color:#0a80a5}.article-aside23{position:sticky;top:125px}.article-toc23{border:1px solid #d4e5ed;border-radius:12px;padding:25px;background:#f5fafc}.article-toc23>strong{font-size:17px;display:block;margin-bottom:15px}.article-toc23 a{display:block;font-size:13px;line-height:1.6;padding:10px 0;border-top:1px solid #dbe8ee;color:#19556d}.article-help23{padding:26px;background:#073b59;color:white;border-radius:12px;margin-top:24px}.article-help23 h2{font-size:24px;color:white;line-height:1.2;margin:17px 0}.article-help23 p{font-size:14px;color:#d8eaf2;line-height:1.7}.article-help23 .button{font-size:13px;background:#fff;color:#13475d;margin-top:10px;padding:13px 17px;display:flex;justify-content:space-between}.article-help23 .detail-icon23{color:#f5d56b}.article-help23>a:last-child{display:block;color:white;font-size:14px;font-weight:800;margin-top:18px}.article-sources23{font-size:13px;line-height:1.8;background:#f7fafb;padding:25px;border-radius:10px;overflow-wrap:anywhere}.article-sources23 h2{font-size:21px}.article-sources23 ul{padding-left:19px;margin-bottom:0}.guide-notice23{font-size:13px;line-height:1.7;color:#5a7584;margin-top:27px;border-top:1px solid #dce7ec;padding-top:20px}
@media(min-width:1101px){header{gap:18px}header nav{gap:18px}header nav>a,header .desktop-services-menu>summary{font-size:13px}header .header-phone{font-size:15px}header>.button{font-size:12px;padding:13px 15px}header .lytle-brand{width:174px;flex-basis:174px}}
@media(max-width:1050px){.decision-grid23{gap:17px}.decision-grid23 article{padding:23px}.article-layout23{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.guide-grid23{gap:18px}.guide-card23 .guide-body23{padding:20px}.guide-card23 h3{font-size:21px}}
@media(max-width:760px){.service-decision23{padding:38px 0}.detail-heading23{margin-bottom:25px}.detail-heading23 h2{font-size:29px;line-height:1.2}.detail-heading23>p:not(.eyebrow){font-size:15px}.decision-grid23{grid-template-columns:1fr;gap:16px}.decision-grid23 article{padding:23px;display:grid;grid-template-columns:50px 1fr;gap:0 15px}.decision-grid23 article>.detail-icon23{grid-column:1;margin:0;width:34px;height:34px}.detail-icon-wrap23{grid-column:1;width:50px;height:50px;margin:0;border-radius:13px}.detail-icon23{width:29px;height:29px}.decision-grid23 h3{grid-column:2;font-size:21px;margin:0;align-self:center}.decision-grid23 p{grid-column:1/-1;font-size:15px;line-height:1.8;margin-top:17px}.detail-note23{padding:24px}.detail-note23 p{font-size:15px}.blog-section23{padding:40px 0}.guide-heading23{display:block}.guide-heading23 h2{font-size:30px}.guide-heading23>a{display:inline-block;margin-top:20px}.guide-grid23{grid-template-columns:1fr;gap:24px}.guide-card23>a{height:auto;aspect-ratio:1.65}.guide-card23 .guide-body23{padding:24px}.guide-card23 h3{font-size:24px}.guide-card23 p{font-size:15px}.guide-hero23{padding:30px 0}.guide-hero-grid23{grid-template-columns:1fr;gap:25px}.guide-hero23 h1{font-size:35px;line-height:1.16}.guide-hero23 .guide-intro23{font-size:16px;line-height:1.8}.guide-hero23 figure{aspect-ratio:1.75}.guide-breadcrumb23{margin-bottom:22px}.guide-byline23{font-size:12px;margin-top:20px}.blog-tools23{grid-template-columns:1fr;gap:15px}.article-layout23{display:flex;flex-direction:column;gap:30px;padding-top:30px;padding-bottom:40px}.article-prose23{font-size:16px;line-height:1.85;width:100%}.article-prose23 h2{font-size:27px}.article-prose23 section{scroll-margin-top:100px;margin-bottom:30px}.article-takeaways23{padding:22px;margin-bottom:30px}.article-takeaways23 h2{font-size:22px}.article-aside23{position:static;display:contents}.article-toc23{order:-1;width:100%;box-sizing:border-box;padding:20px}.article-toc23 a{font-size:14px;padding:8px 0}.article-help23{width:100%;box-sizing:border-box;margin-top:0}.article-prose23 .article-sources23 h2{font-size:21px}.guide-notice23{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-card23{transition:none}}

/* mobile-business-r24.css */
/* A brighter mobile opening with the project photo integrated into the story. */
.audience-links24{display:flex;gap:12px;margin-top:25px;max-width:530px}.audience-links24>a{display:flex;align-items:center;gap:10px;flex:1;padding:12px 14px;border:1px solid #ffffff50;border-radius:8px;font-size:13px;font-weight:700;color:white;background:#ffffff0d}.audience-links24 svg{width:24px;height:24px;flex:0 0 24px;color:#f3d46c}.audience-links24 b{margin-left:auto}.audience-links24 a:hover{background:#ffffff20}.building-icon24{width:28px;height:28px;flex-shrink:0}.tile-image>svg{width:100%;height:100%;display:block}.optional24{font-size:11px;font-weight:400}.svc-commercial .svc-hero-photo{height:420px}.svc-commercial .svc-hero-photo svg{width:100%;height:100%}.svc-commercial .svc-feature-photo{height:380px}.home #businesses .feature-picture>svg{width:100%;height:100%;display:block}.contact-layout input,.contact-layout select,.contact-layout textarea{font-size:16px}
@media(max-width:900px){
 .home .pool-hero{background:#edf5f8;padding:0 0 28px!important;overflow:hidden;min-height:0}
 .home .pool-hero:after,.home .pool-hero:before{display:none}
 .home .hero-layout{display:block;gap:0;padding-top:0;width:100%;max-width:none}
 .home .hero-message{display:flex;flex-direction:column;padding:25px 18px 23px;background:#fff;margin:0;max-width:none}
 .home .hero-message>.eyebrow{display:block!important;order:0;color:#08799e;font-size:10px;letter-spacing:.08em;line-height:1.5;margin:0 0 12px}
 .home .hero-message h1{order:1;color:#123e50;font-size:clamp(29px,8.4vw,37px);line-height:1.13;letter-spacing:-.045em;margin:0;max-width:none}
 .home .hero-message h1 span{display:block;color:#087da3;margin-top:5px;text-decoration:underline;text-decoration-color:#efd173;text-decoration-thickness:4px;text-underline-offset:6px}
 .home .hero-message>.hero-personality,.home .hero-message>.hero-proof,.home .hero-message>p:not([class]){display:none!important}
 .home .mobile-home-visual{display:block;order:2;width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:1.72;margin:25px -18px 0;border-radius:0;overflow:hidden;position:relative;background:#dce8eb;box-shadow:none}
 .home .mobile-home-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%!important;transform:none}
 .home .mobile-home-visual:after{display:none}
 .home .mobile-home-visual figcaption{position:absolute;inset:auto auto 12px 18px;background:#073b59e6;border-radius:5px;padding:6px 9px;color:#fff;font-size:10px;line-height:1.4;max-width:calc(100% - 36px)}
 .home .hero-message>.mobile-hero-description{display:block!important;order:3;color:#426271;font-size:16px;line-height:1.65;max-width:none;margin:20px 0 0}
 .home .hero-final-actions{order:4;display:flex;gap:17px;align-items:center;margin:20px 0 0;flex-wrap:nowrap}
 .home .hero-final-actions .button.white{background:#087ca4;color:#fff;font-size:13px;padding:15px 16px;min-height:49px;gap:15px;box-shadow:none;border-radius:8px}
 .home .hero-final-actions .button.white>span{color:inherit}
 .home .hero-service-link{color:#17495e;font-size:12px;white-space:nowrap;border-color:#9fbcc9}
 .home .hero-service-link>span{font-size:20px}
 .home .audience-links24{order:5;margin:21px 0 0;max-width:none;gap:10px}
 .home .audience-links24>a{background:#edf6fa;color:#144c62;border:1px solid #cfe3ed;padding:11px 10px;font-size:12px;gap:8px;min-height:48px}
 .home .audience-links24 svg{width:21px;height:21px;flex-basis:21px;color:#0b7c9f}
 .home .audience-links24>a:last-child{background:#fff8e3;border-color:#e6d59b}
 .home .quick-quote{width:calc(100% - 36px);max-width:none;margin:25px 18px 0;padding:24px;border:1px solid #cbdfe8;border-top:4px solid #0b83a9;border-radius:12px;box-shadow:0 8px 25px #073b590b}
 .home .quick-quote h2{font-size:28px;line-height:1.15;margin:0 0 17px}
 .home .quick-quote .explorer-quote{font-size:13px;line-height:1.65}
 .svc-commercial .svc-hero-photo{height:250px}
 .svc-commercial .svc-feature-photo{height:250px}
 .home #businesses .feature-picture{height:auto;aspect-ratio:1.35}
}
@media(max-width:360px){.home .hero-final-actions{gap:12px}.home .hero-final-actions .button.white{padding:14px 12px;font-size:12px;gap:10px}.home .hero-service-link{font-size:11px}.home .audience-links24>a{font-size:11px;padding:10px 8px;gap:6px}}

/* site-polish-r25.css */
/* Shared refinements: readable fields, consistent desktop alignment, fitted media. */
:root{scroll-padding-top:105px}
.reference-restored :is(input,select,textarea){font-size:16px}
.reference-restored :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #a76d00;outline-offset:4px}
header .lytle-brand{background:transparent!important;border-radius:0;padding:0}
header .lytle-brand svg{display:block;width:100%;height:100%}
header .desktop-services-dropdown>a>svg{width:23px;height:23px;flex:0 0 23px}
header .desktop-services-dropdown>a{min-width:0}
header .desktop-services-dropdown>a>span{min-width:0}
.service-redesign .svc-hero-photo>svg,.service-redesign .svc-feature-photo>svg,.tile-image>svg{width:100%;height:100%;display:block}
.service-redesign .svc-hero-photo>img,.service-redesign .svc-feature-photo>img{max-width:100%;object-fit:cover}
.contact-layout :is(input,select,textarea){color:#173f50;background:#fff;max-width:100%}
.contact-layout .form-row>*{min-width:0}
.contact-layout #email-fallback{max-width:100%;overflow-wrap:anywhere}
footer .footer-grid>div{min-width:0}footer a[href^="mailto:"]{overflow-wrap:anywhere}
@media(min-width:901px){
 .service-redesign .svc-hero-grid{align-items:center}
 .service-redesign .svc-hero-copy{min-width:0}
 .service-redesign .svc-hero-photo{overflow:hidden;border-radius:15px}
 .service-redesign .svc-offer-grid{align-items:stretch}
 .service-redesign .svc-offer-grid>article{display:flex;flex-direction:column;min-width:0}
 .service-redesign .svc-offer-grid>article :is(.icon,.detail-icon23){width:31px;height:31px;flex:0 0 31px}
 .service-redesign .svc-offer-grid>article h3{line-height:1.3}
 .service-redesign .svc-offer-grid>article p{line-height:1.7}
 .contact-layout{align-items:start}
 .work-grid22 .work-card{height:100%}
 .work-grid22 .work-open{flex:none}
 .work-grid22 figcaption{display:flex;flex-direction:column}
}
@media(min-width:1101px){header{padding-left:max(30px,calc((100% - 1240px)/2));padding-right:max(30px,calc((100% - 1240px)/2));gap:20px}header nav{gap:19px}header nav>a,header nav summary{font-size:13px}header .lytle-brand{width:175px;flex:0 0 175px}header .header-phone{font-size:13px}header>.button{font-size:13px;padding:13px 16px;gap:12px}}
@media(min-width:901px) and (max-width:1200px){.service-redesign .svc-hero h1{font-size:clamp(37px,4.3vw,49px)}.service-redesign .svc-hero-grid{gap:35px}.service-redesign .svc-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.service-redesign .svc-hero h1{line-height:1.17}.service-redesign .svc-hero-photo>svg{min-height:220px}.contact-layout .contact-form-note{color:#456271}.reference-restored .mobile-sticky-cta a{min-height:51px}.contact-layout .form-row{grid-template-columns:1fr}}
@media(max-width:360px){header .lytle-brand{width:132px;flex-basis:132px}header .header-phone{padding-inline:8px}header{gap:8px}}
/* SVG crops use the same media box as photographs on interior pages. */
.reference-restored .r12-intro-panel>svg.photo25{display:block;width:100%;height:100%}
.reference-restored .blog-card23 .photo25,.reference-restored .article-related23 .photo25{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:901px){.reference-restored .r10-about{gap:60px;align-items:center}.reference-restored .r10-about-photo{overflow:hidden;border-radius:14px}.reference-restored .r10-area-details{gap:25px}.reference-restored .r10-area-card{border:1px solid #d2e3ea;border-radius:13px;padding:30px;background:#f4f9fb}.reference-restored .r10-area-card h2{font-size:27px;line-height:1.25}.reference-restored .contact-layout form{border-top:4px solid #0b7fa2}.reference-restored .contact-layout .contact-support{border-radius:13px}}
.reference-restored .guide-card23>a>svg.photo25{display:block;width:100%;height:100%}

/* header-option2-r26.css */
/* Approved concept 02: real project photo with an overlapping white headline card. */
.homepage25 .hero26{background:#f3f8fb;padding:0 0 24px}
.homepage25 .hero26-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr)}
.homepage25 .hero26-photo{position:relative;height:clamp(245px,68vw,410px);overflow:hidden;background:#dbe5e9}
.homepage25 .hero26-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 52%}
.homepage25 .hero26-photo figcaption{position:absolute;top:18px;left:18px;background:#076b92;color:white;padding:7px 11px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.4}
.homepage25 .hero26-card{position:relative;z-index:1;margin:-34px 16px 0;padding:24px 22px 13px;background:#fff;border-radius:18px;box-shadow:0 9px 28px #143f5012}
.homepage25 .hero26-card h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(29px,8vw,42px);line-height:1.14;letter-spacing:-.04em;font-weight:800}
.homepage25 .hero26-card h1 span{margin-top:4px;color:#087a9e}
.homepage25 .hero26-rule{display:block;width:44px;height:4px;background:#f2cf63;margin:16px 0}
.homepage25 .hero26-card p{font-size:15px;line-height:1.65;color:#456271;margin:0 0 18px}
.homepage25 .hero26-card .hero26-quote{width:100%;min-height:55px;justify-content:center;gap:19px;font-size:17px;border-radius:9px}
.homepage25 .hero26-call{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;margin-top:7px;font-size:18px;font-weight:700;color:#087a9e;text-decoration:underline;text-underline-offset:4px}
.homepage25 .hero26-call svg{width:21px;height:21px;flex:none}
.homepage25 .finder26{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:16px 16px 0;padding:17px;background:#e2f1f7;border-radius:12px;min-width:0}
.homepage25 .finder26>label{font-size:16px;line-height:1.4;font-weight:800;color:#153f52;margin:0}
.homepage25 .finder26 form{display:flex;align-items:stretch;gap:8px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.homepage25 .finder26 :is(select,.service-trigger26){width:100%;min-width:0;min-height:52px;margin:0;padding:12px;border:1px solid #afc9d7;border-radius:8px;background:white;color:#274e60;font:400 16px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;flex:1}
.homepage25 .finder26 .service-trigger26{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.homepage25 .service-trigger26>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homepage25 .service-trigger26>svg{width:20px;height:20px;flex:none}
.homepage25 .finder26 .btn25{flex:0 0 52px;width:52px;min-height:52px;margin:0;padding:12px;justify-content:center;border-radius:8px}
.homepage25 .finder26 [hidden]{display:none!important}
.homepage25 .hero26-audiences{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:17px 16px 0;font-size:12px;font-weight:700;color:#335a6a}
.homepage25 .hero26-audiences a{display:flex;align-items:center;gap:7px;min-height:36px}
.homepage25 .hero26-audiences svg{width:19px;height:19px}
/* Top-layer picker is bounded by the visible screen, not by the page height. */
.service-dialog26{box-sizing:border-box;position:fixed;inset:auto;margin:0;top:var(--picker-top,16px);left:var(--picker-left,16px);width:var(--picker-width,calc(100% - 32px));max-width:520px;max-height:var(--picker-height,calc(100dvh - 32px));padding:0;border:1px solid #c2d9e4;border-radius:16px;background:#fff;color:#153f52;box-shadow:0 16px 55px #0a334033;overflow:hidden}
.service-dialog26::backdrop{background:#072d45a3}
.service-dialog26[open]{display:flex;flex-direction:column}
.service-dialog26 .picker-head26{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #dbe8ed}
.service-dialog26 h2{font:800 21px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:-.025em;margin:0;color:#153f52}
.service-dialog26 .picker-close26{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #d4e2e8;border-radius:8px;background:#edf5f9;color:#153f52;cursor:pointer}
.service-dialog26 .picker-close26 svg{width:22px;height:22px}
.service-dialog26 .picker-options26{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 12px 12px;scrollbar-gutter:stable}
.service-dialog26 .picker-options26 button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;text-align:left;padding:13px 10px;background:#fff;color:#214c5e;border:0;border-bottom:1px solid #e3edf1;border-radius:5px;font:600 15px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.service-dialog26 .picker-options26 button:last-child{border-bottom:0}
.service-dialog26 .picker-options26 button:hover,.service-dialog26 .picker-options26 button[aria-pressed=true]{background:#eaf5fa;color:#07698a}
.service-dialog26 .picker-options26 button::after{content:'→';font-size:20px;flex:none}
.service-dialog26 :is(button,a):focus-visible{outline:3px solid #986100;outline-offset:-3px}
header nav.open{max-height:var(--nav-available26,calc(100dvh - 154px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
header .desktop-services-dropdown{max-height:var(--nav-available26,calc(100dvh - 154px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
@media(max-width:900px){
 header .header-phone{display:flex!important;align-items:center;justify-content:center;min-height:48px;font:700 15px/1.35 'DM Sans',Arial,sans-serif;padding:10px 12px;flex-shrink:0}
 header .phone-short{display:flex;align-items:center;gap:7px}
 header .phone-short svg{width:18px;height:18px;flex:0 0 18px}
 header .lytle-brand{width:clamp(132px,39vw,164px);flex-basis:clamp(132px,39vw,164px);height:61px}
 header .menu-toggle{width:44px;min-width:44px;min-height:48px;height:48px}
}
@media(max-width:360px){
 header{padding-inline:12px;gap:7px}
 header .lytle-brand{width:128px;flex-basis:128px}
 header .header-phone{font-size:14px;padding-inline:9px}
 header .phone-short{gap:5px}
 .homepage25 .hero26-card{padding:23px 19px 12px;margin-inline:12px}
 .homepage25 .hero26-card h1{font-size:28px}
 .homepage25 .finder26{margin-inline:12px;padding:14px}
}
@media(min-width:600px) and (max-width:900px){
 .homepage25 .hero26-card{margin-inline:40px;margin-top:-55px;padding:32px 34px 18px}
 .homepage25 .finder26{margin-inline:40px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}
}
@media(min-width:901px){
 .homepage25 .hero26{padding:34px 40px 30px}
 .homepage25 .hero26-inner{grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);align-items:center}
 .homepage25 .hero26-photo{grid-column:1/3;grid-row:1;height:540px;border-radius:20px;width:82%}
 .homepage25 .hero26-photo img{object-position:40% 50%}
 .homepage25 .hero26-photo figcaption{top:24px;left:24px;font-size:13px}
 .homepage25 .hero26-card{grid-column:2;grid-row:1;margin:40px 0 40px -24px;padding:38px 36px 22px;border:1px solid #e0eaf0;border-radius:20px;box-shadow:0 14px 40px #153c5020}
 .homepage25 .hero26-card h1{font-size:clamp(36px,3.65vw,49px)}
 .homepage25 .hero26-card p{font-size:17px}
 .homepage25 .hero26-rule{margin:20px 0}
 .homepage25 .hero26-card .hero26-quote{min-height:58px;font-size:18px}
 .homepage25 .hero26-call{font-size:19px;min-height:52px}
 .homepage25 .finder26{grid-column:1/3;display:grid;grid-template-columns:auto minmax(0,580px);justify-content:space-between;align-items:center;gap:28px;margin:22px 0 0;padding:20px 26px}
 .homepage25 .finder26>label{font-size:21px}
 .homepage25 .hero26-audiences{grid-column:1/3;gap:35px;font-size:14px;margin-top:12px}
}

/* faq-reviews-r27.css */
/* Shared review cards and readable, service-specific FAQs. */
body .review27 {
  --review-ink: #123c4e;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: clamp(23px, 3.2vw, 38px);
  overflow: hidden;
  border: 1px solid #c9dfe7;
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff 65%, #f1f8fa);
  color: var(--review-ink);
  box-shadow: 0 14px 40px -24px #0c3b4e55;
  font-family: 'DM Sans', Arial, sans-serif;
  text-align: left;
}
body .review27::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #107c9e 0%, #107c9e 77%, #edc861 77%);
}
body .review27-top {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 24px}
body .review27-label {display:flex;align-items:center;gap:9px;font:600 12px/1.4 'DM Sans',Arial,sans-serif;color:#446572;letter-spacing:.065em;text-transform:uppercase}
body .review27-mark {display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#e9f4f7;color:#127491}
body .review27-mark svg {width:19px;height:19px;display:block}
body .review27-stars {display:flex;gap:3px;flex-shrink:0;color:#a87812}
body .review27-stars svg {display:block;width:17px;height:17px;fill:currentColor;stroke:none}
body .review27 blockquote.review27-quote {
  position: static;
  display:block;
  padding:0;
  margin:0 0 25px;
  border:0;
  background:none;
  color:var(--review-ink);
  font:500 clamp(21px, 1.9vw, 26px)/1.48 'DM Sans',Arial,sans-serif;
  letter-spacing:-.025em;
  text-align:left;
  text-transform:none;
  overflow-wrap:break-word;
}
body .review27 blockquote.review27-quote::before,
body .review27 blockquote.review27-quote::after {content:none}
body .review27 figcaption.review27-author {display:flex;align-items:center;gap:12px;position:static;padding:0;margin:0;background:none;color:var(--review-ink);font:400 14px/1.5 'DM Sans',Arial,sans-serif;text-align:left}
body .review27-avatar {display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #cce0e7;border-radius:50%;background:#eaf4f7;color:#19657e;font-size:18px;font-weight:600}
body .review27-person {display:grid;gap:2px}
body .review27-person strong {font-size:16px;line-height:1.4;font-weight:700;color:var(--review-ink)}
body .review27-person span {font-size:13px;line-height:1.4;color:#56717d}
body .review27-footer {border-top:1px solid #dae7ec;margin-top:24px;padding-top:20px}
body .review27 a.review27-link {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;width:100%;margin:0;padding:13px 17px;border:1px solid #0d718f;border-radius:9px;background:#0d718f;color:#fff;font:600 15px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:0;text-decoration:none;text-transform:none;box-shadow:none;transition:background .18s,border-color .18s}
body .review27 a.review27-link:hover {background:#095771;border-color:#095771;color:#fff}
body .review27 a.review27-link:focus-visible {outline:3px solid #bd8914;outline-offset:4px}
body .review27-link svg {width:19px;height:19px;flex:0 0 19px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body .review-section27 {padding-top:54px;padding-bottom:64px;max-width:900px}
body .review-section27 .review27 {max-width:740px;margin-inline:auto}
body .svc-trust {background:#f2f7f9;border-top:1px solid #dce9ee;border-bottom:1px solid #dce9ee;padding-block:64px}
body .svc-trust > .wrap {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px)}
body .svc-trust .review27 {align-self:center}

body .faq-list27 {display:grid;gap:10px;min-width:0;width:100%;border:0}
body .faq-list27 details {margin:0;border:1px solid #d0e1e8;border-radius:11px;background:#fff;box-shadow:none;overflow:visible}
body .faq-list27 details[open] {border-color:#86b7c9;background:#fbfdfe}
body .faq-list27 details > summary {
  position:relative;
  display:block;
  min-height:64px;
  margin:0;
  padding:20px 57px 20px 21px;
  border:0;
  border-radius:10px;
  list-style:none;
  color:#163f51;
  font:600 17px/1.45 'DM Sans',Arial,sans-serif;
  letter-spacing:-.012em;
  cursor:pointer;
  text-transform:none;
}
body .faq-list27 details > summary::-webkit-details-marker {display:none}
body .faq-list27 details > summary::marker {content:''}
body .faq-list27 details > summary::before {content:none}
body .faq-list27 details > summary::after {content:'+';position:absolute;top:50%;right:17px;display:grid;place-items:center;width:27px;height:27px;transform:translateY(-50%);border-radius:50%;background:#eaf4f7;color:#116c88;font:400 22px/1 'DM Sans',Arial,sans-serif;transition:none}
body .faq-list27 details[open] > summary::after {content:'−';background:#0d718f;color:#fff}
body .faq-list27 details > summary:hover {background:#f2f8fa}
body .faq-list27 details > summary:focus-visible {outline:3px solid #ba881d;outline-offset:3px}
body .faq-list27 details > p {margin:0;padding:0 21px 22px;color:#49636e;max-width:none;font:400 16px/1.75 'DM Sans',Arial,sans-serif;letter-spacing:0}
body .faq-list27 details > p a {font-weight:600;color:#0b6b88;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body .faq-list27 details > p a:hover {color:#063b52}
body .faq-contact27 {background:#f1f7fa;padding-block:64px}
body .faq-contact27 .faq-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
body .faq-contact27 h2 {font:700 clamp(28px,3vw,40px)/1.2 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;color:#123c4e}
body .faq-contact27 h2 span {display:block;color:#117b99}
@media (max-width:700px) {
  body .review27 {padding:24px 22px;border-radius:15px}
  body .review27-top {margin-bottom:21px;gap:10px}
  body .review27-label {font-size:10px;letter-spacing:.07em;gap:8px}
  body .review27-mark {width:28px;height:28px;flex-basis:28px}
  body .review27-stars {gap:2px}
  body .review27-stars svg {width:15px;height:15px}
  body .review27 blockquote.review27-quote {font-size:22px;line-height:1.5;margin-bottom:23px}
  body .review27-footer {padding-top:18px;margin-top:21px}
  body .review27 a.review27-link {font-size:14px;padding:13px 14px;min-height:51px;gap:10px}
  body .review-section27 {padding-top:30px;padding-bottom:44px}
  body .svc-trust {padding-block:40px}
  body .svc-trust > .wrap {grid-template-columns:minmax(0,1fr);gap:26px}
  body .faq-list27 {gap:9px}
  body .faq-list27 details > summary {font-size:16px;min-height:64px;padding:18px 48px 18px 17px}
  body .faq-list27 details > summary::after {right:13px;width:25px;height:25px;font-size:21px}
  body .faq-list27 details > p {font-size:15px;line-height:1.75;padding:0 17px 21px}
  body .faq-contact27 {padding-block:44px}
  body .faq-contact27 .faq-layout {grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:350px) {
  body .review27 {padding:22px 18px}
  body .review27-top {gap:8px}
  body .review27-label {font-size:9px;gap:6px}
  body .review27 blockquote.review27-quote {font-size:21px}
}
@media (prefers-reduced-motion:reduce) {body .review27 a.review27-link {transition:none}}

/* visual-menu-r28.css */
/* Clearer review, section and navigation hierarchy. The approved hero is unchanged. */
body .review27 {
  background:#e1f0f9;
  border:1px solid #b6d4e5;
  border-radius:18px;
  box-shadow:0 14px 36px -24px #174b6870;
}
body .review27::before {height:5px;background:#147b9d}
body .review27-top {display:grid;justify-content:start;gap:18px;margin-bottom:22px}
body .review27-label {font-size:12px;letter-spacing:.08em;font-weight:700;color:#23516a;gap:10px}
body .review27-mark {width:34px;height:34px;flex-basis:34px;background:#fff;color:#126483;border:1px solid #c2dce9;border-radius:10px}
body .review27-mark svg {width:21px;height:21px}
body .review27-stars {gap:5px;color:#a56e08}
body .review27-stars svg {width:29px;height:29px}
body .review27 blockquote.review27-quote {color:#123d55;font-weight:500;line-height:1.55;max-width:28ch;letter-spacing:-.024em}
body .review27-avatar {width:46px;height:46px;flex-basis:46px;background:#fff;border:1px solid #b8d6e6;color:#16526c;font-size:19px}
body .review27-person strong {color:#123d55;font-size:16px}
body .review27-person span {color:#486578}
body .review27-footer {border-top-color:#b8d4e5}
body .review27 a.review27-link {background:#0a405a;border-color:#0a405a;color:#fff;min-height:52px;border-radius:10px}
body .review27 a.review27-link:hover {background:#146481;border-color:#146481}
/* White service cards sit on a quiet blue band; work has its own navy section. */
.homepage25 .services-band28 {width:100%;max-width:none;background:#f0f6fa;border-block:1px solid #dce8f0}
.homepage25 .service25 {border-color:#bed3df;box-shadow:0 6px 18px -15px #173f5960}
.homepage25 .service25 .service-copy25 {background:#fff}
.homepage25 .service25 .service-label25 .badge25 {background:#deedf5}
.homepage25 .service25 img.lighting-card28 {object-position:50% 36%}
.homepage25 .brands-section25 {background:#faf8f2;border-block:1px solid #eee7d6}
.homepage25 .brand25 {background:#fff;border-color:#d5dddF}
.homepage25 .work25 {background:#103e57;border-block:1px solid #103e57}
.homepage25 .work25 .eyebrow25 {color:#bce3f2}
.homepage25 .work25 h2 {color:#fff}
.homepage25 .work25 h2 span {color:#98d5eb}
.homepage25 .work25 .work-preview25>a {border-color:#49758c;background:#fff;box-shadow:none}
.homepage25 .work25 .work-preview25 span {background:#fff;color:#163e53}
.homepage25 .work25 .btn25.outline25 {background:transparent;color:#fff;border-color:#a7cbdc}
.homepage25 .work25 .btn25.outline25:hover {background:#1a526d;color:#fff}
.homepage25 .area25 {background:#e8f3f9;border-block:1px solid #d3e6f0}
.homepage25 .blog-section23 {background:#faf8f2;border-top:1px solid #eee7d6}
.mobile-services28,.mobile-home28,.mobile-quote28 {display:none}
@media(max-width:1100px) {
  body header #navigation.open {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    position:fixed;
    inset:auto;
    top:var(--nav-top28,82px);
    left:var(--nav-left28,0px);
    width:var(--nav-width28,100%);
    max-width:100%;
    height:auto;
    min-height:0;
    max-height:var(--nav-available26,calc(100dvh - 150px));
    margin:0;
    gap:0;
    padding:12px 18px 18px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-bottom:18px;
    scrollbar-gutter:stable;
    border:0;
    border-bottom:3px solid #147b9d;
    background:#fff;
    box-shadow:0 12px 22px #153e502b;
    z-index:70;
  }
  body header #navigation.open > * {flex:0 0 auto}
  body header #navigation.open > a {display:flex;align-items:center;min-height:48px;padding:12px 8px;border-bottom:1px solid #d8e5ec;color:#163f54;font:600 15px/1.5 'DM Sans',Arial,sans-serif;white-space:normal}
  body header #navigation.open > a[aria-current=page] {color:#096c8c}
  body header #navigation.open > .desktop-services-menu,
  body header #navigation.open > .desktop-services-link {display:none}
  body header #navigation .mobile-services28 {display:block;margin:3px 0 4px;border:1px solid #c7dce7;border-radius:10px;background:#edf6fb;padding:0;overflow:visible;box-shadow:none}
  body header #navigation .mobile-services28 > summary {display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;min-height:50px;padding:13px 14px;border:0;color:#13455d;list-style:none;font:700 15px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
  body header #navigation .mobile-services28 > summary::-webkit-details-marker {display:none}
  body header #navigation .mobile-services28 > summary::before {content:none}
  body header #navigation .mobile-services28 > summary::after {content:'+';position:static;display:block;width:auto;height:auto;transform:none;background:none;font:400 25px/1 'DM Sans',Arial,sans-serif;color:#0e789b}
  body header #navigation .mobile-services28[open] > summary::after {content:'−'}
  body header #navigation .mobile-service-links28 {padding:0 12px 8px}
  body header #navigation .mobile-service-links28 > a {display:flex;align-items:center;min-height:46px;margin:0;padding:12px 4px;border:0;border-top:1px solid #d1e3ed;color:#245169;font:500 14px/1.5 'DM Sans',Arial,sans-serif;white-space:normal}
  body header #navigation .mobile-service-links28 > a:last-child {font-weight:700;color:#086b8b}
  body header #navigation.open > a.mobile-quote28 {justify-content:space-between;min-height:50px;margin-top:12px;padding:12px 16px;border:0;border-radius:9px;background:#0e789b;color:#fff;font-weight:700}
  body header #navigation :is(a,summary):focus-visible {outline:3px solid #a4710b;outline-offset:-3px;border-radius:5px}
  body header #navigation .mobile-service-links28 > a:hover {background:#dfedf5;color:#0b5f7b}
  body header .menu-toggle[aria-expanded=true] {background:#0d718f;color:white;border-color:#0d718f}
}
@media(max-width:700px) {
  body .review27 {padding:25px 23px;border-radius:16px}
  body .review27-top {gap:15px;margin-bottom:20px}
  body .review27-label {font-size:11px;gap:9px}
  body .review27-stars svg {width:27px;height:27px}
  body .review27-stars {gap:5px}
  body .review27 blockquote.review27-quote {font-size:22px;line-height:1.55;margin-bottom:23px}
  body .review27 a.review27-link {font-size:14px;min-height:52px}
  .homepage25 .services-band28 {padding-block:46px}
}
@media(max-width:350px) {
  body .review27 {padding:23px 19px}
  body .review27 blockquote.review27-quote {font-size:21px}
  body header #navigation.open {padding-inline:14px}
}

/* desktop-polish-r29.css */
@media (min-width: 1101px){
/* Approved desktop concept 5. No rules apply at mobile/tablet widths. */
@media (min-width:1101px) {
 .homepage25 .hero26{position:relative;isolation:isolate;background:#093b56;padding:54px 40px 42px;overflow:hidden}
 .homepage25 .hero26-inner{position:relative;isolation:isolate;max-width:1240px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;gap:0}
 .homepage25 .hero26-photo{position:absolute;z-index:-2;inset:-54px calc((1240px - 100vw)/2) -42px 33%;width:auto;height:auto;border-radius:0;margin:0;grid-area:auto}
 .homepage25 .hero26-photo img{object-position:54% 50%;width:100%;height:100%}
 .homepage25 .hero26-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#093b56 0%,#093b56e8 12%,#093b5670 31%,#093b5600 56%),linear-gradient(0deg,#093b5626,transparent 50%)}
 .homepage25 .hero26-photo figcaption{display:none}
 .homepage25 .hero26-card{grid-column:1;grid-row:1;display:grid;grid-template-columns:max-content 1fr;gap:0 28px;background:transparent;box-shadow:none;border:0;border-radius:0;margin:0;padding:22px 0 0;max-width:none}
 .homepage25 .hero26-card::before{content:'LIGHTING BY LYTLE ELECTRIC';grid-column:1/-1;display:block;color:#addded;letter-spacing:.18em;font-size:11px;font-weight:700;margin-bottom:24px}
 .homepage25 .hero26-card h1{grid-column:1/-1;font-size:clamp(43px,4.2vw,59px);line-height:1.12;letter-spacing:-.045em;color:#fff;margin:0;width:max-content;max-width:110%;text-shadow:0 2px 14px #062b4233}
 .homepage25 .hero26-card h1 span{color:#ffdb79;display:block;margin-top:7px}
 .homepage25 .hero26-rule{grid-column:1/-1;margin:24px 0;background:#ffdb79;width:52px}
 .homepage25 .hero26-card p{grid-column:1/-1;color:#f0f8fc;font-size:19px;line-height:1.65;max-width:480px;margin:0 0 28px}
 .homepage25 .hero26-card .hero26-quote{width:auto;min-height:58px;padding:16px 24px;background:#fff;color:#0b536f;border:1px solid #fff;font-size:17px;gap:25px}
 .homepage25 .hero26-call{justify-content:flex-start;color:white;font-size:18px;min-height:58px;margin:0;gap:10px}
 .homepage25 .hero26-call svg{width:25px;height:25px}
 .homepage25 .hero26-audiences{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:nowrap;margin:25px 0 0;gap:14px;color:#fff;font-size:14px}
 .homepage25 .hero26-audiences a{padding:12px 16px;min-height:49px;border:1px solid #81bed3;border-radius:8px;color:white;gap:10px;background:#07354c8c}
 .homepage25 .hero26-audiences a:hover{background:#155b75}
 .homepage25 .hero26-audiences svg{width:21px;height:21px;flex:none}
 .homepage25 .finder26{grid-column:1/-1;grid-row:3;margin:42px 0 0;padding:24px 28px;background:#f8fcff;border:1px solid #deedf4;border-radius:13px;box-shadow:0 12px 28px #05263b20;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:32px}
 .homepage25 .finder26>label{font-size:23px;color:#153f55}
 .homepage25 .finder26 form{gap:14px}
 .homepage25 .finder26 :is(select,.service-trigger26){min-height:58px;font-size:17px;padding:15px 18px}
 .homepage25 .finder26 .btn25{min-height:58px;flex-basis:58px;width:58px}
 .homepage25 .hero26 :is(a,button):focus-visible{outline:3px solid #f7cc58;outline-offset:4px}
 /* More readable service comparisons, with aligned card actions. */
 .homepage25 .service25{display:flex;flex-direction:column;height:100%}
 .homepage25 .service-copy25{flex:1;display:flex;flex-direction:column}
 .homepage25 .service-link25{margin-top:auto;min-height:48px}
 .homepage25 .services-secondary25{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .homepage25 .services-secondary25 .service25{display:grid;grid-template-columns:38% minmax(0,1fr);overflow:hidden;align-items:stretch}
 .homepage25 .services-secondary25 .service-photo25{height:100%;min-height:300px}
 .homepage25 .services-secondary25 .service-copy25{padding:25px 23px}
 .homepage25 .services-secondary25 h3{font-size:24px;line-height:1.25}
 .homepage25 .services-secondary25 .service-copy25>p{font-size:15px;line-height:1.65}
 .homepage25 .services-secondary25 .points25>li{font-size:14px;line-height:1.6}
 .homepage25 .services-secondary25 .service-label25{font-size:10px;letter-spacing:.06em}
 .homepage25 .services-secondary25 .service-link25{font-size:14px}
 .homepage25 .work-preview25{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
 .homepage25 .work-preview25 .photo25,.homepage25 .work-preview25>a:first-child .photo25{height:275px}
 .homepage25 .work-preview25 span{font-size:16px;padding:21px}
 .homepage25 .review-section25{grid-template-columns:.9fr 1.1fr;gap:64px}
 body .review27{padding:36px}
 body .review27-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
 body .review27 blockquote.review27-quote{font-size:27px;line-height:1.5;max-width:32ch}
 body .review27-stars svg{width:28px;height:28px}
 .homepage25 .faq-section25{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:72px}
 .homepage25 .faq-section25 .heading25,.svc-faq-grid>div:first-child{position:sticky;top:122px;align-self:start}
 .homepage25 .faq25 summary,.faq-list27 summary{font-size:17px;line-height:1.5;padding-block:21px}
 .homepage25 .faq25 details>p,.faq-list27 details>p{font-size:16px;line-height:1.8;max-width:70ch}
 /* Service pages: useful image scale, clear reading measure, aligned options. */
 .svc-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
 .service-redesign .svc-hero h1{font-size:clamp(40px,3.6vw,52px);line-height:1.13;max-width:20ch}
 .service-redesign .svc-lead{font-size:18px;line-height:1.75;max-width:56ch}
 .svc-hero-photo,.svc-electrical-repairs .svc-hero-photo{height:480px;min-height:0;border-radius:16px}
 .svc-offer-grid{gap:24px;align-items:stretch}
 .svc-offer-grid>article{padding:28px;border-radius:13px}
 .service-redesign .svc-offer-grid h3{font-size:22px;line-height:1.3}
 .service-redesign .svc-offer-grid p{font-size:16px;line-height:1.75}
 .svc-planning-grid{gap:64px;align-items:center}
 .svc-faq-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:72px;align-items:start}
 .svc-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
 .service-redesign .svc-hero-actions .svc-button{min-height:52px;font-size:15px}
 /* Work and guides retain their original photos with more legible captions. */
 .work-grid22{gap:28px;align-items:stretch}
 .work-grid22 figcaption{padding:24px}
 .work-grid22 h3{font-size:21px;line-height:1.35}
 .work-grid22 p{font-size:15px;line-height:1.75}
 .work-filter-links22 a{font-size:14px;min-height:44px;display:flex;align-items:center}
 .guide-grid23{gap:28px;align-items:stretch}
 .guide-card23{display:flex;flex-direction:column}
 .guide-card23 .guide-body23{display:flex;flex-direction:column;flex:1;padding:27px}
 .guide-card23 .guide-body23>p{font-size:16px;line-height:1.75}
 .guide-card23 .guide-body23>a:last-child{margin-top:auto;padding-top:20px}
 .article-layout23{grid-template-columns:minmax(0,760px) minmax(240px,300px);justify-content:space-between;gap:64px}
 .article-prose23{font-size:18px;line-height:1.85;min-width:0}
 .article-aside23{top:122px}
 .contact-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start}
 .contact-layout input,.contact-layout textarea,.contact-layout select{font-size:16px;min-height:50px}
}
@media (min-width:1101px) and (max-width:1319px){
 .homepage25 .hero26-photo{right:-40px;left:35%}
 .homepage25 .hero26-card h1{font-size:46px}
 .homepage25 .hero26-card{gap:0 20px}
 .homepage25 .hero26-audiences a{padding-inline:12px;font-size:13px}
 .homepage25 .services-secondary25 .service25{grid-template-columns:34% minmax(0,1fr)}
 body .review27-top{flex-wrap:wrap}
}

}