html[data-theme],
html[data-theme="alternating"],
html[data-theme="deep-blue"],
html[data-theme="contrast"] {
--primary: #d62130;
--primary-rgb: 214, 33, 48;
--primary-hover: #f23b49;
--accent: #d62130;
--accent-rgb: 214, 33, 48;
--text-on-primary: #ffffff;
--premier-ink: #04263a;
--premier-blue-deep: #004060;
--premier-blue: #006090;
--premier-blue-soft: #1070a0;
--bg-primary: var(--premier-blue-deep);
--bg-secondary: var(--premier-blue);
--bg-tertiary: var(--premier-blue-soft);
--bg-card: rgba(6, 29, 52, 0.78);
--text-main: #dceaf5;
--text-muted: #a9bed0;
--border-color: rgba(255, 255, 255, 0.16);
--border-hover: rgba(214, 33, 48, 0.44);
--v3-bg: var(--premier-blue-deep);
--v3-bg-alt: var(--premier-blue);
--v3-card: rgba(8, 42, 74, 0.76);
--v3-accent: #d62130;
--v3-accent-rgb: 214, 33, 48;
--v3-border: rgba(255, 255, 255, 0.14);
}
body.premier-v2-site {
background:
radial-gradient(circle at 16% 8%, rgba(214, 33, 48, 0.18), transparent 28%),
radial-gradient(circle at 82% 20%, rgba(16, 112, 160, 0.34), transparent 34%),
var(--premier-blue-deep);
}
body.premier-v2-site::before,
html {
background-color: var(--premier-blue-deep);
}
body.premier-v2-site .site-header {
background: transparent !important;
border-bottom: 1px solid transparent !important;
box-shadow: none !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
html[data-theme] body.premier-v2-site .site-header.scrolled,
html[data-theme="alternating"] body.premier-v2-site .site-header.scrolled,
html[data-theme="deep-blue"] body.premier-v2-site .site-header.scrolled,
html[data-theme="contrast"] body.premier-v2-site .site-header.scrolled {
background: rgba(255, 255, 255, 0.96) !important;
border-bottom: 1px solid rgba(6, 29, 52, 0.14) !important;
box-shadow: 0 14px 34px rgba(6, 29, 52, 0.12) !important;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
html[data-theme] body.premier-v2-site .site-header.scrolled :is(.nav-link, .nav-toggle, .drawer-close),
html[data-theme="alternating"] body.premier-v2-site .site-header.scrolled :is(.nav-link, .nav-toggle, .drawer-close),
html[data-theme="deep-blue"] body.premier-v2-site .site-header.scrolled :is(.nav-link, .nav-toggle, .drawer-close),
html[data-theme="contrast"] body.premier-v2-site .site-header.scrolled :is(.nav-link, .nav-toggle, .drawer-close) {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
text-shadow: none !important;
}
html[data-theme] body.premier-v2-site .site-header.scrolled .nav-link:hover,
html[data-theme] body.premier-v2-site .site-header.scrolled .nav-link.is-active {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
}
html[data-theme] body.premier-v2-site .site-header.scrolled .nav-toggle span {
background-color: #061d34 !important;
}
body.premier-v2-site .brand-logo-wrap {
width: 86px;
height: 86px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.34));
}
body.premier-v2-site .drawer-brand {
width: 72px;
height: 72px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.34));
}
body.premier-v2-site .brand-logo {
width: 100%;
height: 100%;
max-width: none;
padding: 0;
object-fit: contain;
transform: none !important;
}
body.premier-v2-site .site-header.scrolled .brand-logo-wrap {
width: 66px;
height: 66px;
}
body.premier-v2-site .site-header.scrolled .brand-logo {
width: 100%;
height: 100%;
}
body.premier-v2-site .footer-logo {
width: 116px;
height: 116px;
max-width: 100%;
padding: 10px;
object-fit: contain;
background: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 50%;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26);
filter: none;
}
body.premier-v2-site .hero {
background: var(--premier-blue-deep);
}
body.premier-v2-site .hero-overlay {
background:
linear-gradient(90deg, rgba(4, 38, 58, 0.96), rgba(0, 96, 144, 0.78) 50%, rgba(16, 112, 160, 0.34)),
linear-gradient(180deg, rgba(0, 64, 96, 0.34), rgba(4, 38, 58, 0.9));
}
body.premier-v2-site .hero::after {
background:
linear-gradient(180deg, transparent 0%, rgba(0, 64, 96, 0.84) 100%);
}
body.premier-v2-site .hero-headline > span:nth-child(2),
body.premier-v2-site .hero-headline > span:nth-child(2) .hero-char {
color: #ffffff;
}
body.premier-v2-site .hero-headline > span:nth-child(1),
body.premier-v2-site .hero-headline > span:nth-child(1) .hero-char,
body.premier-v2-site .hero-headline > span:nth-child(2),
body.premier-v2-site .hero-headline > span:nth-child(2) .hero-char {
color: #ffffff;
}
body.premier-v2-site .hero-headline > span {
font-size: clamp(1.9rem, 3.4vw, 4rem) !important;
line-height: 1.05;
}
body.premier-v2-site .hero-headline > span .hero-char {
font-size: inherit !important;
}
body.premier-v2-site .hero-headline > span:nth-child(2)::after {
content: "";
display: block;
width: min(260px, 48vw);
height: 4px;
margin-top: 13px;
background: var(--accent);
border-radius: 999px;
}
body.premier-v2-site .hero-tagline {
max-width: 760px;
}
body.premier-v2-site .hero-tagline-mobile {
display: none;
}
body.premier-v2-site .btn-primary,
body.premier-v2-site .header-call-btn,
body.premier-v2-site .drawer-call-btn,
body.premier-v2-site .sticky-mobile-cta,
body.premier-v2-site .quote-card-hide-btn,
body.premier-v2-site .area-tab-slider,
body.premier-v2-site .v3-solid-btn,
body.premier-v2-site .view-areas-link {
background: linear-gradient(135deg, #d62130, #a90f1d) !important;
border-color: rgba(214, 33, 48, 0.78) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 16px 34px rgba(214, 33, 48, 0.24);
}
body.premier-v2-site .sticky-mobile-cta {
border: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
}
body.premier-v2-site :is(.btn-primary, .btn-outline, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .v3-solid-btn, .view-areas-link, .quote-submit, .form-submit-btn) {
min-height: 52px;
padding: 0.92rem 1.35rem;
gap: 0.68rem;
line-height: 1.1;
align-items: center;
justify-content: center;
}
body.premier-v2-site :is(.header-call-btn, .drawer-call-btn) {
padding-inline: 1.25rem 1.35rem;
}
body.premier-v2-site :is(.quote-submit, .form-submit-btn) {
width: 100%;
min-height: 56px;
}
body.premier-v2-site .btn-primary:hover,
body.premier-v2-site .header-call-btn:hover,
body.premier-v2-site .drawer-call-btn:hover,
body.premier-v2-site .v3-solid-btn:hover {
background: var(--primary-hover);
border-color: var(--primary-hover);
color: #ffffff;
}
html[data-theme] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link),
html[data-theme="contrast"] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link),
html[data-theme="alternating"] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link),
html[data-theme="deep-blue"] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link) {
background: linear-gradient(135deg, #d62130, #a90f1d) !important;
border-color: rgba(214, 33, 48, 0.82) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow:
0 18px 38px rgba(214, 33, 48, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}
html[data-theme] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link)::before,
html[data-theme] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link)::after {
opacity: 0 !important;
}
html[data-theme] body.premier-v2-site :is(.btn-primary, .header-call-btn, .drawer-call-btn, .sticky-mobile-cta, .quote-submit, .form-submit-btn, .v3-solid-btn, .view-areas-link):hover {
background: linear-gradient(135deg, #f23b49, #c01625) !important;
border-color: rgba(242, 59, 73, 0.88) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.premier-v2-site .btn-outline {
border-color: rgba(255, 255, 255, 0.48);
color: #ffffff;
}
body.premier-v2-site .hero-quote-card {
border-color: rgba(255, 255, 255, 0.2);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 247, 252, 0.94));
box-shadow: 0 30px 72px rgba(3, 18, 33, 0.34);
}
body.premier-v2-site .hero-quote-card h2 {
color: #061d34;
-webkit-text-fill-color: #061d34;
}
body.premier-v2-site .hero-quote-card label,
body.premier-v2-site .hero-quote-card label span {
color: #073866;
-webkit-text-fill-color: #073866;
}
body.premier-v2-site .quote-check span,
body.premier-v2-site .quote-privacy,
body.premier-v2-site .quote-note {
color: #52677a;
}
body.premier-v2-site .v3-proof {
background: var(--premier-blue);
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body.premier-v2-site .v3-proof-content span {
color: #ffffff;
}
body.premier-v2-site .section-label,
body.premier-v2-site .svc-icon,
body.premier-v2-site .process-num,
body.premier-v2-site .review-stars,
body.premier-v2-site .contact-detail-item i {
color: var(--primary);
}
body.premier-v2-site .svc-icon,
body.premier-v2-site .process-icon,
body.premier-v2-site .warranty-card > i,
body.premier-v2-site .badge-icon,
body.premier-v2-site .stat-icon-wrap {
background: var(--premier-blue-deep) !important;
border: 1px solid rgba(214, 33, 48, 0.45) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 12px 26px rgba(6, 29, 52, 0.18);
}
body.premier-v2-site .svc-icon {
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-btn);
}
body.premier-v2-site .svc-icon i,
body.premier-v2-site .process-icon i,
body.premier-v2-site .warranty-card > i::before,
body.premier-v2-site .badge-icon i,
body.premier-v2-site .stat-icon-wrap i {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.premier-v2-site .contact-detail-item i {
background: linear-gradient(135deg, #d62130, #a90f1d) !important;
border-color: rgba(255, 255, 255, 0.18) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html[data-theme] body.premier-v2-site .contact-detail-item i,
html[data-theme="alternating"] body.premier-v2-site .contact-detail-item i,
html[data-theme="contrast"] body.premier-v2-site .contact-detail-item i,
html[data-theme="deep-blue"] body.premier-v2-site .contact-detail-item i {
background: linear-gradient(135deg, #d62130, #a90f1d) !important;
border-color: rgba(255, 255, 255, 0.18) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.premier-v2-site :is(.about-section, .services-section, .process-section, .warranty-section, .projects-section, .reviews-section, .faq-section, .service-areas-section, .cta-banner) {
padding-top: clamp(72px, 8vw, 96px);
padding-bottom: clamp(72px, 8vw, 96px);
}
body.premier-v2-site .section-header {
margin-bottom: clamp(34px, 5vw, 58px);
}
body.premier-v2-site .section-title,
body.premier-v2-site .section-title .title-split-word {
color: #ffffff;
}
body.premier-v2-site .text-dark,
body.premier-v2-site .text-dark .title-split-word,
body.premier-v2-site .service-areas-section .section-title,
body.premier-v2-site .service-areas-section .section-title .title-split-word {
color: #073866;
}
body.premier-v2-site .about-slider-stage {
background: var(--premier-blue-deep);
border: 1px solid rgba(6, 29, 52, 0.12);
}
body.premier-v2-site .about-slider-shell {
background: #ffffff;
border-color: rgba(6, 29, 52, 0.12);
box-shadow: 0 24px 60px rgba(6, 29, 52, 0.16);
}
body.premier-v2-site .about-slider-badge {
background: rgba(0, 64, 96, 0.92) !important;
border: 1px solid rgba(214, 33, 48, 0.38) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 12px 24px rgba(6, 29, 52, 0.22);
}
body.premier-v2-site .about-kicker {
display: grid;
gap: 7px;
margin-bottom: 18px;
}
body.premier-v2-site .about-kicker .about-owner-name {
color: #52677a;
font-family: var(--font-heading);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
body.premier-v2-site .about-kicker .section-label {
margin: 0;
}
body.premier-v2-site .about-kicker .section-label::before {
width: 24px;
}
html[data-theme="deep-blue"] body.premier-v2-site .about-kicker .about-owner-name {
color: #d7e6f4 !important;
-webkit-text-fill-color: #d7e6f4 !important;
}
body.premier-v2-site .about-slide .parallax-wrap {
background: var(--premier-blue-deep);
}
body.premier-v2-site .about-slide img {
object-fit: cover;
filter: saturate(1.04) contrast(1.04);
}
body.premier-v2-site .stat-card,
body.premier-v2-site .svc-card,
body.premier-v2-site .review-card,
body.premier-v2-site .faq-panel details {
border-color: rgba(255, 255, 255, 0.12);
background: rgba(8, 42, 74, 0.74);
}
body.premier-v2-site .about-stats-grid {
gap: clamp(14px, 1.8vw, 22px);
}
body.premier-v2-site .stat-card,
body.premier-v2-site .badge-card {
position: relative;
overflow: hidden;
display: grid;
align-content: start;
min-height: 178px;
padding: 24px;
border: 1px solid rgba(6, 29, 52, 0.12) !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 252, 0.94)) !important;
box-shadow: 0 18px 42px rgba(6, 29, 52, 0.1) !important;
}
body.premier-v2-site .stat-card::before,
body.premier-v2-site .badge-card::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: #d62130;
}
body.premier-v2-site .stat-card h3,
body.premier-v2-site .badge-info h4 {
margin-top: 16px;
margin-bottom: 8px;
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
letter-spacing: 0;
}
body.premier-v2-site .stat-card p,
body.premier-v2-site .badge-info p {
color: #52677a !important;
-webkit-text-fill-color: #52677a !important;
line-height: 1.55;
}
body.premier-v2-site .stat-card:hover,
body.premier-v2-site .badge-card:hover {
transform: translateY(-4px);
border-color: rgba(214, 33, 48, 0.32) !important;
box-shadow: 0 24px 54px rgba(6, 29, 52, 0.14) !important;
}
body.premier-v2-site .services-grid {
gap: clamp(18px, 2.6vw, 34px);
}
body.premier-v2-site .svc-card {
min-height: 0;
}
body.premier-v2-site .svc-img-wrap {
min-height: 0;
aspect-ratio: 16 / 9;
overflow: hidden;
}
body.premier-v2-site .svc-img-wrap img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
filter: saturate(1.04) contrast(1.04);
}
body.premier-v2-site .process-visual {
min-height: 300px;
display: flex;
background: var(--premier-blue-deep);
}
body.premier-v2-site .process-visual .parallax-wrap {
min-height: 100%;
height: auto !important;
flex: 1 1 auto;
background: var(--premier-blue-deep);
}
body.premier-v2-site .process-visual .parallax-img {
width: 100%;
height: 100%;
min-height: 300px;
display: block;
object-fit: cover;
object-position: center;
}
body.premier-v2-site .process-card p a {
color: inherit;
-webkit-text-fill-color: currentColor;
font-weight: 800;
text-decoration: underline;
text-decoration-color: #d62130;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
body.premier-v2-site .process-card p a:hover,
body.premier-v2-site .process-card p a:focus-visible {
color: #d62130;
-webkit-text-fill-color: #d62130;
}
body.premier-v2-site .warranty-section,
body.premier-v2-site .service-areas-section {
background: #eff8fc;
}
body.premier-v2-site .warranty-card,
body.premier-v2-site .area-list li,
body.premier-v2-site .badge-card,
body.premier-v2-site .contact-form-card {
border-color: rgba(7, 56, 102, 0.14);
background: #ffffff;
}
body.premier-v2-site .projects-section {
background:
linear-gradient(180deg, rgba(0, 64, 96, 0.98), rgba(0, 96, 144, 0.94));
}
body.premier-v2-site .projects-section .section-label {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
body.premier-v2-site .projects-section .section-label::before {
background: #d62130 !important;
}
html[data-theme] body.premier-v2-site .projects-section .section-label {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
html[data-theme] body.premier-v2-site .projects-section .section-label::before {
background: #d62130 !important;
}
html[data-theme] body.premier-v2-site .above-projects-splide .splide__arrow {
background: #d62130 !important;
border-color: rgba(214, 33, 48, 0.34) !important;
color: #ffffff !important;
}
html[data-theme] body.premier-v2-site .above-projects-splide .splide__arrow:hover,
html[data-theme] body.premier-v2-site .above-projects-splide .splide__arrow:focus-visible {
background: #a90f1d !important;
color: #ffffff !important;
}
body.premier-v2-site .above-project-card img {
object-fit: cover;
object-position: center;
}
body.premier-v2-site .review-card-cta {
background: rgba(214, 33, 48, 0.16);
}
body.premier-v2-site .reviews-slider-container {
max-width: none;
margin-inline: auto;
}
body.premier-v2-site .review-action {
display: flex;
justify-content: center;
margin-top: 28px;
}
body.premier-v2-site .review-action .v3-solid-btn {
display: inline-flex;
align-items: center;
gap: 10px;
}
body.premier-v2-site #testimonials-splide .splide__track,
body.premier-v2-site #testimonials-splide .splide__list,
body.premier-v2-site #testimonials-splide .splide__slide {
height: auto;
}
body.premier-v2-site #testimonials-splide .splide__slide {
display: flex;
align-items: stretch;
}
body.premier-v2-site #testimonials-splide .review-card {
width: 100%;
min-height: 0;
}
body.premier-v2-site .area-copy {
align-content: center;
}
body.premier-v2-site .area-tabs-nav {
display: none !important;
}
body.premier-v2-site .area-intro {
margin: 16px 0 0;
max-width: 42rem;
color: #52677a;
font-size: 1.03rem;
line-height: 1.6;
}
body.premier-v2-site .area-list-wrapper,
body.premier-v2-site .view-areas-link {
grid-area: auto !important;
}
body.premier-v2-site .area-map,
body.premier-v2-site .area-list-wrapper {
opacity: 1;
transform: none;
filter: none;
visibility: visible;
pointer-events: auto;
}
body.premier-v2-site .area-map iframe {
background:
linear-gradient(135deg, rgba(194, 230, 242, 0.96), rgba(226, 245, 235, 0.96));
border: 1px solid rgba(7, 56, 102, 0.12);
}
body.premier-v2-site .area-list {
margin: 26px 0 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.premier-v2-site .area-list li {
min-height: 66px;
}
body.premier-v2-site .area-list-wrapper .area-list li,
body.premier-v2-site .area-list-wrapper.is-revealing .area-list li {
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
body.premier-v2-site .area-note {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 0 0 24px;
padding: 14px 16px;
color: #073866;
background: rgba(255, 255, 255, 0.64);
border: 1px solid rgba(7, 56, 102, 0.12);
}
body.premier-v2-site .area-note i {
margin-top: 3px;
color: #d62130;
}
body.premier-v2-site .area-note span {
line-height: 1.45;
}
body.premier-v2-site .area-actions {
display: grid;
gap: 10px;
margin-top: 12px;
}
body.premier-v2-site .area-action-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-height: 52px;
padding: 14px 18px;
border: 1px solid transparent;
color: #073866;
font-family: var(--font-heading);
font-size: 0.82rem;
font-weight: 900;
letter-spacing: 0.06em;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
body.premier-v2-site .area-call-link {
background: #d62130;
border-color: #d62130;
color: #ffffff;
box-shadow: 0 14px 30px rgba(214, 33, 48, 0.22);
}
body.premier-v2-site .area-explore-link {
background: #ffffff;
border-color: rgba(7, 56, 102, 0.22);
color: #073866;
}
body.premier-v2-site .area-action-link:hover,
body.premier-v2-site .area-action-link:focus-visible {
transform: translateY(-2px);
}
body.premier-v2-site .area-explore-link:hover,
body.premier-v2-site .area-explore-link:focus-visible {
background: #e7f3f9;
border-color: rgba(7, 56, 102, 0.4);
}
body.premier-v2-site .area-list-groups {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
body.premier-v2-site .area-list-group h3 {
margin: 0 0 10px;
color: #073866;
font-family: var(--font-heading);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}
body.premier-v2-site .area-list-group .area-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0;
}
body.premier-v2-site .area-list-group .area-list li {
min-height: 52px;
padding: 0;
background: rgba(255, 255, 255, 0.52);
box-shadow: none;
}
body.premier-v2-site .area-list-group .area-list li a {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
min-height: 52px;
padding: 12px 14px;
color: inherit;
text-decoration: none;
}
body.premier-v2-site .area-list-group .area-list li a i {
flex: 0 0 auto;
}
body.premier-v2-site .area-nearby-copy {
max-width: 30rem;
margin: 0;
color: #52677a;
font-size: 1rem;
line-height: 1.7;
}
body.premier-v2-site .merged-contact-cta {
scroll-margin-top: 96px;
background: #ffffff !important;
color: #073866;
}
body.premier-v2-site .merged-contact-cta :is(.section-title, .merged-cta-copy p, .contact-detail-item strong, .contact-detail-item span, .contact-detail-item a) {
color: #073866 !important;
-webkit-text-fill-color: #073866 !important;
text-shadow: none !important;
}
body.premier-v2-site .merged-contact-cta .section-label {
color: #c01625 !important;
-webkit-text-fill-color: #c01625 !important;
}
body.premier-v2-site .merged-contact-cta .contact-detail-item {
background: #f3f8fb;
border-color: rgba(7, 56, 102, 0.14);
}
body.premier-v2-site .merged-contact-cta .contact-detail-item > i {
color: #c01625;
background: rgba(192, 22, 37, 0.1);
}
body.premier-v2-site .service-areas-section {
background: #f4f9fc !important;
}
body.premier-v2-site .service-areas-grid {
grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.88fr);
align-items: start;
gap: clamp(32px, 5vw, 72px);
}
body.premier-v2-site .service-area-heading {
margin-bottom: clamp(26px, 3vw, 38px);
}
body.premier-v2-site .service-area-heading .section-title {
max-width: 20ch;
margin-bottom: 0;
}
body.premier-v2-site .service-area-heading .area-intro {
max-width: 48rem;
margin-top: 16px;
}
body.premier-v2-site .area-copy {
max-width: 35rem;
}
body.premier-v2-site .area-map {
padding: 10px;
background: #ffffff;
box-shadow: 0 22px 56px rgba(7, 56, 102, 0.14);
}
body.premier-v2-site .area-map iframe {
aspect-ratio: 16 / 10;
}
body.premier-v2-site .area-list-wrapper {
margin-top: 0;
}
body.premier-v2-site .area-list-groups {
grid-template-columns: 1fr;
gap: 20px;
}
body.premier-v2-site .area-list-group .area-list li {
min-height: 48px;
padding: 10px 12px;
}
body.premier-v2-site .area-nearby-copy {
max-width: none;
padding-top: 15px;
border-top: 1px solid rgba(7, 56, 102, 0.14);
}
body.premier-v2-site .area-note {
margin: 22px 0 18px;
padding: 0;
background: transparent;
border: 0;
}
body.premier-v2-site .form-feedback-message {
min-height: 22px;
margin-top: 14px;
color: #ffffff;
font-weight: 800;
}
body.premier-v2-site .contact-form-card .form-feedback-message {
color: #073866;
}
body.premier-v2-site .service-booking-modal {
position: fixed;
inset: 0;
z-index: 12500;
display: grid;
place-items: center;
padding: clamp(18px, 3vw, 42px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.28s ease, visibility 0.28s ease;
}
body.premier-v2-site .service-booking-modal.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
body.premier-v2-site .service-booking-backdrop {
position: absolute;
inset: 0;
background:
radial-gradient(circle at 78% 16%, rgba(214, 33, 48, 0.24), transparent 32%),
rgba(3, 18, 33, 0.82);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
body.premier-v2-site .service-booking-dialog {
position: relative;
width: min(960px, 100%);
max-height: min(780px, calc(100vh - 38px));
overflow: hidden;
display: flex;
flex-direction: column;
gap: 22px;
padding: clamp(22px, 3vw, 34px);
color: #dceaf5;
background:
linear-gradient(145deg, rgba(4, 38, 58, 0.98), rgba(0, 96, 144, 0.94)),
var(--premier-blue-deep);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 8px;
box-shadow: 0 34px 96px rgba(0, 0, 0, 0.48);
transform: translateY(18px) scale(0.98);
transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
body.premier-v2-site .service-booking-modal.open .service-booking-dialog {
transform: translateY(0) scale(1);
}
body.premier-v2-site .service-booking-top {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: start;
}
body.premier-v2-site .service-booking-kicker {
display: inline-flex;
margin-bottom: 8px;
color: #d62130;
font-family: var(--font-heading);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.premier-v2-site .service-booking-top h2 {
margin: 0;
color: #ffffff;
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.4rem);
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
}
body.premier-v2-site .service-booking-top p {
max-width: 680px;
margin: 12px 0 0;
color: #c5d8e9;
font-size: 1rem;
line-height: 1.55;
}
body.premier-v2-site .service-booking-close {
width: 42px;
height: 42px;
display: inline-grid;
place-items: center;
flex: 0 0 auto;
color: #ffffff;
background: rgba(255, 255, 255, 0.11);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
cursor: pointer;
}
body.premier-v2-site .service-booking-close:hover {
background: #d62130;
}
body.premier-v2-site .service-booking-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
overflow-y: auto;
padding-right: 5px;
scrollbar-width: thin;
}
body.premier-v2-site .service-booking-link {
min-height: 78px;
display: grid;
grid-template-columns: 38px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 14px;
color: #ffffff;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 8px;
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
body.premier-v2-site .service-booking-link:hover,
body.premier-v2-site .service-booking-link:focus-visible {
transform: translateY(-2px);
background: rgba(214, 33, 48, 0.18);
border-color: rgba(244, 185, 66, 0.64);
outline: none;
}
body.premier-v2-site .service-booking-link i {
width: 38px;
height: 38px;
display: inline-grid;
place-items: center;
color: #ffffff;
background: linear-gradient(135deg, #d62130, #a90f1d);
border-radius: 6px;
box-shadow: 0 10px 22px rgba(214, 33, 48, 0.22);
}
body.premier-v2-site .service-booking-link span {
min-width: 0;
color: #ffffff;
font-family: var(--font-heading);
font-size: 0.94rem;
font-weight: 900;
line-height: 1.1;
letter-spacing: 0;
text-transform: uppercase;
}
body.premier-v2-site .service-booking-link small {
color: #d62130;
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
}
body.premier-v2-site .service-booking-call {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 12px 16px;
color: #061d34;
background: #d62130;
border-radius: 8px;
font-weight: 900;
text-align: center;
text-decoration: none;
}
[data-corner="square"] body.premier-v2-site :is(.service-booking-dialog, .service-booking-link, .service-booking-link i, .service-booking-call, .service-booking-close) {
border-radius: 0 !important;
}
body.premier-v2-site #quote-form .checkbox-grid {
max-height: 330px;
overflow-y: auto;
padding-right: 6px;
scrollbar-width: thin;
}
body.premier-v2-site #quote-form .checkbox-container {
min-height: 46px;
padding: 10px 12px;
gap: 10px;
line-height: 1.12;
}
body.premier-v2-site .hidden-field {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
body.premier-v2-site #settings-trigger {
background: var(--premier-blue);
border-color: rgba(255, 255, 255, 0.18);
}
/* Keep the preview theme controls available in code without exposing them publicly. */
body.premier-v2-site #settings-trigger,
body.premier-v2-site #settings-panel {
display: none !important;
}
body.premier-v2-site #settings-trigger:hover,
body.premier-v2-site #settings-trigger.panel-open {
background: var(--primary);
}
body.premier-v2-site.service-booking-open #settings-trigger {
opacity: 0;
pointer-events: none;
}
body.premier-v2-site #settings-panel {
width: min(292px, calc(100vw - 32px));
background: #ffffff !important;
border-color: rgba(6, 29, 52, 0.16) !important;
color: #061d34 !important;
box-shadow: 0 24px 70px rgba(6, 29, 52, 0.26) !important;
}
body.premier-v2-site #settings-panel h4 {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
body.premier-v2-site #settings-panel .settings-section-label {
color: #52677a !important;
}
body.premier-v2-site #settings-panel :is(.theme-opt, .corner-opt) {
background: #f5f8fb !important;
border-color: rgba(6, 29, 52, 0.12) !important;
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
padding: 11px 10px;
min-height: 76px;
}
html[data-theme] body.premier-v2-site #settings-panel :is(.theme-opt, .corner-opt),
html[data-theme="alternating"] body.premier-v2-site #settings-panel :is(.theme-opt, .corner-opt),
html[data-theme="contrast"] body.premier-v2-site #settings-panel :is(.theme-opt, .corner-opt),
html[data-theme="deep-blue"] body.premier-v2-site #settings-panel :is(.theme-opt, .corner-opt) {
background: #f5f8fb !important;
border-color: rgba(6, 29, 52, 0.12) !important;
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
body.premier-v2-site #settings-panel :is(.theme-opt, .corner-opt):hover {
background: #edf5fa !important;
border-color: rgba(214, 33, 48, 0.28) !important;
}
body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active) {
background: rgba(214, 33, 48, 0.08) !important;
border-color: #d62130 !important;
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
}
html[data-theme] body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active),
html[data-theme="alternating"] body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active),
html[data-theme="contrast"] body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active),
html[data-theme="deep-blue"] body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active) {
background: rgba(214, 33, 48, 0.08) !important;
border-color: #d62130 !important;
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
}
body.premier-v2-site #settings-panel .corner-opt {
min-height: 72px;
gap: 7px;
}
body.premier-v2-site #settings-panel .corner-opt svg {
width: 30px;
height: 30px;
color: currentColor !important;
flex: 0 0 auto;
}
body.premier-v2-site #settings-panel .settings-close {
color: #061d34 !important;
border-color: rgba(6, 29, 52, 0.14) !important;
background: #f5f8fb !important;
}
body.premier-v2-site .theme-swatch-mini {
border: 1px solid rgba(6, 29, 52, 0.28) !important;
position: relative;
width: 34px;
height: 34px;
border-radius: 6px;
box-shadow: 0 3px 8px rgba(6, 29, 52, 0.12);
overflow: hidden;
}
body.premier-v2-site .swatch-dark {
background: linear-gradient(135deg, #04263a 0 52%, #006090 52% 78%, #d62130 78% 100%) !important;
}
body.premier-v2-site .swatch-contrast {
background: linear-gradient(135deg, #ffffff 0 48%, #eff8fc 48% 64%, #004060 64% 82%, #d62130 82% 100%) !important;
}
body.premier-v2-site .swatch-alternating {
background: linear-gradient(135deg, #004060 0 34%, #ffffff 34% 52%, #d62130 52% 70%, #006090 70% 100%) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.about-section, .process-section) {
background:
radial-gradient(circle at 18% 14%, rgba(214, 33, 48, 0.12), transparent 30%),
linear-gradient(180deg, #004060, #04263a) !important;
color: #ffffff !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.about-section, .process-section) :is(.section-title, .section-title *, .title-split-word, h2, h3) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.about-section, .process-section) :is(p, .section-sub, .about-desc p) {
color: #d7e6f4 !important;
-webkit-text-fill-color: #d7e6f4 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.about-section, .process-section) .section-label {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.stat-card, .process-card) {
background: rgba(255, 255, 255, 0.94) !important;
border-color: rgba(255, 255, 255, 0.18) !important;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.stat-card, .process-card) h3,
html[data-theme="deep-blue"] body.premier-v2-site .stat-card h3 {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.stat-card, .process-card) p,
html[data-theme="deep-blue"] body.premier-v2-site .stat-card p {
color: #52677a !important;
-webkit-text-fill-color: #52677a !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .about-section .stat-card p,
html[data-theme="deep-blue"] body.premier-v2-site .process-section .process-card p {
color: #52677a !important;
-webkit-text-fill-color: #52677a !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .about-section .stat-card h3,
html[data-theme="deep-blue"] body.premier-v2-site .process-section .process-card h3 {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .process-num {
color: rgba(255, 255, 255, 0.28) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.28) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .process-card .process-num {
color: rgba(6, 29, 52, 0.12) !important;
-webkit-text-fill-color: rgba(6, 29, 52, 0.12) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .process-step:is(:hover, .active-scroll) .process-num {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
html[data-theme="deep-blue"] body.premier-v2-site #settings-panel .theme-swatch-mini {
border-color: rgba(6, 29, 52, 0.22) !important;
}
html[data-theme="contrast"] body.premier-v2-site .faq-panel details {
background: rgba(255, 255, 255, 0.98) !important;
border-color: rgba(6, 29, 52, 0.12) !important;
color: #061d34 !important;
box-shadow: 0 18px 42px rgba(6, 29, 52, 0.1) !important;
}
html[data-theme="contrast"] body.premier-v2-site .faq-panel :is(summary, p) {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
text-shadow: none !important;
}
html[data-theme="contrast"] body.premier-v2-site .faq-panel p {
color: #52677a !important;
-webkit-text-fill-color: #52677a !important;
}
html[data-theme="contrast"] body.premier-v2-site .faq-panel summary::after {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
html[data-theme="contrast"] body.premier-v2-site .section-label {
color: #0b2d6b !important;
-webkit-text-fill-color: #0b2d6b !important;
}
html[data-theme="contrast"] body.premier-v2-site .merged-contact-cta .section-label,
html[data-theme="contrast"] body.premier-v2-site .site-footer h3 {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.services-section, .projects-section, .reviews-section, .faq-section, .merged-contact-cta, .site-footer) .section-label,
html[data-theme="deep-blue"] body.premier-v2-site .site-footer h3 {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card,
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card:hover,
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card.active-scroll {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 252, 0.96)) !important;
border-color: rgba(255, 255, 255, 0.18) !important;
box-shadow: 0 22px 52px rgba(0, 0, 0, 0.26) !important;
color: #061d34 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-body {
background: transparent !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card :is(h3, p),
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card:hover :is(h3, p),
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card.active-scroll :is(h3, p) {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
text-shadow: none !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-card p {
color: #52677a !important;
-webkit-text-fill-color: #52677a !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-body a {
color: #006090 !important;
-webkit-text-fill-color: #006090 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .services-section .svc-body a:hover {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.faq-panel details, .warranty-card) {
background: rgba(255, 255, 255, 0.96) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
color: #061d34 !important;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.faq-panel summary, .faq-panel p, .warranty-card h3, .warranty-card p) {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
text-shadow: none !important;
}
html[data-theme="deep-blue"] body.premier-v2-site :is(.faq-panel p, .warranty-card p) {
color: #52677a !important;
-webkit-text-fill-color: #52677a !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .contact-form-card {
background: rgba(255, 255, 255, 0.97) !important;
border-color: rgba(255, 255, 255, 0.22) !important;
color: #061d34 !important;
box-shadow: 0 26px 64px rgba(0, 0, 0, 0.26) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .contact-form-card :is(label, .section-sub-label, .checkbox-container) {
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .contact-form-card .section-sub-label {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
border-bottom-color: rgba(6, 29, 52, 0.12) !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .contact-form-card :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea) {
background: #f5f8fb !important;
border-color: rgba(6, 29, 52, 0.18) !important;
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
html[data-theme="deep-blue"] body.premier-v2-site .contact-form-card :is(input, textarea)::placeholder {
color: #63788a !important;
-webkit-text-fill-color: #63788a !important;
opacity: 1 !important;
}
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-container,
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-container {
background: #f5f8fb !important;
border-color: rgba(6, 29, 52, 0.16) !important;
color: #061d34 !important;
-webkit-text-fill-color: #061d34 !important;
}
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-container:hover,
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-container:has(input:focus-visible),
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-container:has(input:checked),
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-container:hover,
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-container:has(input:focus-visible),
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-container:has(input:checked) {
background: rgba(214, 33, 48, 0.08) !important;
border-color: rgba(214, 33, 48, 0.42) !important;
}
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-custom,
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-custom {
background: #ffffff !important;
border-color: rgba(6, 29, 52, 0.42) !important;
}
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-container input:checked ~ .checkbox-custom,
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-container input:checked ~ .checkbox-custom {
background: #d62130 !important;
border-color: #d62130 !important;
}
html[data-theme="alternating"] body.premier-v2-site #quote-form .checkbox-custom::after,
html[data-theme="deep-blue"] body.premier-v2-site #quote-form .checkbox-custom::after {
border-color: #ffffff !important;
}
body.premier-v2-site .nav-drawer.open .drawer-main a {
animation: none !important;
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
body.premier-v2-site .nav-drawer,
body.premier-v2-site .drawer-main,
body.premier-v2-site .drawer-main a {
filter: none !important;
}
body.premier-v2-site .nav-drawer {
width: min(390px, 90vw);
max-width: none;
height: 100dvh;
padding: 28px 26px 24px;
justify-content: flex-start;
overflow: hidden;
}
body.premier-v2-site .drawer-top {
flex: 0 0 auto;
margin-bottom: 18px;
}
body.premier-v2-site .drawer-main {
display: block;
flex: 1 1 auto;
min-height: 0;
padding-right: 6px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
scrollbar-width: thin;
}
body.premier-v2-site .drawer-primary-link,
body.premier-v2-site .drawer-group-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 50px;
padding: 12px 2px;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
background: transparent;
color: rgba(255, 255, 255, 0.92) !important;
font-family: var(--font-body);
font-size: 1.05rem;
font-weight: 750;
line-height: 1.2;
text-align: left;
text-decoration: none;
-webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}
body.premier-v2-site .drawer-group-toggle {
cursor: pointer;
}
body.premier-v2-site .drawer-group-toggle i {
flex: 0 0 auto;
margin-left: 14px;
color: #ff6673;
font-size: 0.78rem;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
body.premier-v2-site .drawer-nav-group.is-open .drawer-group-toggle i {
transform: rotate(180deg);
}
body.premier-v2-site .drawer-submenu {
display: grid;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.48s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}
body.premier-v2-site .drawer-nav-group.is-open .drawer-submenu {
max-height: 420px;
opacity: 1;
}
body.premier-v2-site .drawer-submenu a {
padding: 10px 12px 10px 18px;
border-left: 2px solid rgba(214, 33, 48, 0.55);
color: rgba(255, 255, 255, 0.72) !important;
font-size: 0.9rem;
font-weight: 650;
line-height: 1.25;
text-decoration: none;
-webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
body.premier-v2-site .drawer-primary-link:hover,
body.premier-v2-site .drawer-primary-link:focus-visible,
body.premier-v2-site .drawer-group-toggle:hover,
body.premier-v2-site .drawer-group-toggle:focus-visible,
body.premier-v2-site .drawer-submenu a:hover,
body.premier-v2-site .drawer-submenu a:focus-visible {
color: #ff9aa3 !important;
-webkit-text-fill-color: #ff9aa3 !important;
}
body.premier-v2-site .drawer-footer {
flex: 0 0 auto;
margin-top: 16px;
}
body.premier-v2-site .drawer-close {
border-color: rgba(255, 255, 255, 0.22) !important;
}
@media (max-width: 760px) {
body.premier-v2-site .merged-contact-cta {
scroll-margin-top: 150px;
}
body.premier-v2-site .brand-logo-wrap {
width: 82px;
height: 82px;
}
body.premier-v2-site .drawer-brand {
width: 72px;
height: 72px;
}
body.premier-v2-site .site-header.scrolled .brand-logo-wrap {
width: 64px;
height: 64px;
}
body.premier-v2-site .brand-logo {
width: 100%;
height: 100%;
max-width: none;
}
body.premier-v2-site .footer-logo {
width: 104px;
height: 104px;
}
body.premier-v2-site .site-footer {
padding-bottom: calc(132px + env(safe-area-inset-bottom));
}
body.premier-v2-site .footer-bottom {
padding-bottom: calc(36px + env(safe-area-inset-bottom));
}
body.premier-v2-site .drawer-call-btn {
gap: 0;
}
body.premier-v2-site .drawer-call-btn i {
display: none;
}
body.premier-v2-site .hero-headline {
font-size: clamp(2.7rem, 14vw, 4.6rem);
}
body.premier-v2-site .hero-headline > span {
font-size: clamp(1.45rem, 6.4vw, 1.9rem) !important;
line-height: 1.06;
}
body.premier-v2-site .hero-quote-card {
margin-top: 18px;
}
body.premier-v2-site .service-booking-modal {
align-items: end;
padding: 12px;
}
body.premier-v2-site .service-booking-dialog {
width: 100%;
max-height: calc(100dvh - 24px);
padding: 16px;
gap: 14px;
border-radius: 8px 8px 0 0;
}
body.premier-v2-site .service-booking-kicker {
font-size: 0.68rem;
}
body.premier-v2-site .service-booking-top h2 {
font-size: clamp(1.65rem, 8vw, 2.12rem);
line-height: 1.04;
}
body.premier-v2-site .service-booking-top p {
margin-top: 9px;
font-size: 0.9rem;
line-height: 1.46;
}
body.premier-v2-site .service-booking-grid {
grid-template-columns: 1fr;
max-height: 50vh;
}
body.premier-v2-site .service-booking-link {
min-height: 66px;
padding: 12px;
}
body.premier-v2-site .service-booking-call {
min-height: 44px;
padding: 10px 12px;
font-size: 0.95rem;
line-height: 1.2;
}
body.premier-v2-site .area-intro {
font-size: 0.98rem;
}
body.premier-v2-site .service-areas-section .section-title,
body.premier-v2-site .service-areas-section .section-title .title-split-word {
font-size: clamp(2.25rem, 10vw, 2.85rem);
line-height: 1.02;
}
body.premier-v2-site .area-list {
grid-template-columns: 1fr;
gap: 10px;
}
body.premier-v2-site .area-list-groups {
grid-template-columns: 1fr;
gap: 20px;
}
body.premier-v2-site .area-list-group .area-list {
grid-template-columns: 1fr;
}
body.premier-v2-site .area-list li {
min-height: 54px;
padding: 13px 15px;
}
body.premier-v2-site .area-note {
padding: 13px 14px;
}
body.premier-v2-site .hero-headline > span:nth-child(2)::after {
width: 150px;
height: 3px;
margin-top: 10px;
}
body.premier-v2-site :is(.about-section, .services-section, .process-section, .warranty-section, .projects-section, .reviews-section, .faq-section, .service-areas-section, .cta-banner) {
padding-top: 64px;
padding-bottom: 64px;
}
body.premier-v2-site .section-sub {
max-width: 32rem;
font-size: clamp(1.06rem, 5vw, 1.22rem);
line-height: 1.58;
}
body.premier-v2-site .svc-img-wrap {
min-height: 210px;
}
body.premier-v2-site .section-title,
body.premier-v2-site .section-title .title-split-word {
font-size: clamp(2.35rem, 10.5vw, 3.45rem);
line-height: 1.08;
}
body.premier-v2-site .services-section .section-title,
body.premier-v2-site .services-section .section-title .title-split-word {
font-size: clamp(2rem, 8.8vw, 2.8rem);
line-height: 1.04;
}
body.premier-v2-site .svc-body h3 {
font-size: clamp(1.35rem, 6.2vw, 1.85rem);
line-height: 1.08;
}
body.premier-v2-site .svc-body p {
font-size: clamp(0.98rem, 4.7vw, 1.18rem);
line-height: 1.55;
}
}
@media (max-width: 1024px) {
body.premier-v2-site .warranty-cards {
align-items: start;
}
body.premier-v2-site .warranty-card {
min-height: 0;
height: auto;
}
}
@media (max-width: 900px) {
body.premier-v2-site .reviews-section {
display: block !important;
padding-top: 56px;
padding-bottom: 56px;
}
body.premier-v2-site .reviews-section .section-header {
margin-bottom: 28px;
}
body.premier-v2-site .reviews-slider-container {
margin-bottom: 0;
}
}
body.premier-v2-site .process-num,
body.premier-v2-site .process-step:is(:hover, .active-scroll, .in-view) .process-num,
html[data-theme] body.premier-v2-site .process-step:is(:hover, .active-scroll, .in-view) .process-num {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
text-shadow: none !important;
opacity: 1 !important;
}
body.premier-v2-site .process-step:is(:hover, .active-scroll) .process-num,
html[data-theme] body.premier-v2-site .process-step:is(:hover, .active-scroll) .process-num {
transform: scale(0.98) !important;
}
body.premier-v2-site .process-line-fill,
html[data-theme] body.premier-v2-site .process-line-fill {
background: #d62130 !important;
box-shadow: 0 0 10px rgba(214, 33, 48, 0.28) !important;
}
body.premier-v2-site .process-dot,
body.premier-v2-site .process-step.in-view .process-dot,
html[data-theme] body.premier-v2-site .process-dot,
html[data-theme] body.premier-v2-site .process-step.in-view .process-dot {
color: #ffffff !important;
background: #d62130 !important;
border-color: #d62130 !important;
box-shadow: 0 0 12px rgba(214, 33, 48, 0.34) !important;
}
html[data-theme] body.premier-v2-site .merged-contact-cta {
background: #ffffff !important;
}
html[data-theme] body.premier-v2-site .merged-contact-cta :is(
.section-title,
.section-title *,
.title-split-word,
.merged-cta-copy > p,
.contact-detail-item strong,
.contact-detail-item span,
.contact-detail-item a
) {
color: #073866 !important;
-webkit-text-fill-color: #073866 !important;
text-shadow: none !important;
}
html[data-theme] body.premier-v2-site .merged-contact-cta .section-label {
color: #c01625 !important;
-webkit-text-fill-color: #c01625 !important;
}
html[data-theme] body.premier-v2-site .merged-contact-cta .contact-detail-item {
background: #f3f8fb !important;
border-color: rgba(7, 56, 102, 0.16) !important;
box-shadow: none !important;
}
html[data-theme] body.premier-v2-site .merged-contact-cta .contact-detail-item > i {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
background: linear-gradient(135deg, #d62130, #a90f1d) !important;
}
body.premier-v2-site .process-step:is(:hover, .active-scroll) .process-card {
transform: scale(0.985) !important;
opacity: 0.94;
border-color: rgba(7, 56, 102, 0.2) !important;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.14) !important;
}
body.premier-v2-site .process-step:is(:hover, .active-scroll) .process-num,
html[data-theme="deep-blue"] body.premier-v2-site .process-step:is(:hover, .active-scroll) .process-num {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
transform: scale(0.98) !important;
text-shadow: none !important;
opacity: 1;
}
@media (max-width: 760px) {
body.premier-v2-site .reviews-section .section-title,
body.premier-v2-site .reviews-section .section-title .title-split-word {
font-size: 2.05rem !important;
line-height: 1.06 !important;
}
}
html[data-theme="alternating"] {
--booking-dialog-bg: linear-gradient(135deg, #f8fcfe 0%, #eaf5fa 100%);
--booking-surface: rgba(255, 255, 255, 0.9);
--booking-surface-muted: rgba(7, 56, 102, 0.07);
--booking-text: #073866;
--booking-copy: #52677a;
--booking-border: rgba(7, 56, 102, 0.16);
--booking-active: #073866;
--booking-shadow: rgba(7, 56, 102, 0.12);
}
html[data-theme="contrast"] {
--booking-dialog-bg: #ffffff;
--booking-surface: #f4f7fa;
--booking-surface-muted: #eaf0f5;
--booking-text: #061d34;
--booking-copy: #42586c;
--booking-border: rgba(6, 29, 52, 0.24);
--booking-active: #061d34;
--booking-shadow: rgba(6, 29, 52, 0.12);
}
html[data-theme="deep-blue"] {
--booking-dialog-bg: linear-gradient(135deg, #041f35 0%, #062f4d 100%);
--booking-surface: rgba(255, 255, 255, 0.09);
--booking-surface-muted: rgba(255, 255, 255, 0.07);
--booking-text: #f8fbff;
--booking-copy: #c8d9e7;
--booking-border: rgba(255, 255, 255, 0.2);
--booking-active: #d62130;
--booking-shadow: rgba(0, 0, 0, 0.28);
}
html[data-theme] body.premier-v2-site .service-booking-dialog {
color: var(--booking-text);
background: var(--booking-dialog-bg);
}
html[data-theme] body.premier-v2-site :is(
.service-booking-top h2,
.service-booking-link span,
.booking-guide-step h3,
.booking-guide-choice strong,
.booking-guide-back
) {
color: var(--booking-text);
-webkit-text-fill-color: var(--booking-text);
}
html[data-theme] body.premier-v2-site :is(
.service-booking-top p,
.service-booking-mode-btn,
.booking-guide-progress,
.booking-guide-step > p,
.booking-guide-choice small,
.booking-guide-notice
) {
color: var(--booking-copy);
-webkit-text-fill-color: var(--booking-copy);
}
html[data-theme] body.premier-v2-site :is(.service-booking-link, .booking-guide-choice) {
color: var(--booking-text);
background: var(--booking-surface);
border-color: var(--booking-border);
box-shadow: 0 12px 26px var(--booking-shadow);
}
html[data-theme] body.premier-v2-site :is(.service-booking-link, .booking-guide-choice):is(:hover, :focus-visible) {
background: var(--booking-surface);
border-color: rgba(214, 33, 48, 0.62);
box-shadow: 0 16px 32px var(--booking-shadow);
}
html[data-theme] body.premier-v2-site .service-booking-mode {
background: var(--booking-surface-muted);
border-color: var(--booking-border);
}
html[data-theme] body.premier-v2-site .service-booking-mode-btn.is-active {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
background: var(--booking-active);
}
html[data-theme] body.premier-v2-site .service-booking-close {
color: var(--booking-text);
background: var(--booking-surface);
border-color: var(--booking-border);
}
html[data-theme] body.premier-v2-site .booking-guide-progress i {
background: var(--booking-border);
}
html[data-theme] body.premier-v2-site .booking-guide-progress i.is-active {
background: #d62130;
}
html[data-theme] body.premier-v2-site .booking-guide-notice {
background: var(--booking-surface-muted);
border-color: var(--booking-border);
}
html[data-theme="deep-blue"] body.premier-v2-site .service-booking-kicker,
html[data-theme="deep-blue"] body.premier-v2-site .booking-guide-eyebrow,
html[data-theme="deep-blue"] body.premier-v2-site .service-booking-link small::after,
html[data-theme="deep-blue"] body.premier-v2-site .booking-guide-notice i {
color: #ffb6be;
-webkit-text-fill-color: #ffb6be;
}
html[data-theme="deep-blue"] body.premier-v2-site .service-booking-mode-btn span {
color: #061d34;
-webkit-text-fill-color: #061d34;
background: #ffb6be;
}
html[data-theme="contrast"] body.premier-v2-site .service-booking-mode-btn span {
background: #c01625;
}
[data-corner="rounded"] body.premier-v2-site :is(
.service-booking-mode,
.service-booking-mode-btn,
.service-booking-search,
.service-booking-empty,
.service-booking-back-close,
.service-booking-link,
.service-booking-link i,
.booking-guide-choice,
.booking-guide-choice > i,
.booking-guide-notice,
.booking-guide-result-icon,
.booking-guide-submit,
.service-booking-close,
.service-booking-call
) {
border-radius: 8px !important;
}
[data-corner="rounded"] body.premier-v2-site :is(.service-booking-mode-btn span, .booking-guide-progress i) {
border-radius: 999px !important;
}
[data-corner="square"] body.premier-v2-site :is(
.service-booking-mode,
.service-booking-mode-btn,
.service-booking-mode-btn span,
.service-booking-search,
.service-booking-empty,
.service-booking-back-close,
.service-booking-link,
.service-booking-link i,
.booking-guide-choice,
.booking-guide-choice > i,
.booking-guide-notice,
.booking-guide-result-icon,
.booking-guide-submit,
.booking-guide-progress i,
.service-booking-close,
.service-booking-call
) {
border-radius: 0 !important;
}
/* ── Custom Resets & Visual Fixes ── */
/* 1. Unify services grid and cards, removing featured layout on first card */
body.premier-v2-site .services-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(18px, 2.6vw, 34px) !important;
}
body.premier-v2-site .services-grid .svc-card:first-child {
grid-column: auto !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
min-height: 0 !important;
}
body.premier-v2-site .services-grid .svc-card:first-child .svc-img-wrap {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
border-right: 0 !important;
border-bottom: 1px solid var(--border-color) !important;
}
body.premier-v2-site .services-grid .svc-card:first-child .svc-body {
padding: 2.25rem !important;
}
body.premier-v2-site .services-grid .svc-card {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-height: 0 !important;
}
body.premier-v2-site .services-grid .svc-card .svc-body {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
padding: 2.25rem !important;
}
body.premier-v2-site .svc-card .svc-img-wrap {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
border-right: 0 !important;
border-bottom: 1px solid var(--border-color) !important;
}
body.premier-v2-site .svc-card .svc-img-wrap img {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
object-fit: cover !important;
object-position: center !important;
}
body.premier-v2-site .above-projects-splide {
padding-inline: clamp(38px, 5vw, 56px) !important;
}
body.premier-v2-site .above-projects-splide .splide__slide {
align-items: stretch !important;
}
body.premier-v2-site .above-project-card {
min-height: 0 !important;
aspect-ratio: 4 / 3 !important;
display: block !important;
}
body.premier-v2-site .above-project-card img {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center !important;
}
/* 2. Responsive adjustment for services grid */
@media (max-width: 1120px) {
body.premier-v2-site .services-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
body.premier-v2-site .services-grid {
grid-template-columns: 1fr !important;
}
body.premier-v2-site .above-projects-splide {
width: calc(100vw - 20px) !important;
margin-left: calc(50% - 50vw + 10px) !important;
margin-right: calc(50% - 50vw + 10px) !important;
padding-inline: 0 !important;
}
body.premier-v2-site .svc-card .svc-img-wrap,
body.premier-v2-site .services-grid .svc-card:first-child .svc-img-wrap {
height: auto !important;
min-height: 210px !important;
aspect-ratio: 4 / 3 !important;
}
}
/* 3. Smooth zoom in hover effect for service images (overriding the transform none !important jump) */
body.premier-v2-site .svc-card:hover .svc-img-wrap img {
transform: scale(1.08) !important;
filter: saturate(1.06) brightness(1.04) !important;
}
/* 4. Project Lightbox image contain fix so photos are not cropped in gallery view */
body.premier-v2-site .above-project-lightbox .lightbox-img {
object-fit: contain !important;
}
/* Full-screen service booking panel */
body.premier-v2-site .service-booking-modal {
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
align-items: stretch;
padding: 0;
opacity: 0;
visibility: hidden;
background: rgba(3, 18, 33, 0.58);
transition: opacity 0.42s ease, visibility 0s linear 0.58s;
}
body.premier-v2-site .service-booking-modal.open {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
body.premier-v2-site .service-booking-backdrop {
background: rgba(3, 18, 33, 0.66);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
body.premier-v2-site .service-booking-dialog {
display: block;
grid-row: 1;
width: 100%;
max-width: none;
height: 100%;
min-height: 0;
max-height: 100%;
overflow-y: auto;
padding: clamp(28px, 5vw, 72px) clamp(20px, 6vw, 96px) 36px;
color: #073866;
background: #ffffff;
border: 0;
border-radius: 0;
box-shadow: -24px 0 72px rgba(2, 24, 63, 0.24);
transform: translateX(100%);
transition: transform 0.58s cubic-bezier(0.16, 1, 0.3, 1);
}
body.premier-v2-site .service-booking-modal.open .service-booking-dialog {
transform: translateX(0);
}
body.premier-v2-site .service-booking-top,
body.premier-v2-site .service-booking-grid,
body.premier-v2-site .service-booking-call {
width: min(1180px, 100%);
margin-inline: auto;
}
body.premier-v2-site .service-booking-back-close {
position: sticky;
top: 0;
z-index: 30;
min-height: 42px;
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0 0 22px;
padding: 8px 12px;
color: var(--booking-text);
background: var(--booking-surface);
border: 1px solid var(--booking-border);
font-family: var(--font-heading);
font-size: 0.76rem;
font-weight: 900;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 8px 18px var(--booking-shadow);
}
body.premier-v2-site .service-booking-back-close:hover,
body.premier-v2-site .service-booking-back-close:focus-visible {
color: #ffffff;
background: #d62130;
border-color: #d62130;
outline: none;
}
body.premier-v2-site .service-booking-top {
grid-template-columns: minmax(0, 1fr) auto;
gap: 28px;
align-items: start;
}
body.premier-v2-site .service-booking-kicker {
color: #c01625;
}
body.premier-v2-site .service-booking-top h2 {
color: #073866;
font-size: clamp(2.2rem, 5vw, 4.8rem);
line-height: 0.98;
}
body.premier-v2-site .service-booking-top p {
max-width: 700px;
color: #52677a;
font-size: 1.05rem;
}
body.premier-v2-site .service-booking-close {
color: #073866;
border-color: rgba(7, 56, 102, 0.18);
background: rgba(255, 255, 255, 0.74);
}
body.premier-v2-site .service-booking-close:hover,
body.premier-v2-site .service-booking-close:focus-visible {
color: #ffffff;
background: #c01625;
border-color: #c01625;
}
body.premier-v2-site .service-booking-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
overflow: visible;
padding: 0;
margin-top: 30px;
}
body.premier-v2-site .service-booking-link {
min-height: 112px;
grid-template-columns: 38px minmax(0, 1fr) 30px;
padding: 14px;
background: rgba(255, 255, 255, 0.86);
border: 1px solid rgba(7, 56, 102, 0.14);
color: #073866;
box-shadow: 0 12px 26px rgba(7, 56, 102, 0.08);
opacity: 0;
transform: translateY(18px);
transition: opacity 0.42s ease, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, border-color 0.2s ease;
}
body.premier-v2-site .service-booking-modal.open .service-booking-link {
opacity: 1;
transform: translateY(0);
}
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(1) { transition-delay: 0.08s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(2) { transition-delay: 0.12s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(3) { transition-delay: 0.16s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(4) { transition-delay: 0.2s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(5) { transition-delay: 0.24s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(6) { transition-delay: 0.28s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(7) { transition-delay: 0.32s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(8) { transition-delay: 0.36s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(9) { transition-delay: 0.4s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(10) { transition-delay: 0.44s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(11) { transition-delay: 0.48s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(12) { transition-delay: 0.52s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(13) { transition-delay: 0.56s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(14) { transition-delay: 0.6s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(15) { transition-delay: 0.64s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(16) { transition-delay: 0.68s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(17) { transition-delay: 0.72s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(18) { transition-delay: 0.76s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(19) { transition-delay: 0.8s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(20) { transition-delay: 0.84s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(21) { transition-delay: 0.88s; }
body.premier-v2-site .service-booking-modal.open .service-booking-link:nth-child(22) { transition-delay: 0.92s; }
body.premier-v2-site .service-booking-link:hover,
body.premier-v2-site .service-booking-link:focus-visible {
background: #ffffff;
border-color: rgba(192, 22, 37, 0.42);
box-shadow: 0 16px 32px rgba(7, 56, 102, 0.14);
}
body.premier-v2-site .service-booking-link i {
background: linear-gradient(135deg, #d62130, #a90f1d);
}
body.premier-v2-site .service-booking-link span {
color: #073866;
display: grid;
gap: 5px;
text-transform: none;
}
body.premier-v2-site .service-booking-link span strong {
color: inherit;
font-family: var(--font-heading);
font-size: 0.86rem;
font-style: normal;
line-height: 1.08;
text-transform: uppercase;
}
body.premier-v2-site .service-booking-link span em {
color: var(--booking-copy);
font-family: var(--font-body);
font-size: 0.7rem;
font-style: normal;
font-weight: 600;
line-height: 1.35;
text-transform: none;
}
body.premier-v2-site .service-booking-link small {
color: #c01625;
width: 30px;
height: 30px;
display: grid;
place-items: center;
overflow: hidden;
color: transparent;
font-size: 0;
white-space: nowrap;
}
body.premier-v2-site .service-booking-link small::after {
content: "\2192";
color: #c01625;
font-family: var(--font-heading);
font-size: 1.1rem;
line-height: 1;
}
body.premier-v2-site .service-booking-call {
position: relative;
left: auto;
bottom: auto;
z-index: 20;
width: min(1180px, calc(100% - 48px));
margin: 12px auto;
transform: none;
background: linear-gradient(135deg, #d62130, #a90f1d);
border-color: #d62130;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 18px 34px rgba(214, 33, 48, 0.22);
}
body.premier-v2-site .service-booking-call i {
color: #ffffff;
}
body.premier-v2-site .service-booking-footer {
position: relative;
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
box-sizing: border-box;
z-index: 19;
display: flex;
align-items: center;
padding: 12px 24px;
background: #ffffff;
border-top: 1px solid rgba(7, 56, 102, 0.12);
box-shadow: 0 -14px 34px rgba(7, 56, 102, 0.12);
}
body.premier-v2-site .service-booking-footer .service-booking-call {
width: min(1180px, 100%);
margin: 0 auto;
}
body.premier-v2-site .service-booking-mode,
body.premier-v2-site .service-booking-panel {
width: min(1180px, 100%);
margin-inline: auto;
}
body.premier-v2-site .service-booking-mode {
display: inline-flex;
align-self: flex-start;
width: min(1180px, 100%);
margin-top: 24px;
margin-inline: auto;
padding: 4px;
background: rgba(7, 56, 102, 0.08);
border: 1px solid rgba(7, 56, 102, 0.12);
}
body.premier-v2-site .service-booking-mode-btn {
min-height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 9px 14px;
color: #52677a;
background: transparent;
border: 0;
cursor: pointer;
font-family: var(--font-heading);
font-size: 0.76rem;
font-weight: 900;
letter-spacing: 0;
text-transform: uppercase;
}
body.premier-v2-site .service-booking-mode-btn span {
padding: 3px 5px;
color: #ffffff;
background: #c01625;
font-size: 0.58rem;
line-height: 1;
}
body.premier-v2-site .service-booking-mode-btn.is-active {
color: #ffffff;
background: #073866;
box-shadow: 0 8px 18px rgba(7, 56, 102, 0.18);
}
body.premier-v2-site .service-booking-panel[hidden],
body.premier-v2-site .booking-guide-step[hidden] {
display: none !important;
}
body.premier-v2-site .service-booking-link[hidden] {
display: none !important;
}
body.premier-v2-site .service-booking-search {
min-height: 54px;
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
align-items: center;
gap: 12px;
margin-top: 26px;
padding: 0 16px;
color: var(--booking-copy);
background: var(--booking-surface);
border: 1px solid var(--booking-border);
box-shadow: 0 10px 24px var(--booking-shadow);
}
body.premier-v2-site .service-booking-search .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.premier-v2-site .service-booking-search input {
width: 100%;
min-width: 0;
height: 52px;
padding: 0;
color: var(--booking-text);
background: transparent;
border: 0;
outline: 0;
font: inherit;
}
body.premier-v2-site .service-booking-search input::placeholder {
color: var(--booking-copy);
opacity: 0.82;
}
body.premier-v2-site .service-booking-search:focus-within {
border-color: #d62130;
box-shadow: 0 0 0 3px rgba(214, 33, 48, 0.12), 0 10px 24px var(--booking-shadow);
}
body.premier-v2-site .service-booking-empty {
margin: 28px 0 0;
padding: 18px;
color: var(--booking-copy);
background: var(--booking-surface-muted);
border: 1px solid var(--booking-border);
text-align: center;
}
body.premier-v2-site .service-booking-guide {
margin-top: 30px;
}
body.premier-v2-site .booking-guide-progress {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 26px;
color: #52677a;
font-family: var(--font-heading);
font-size: 0.76rem;
font-weight: 900;
text-transform: uppercase;
}
body.premier-v2-site .booking-guide-progress div {
display: flex;
gap: 7px;
}
body.premier-v2-site .booking-guide-progress i {
width: 34px;
height: 4px;
background: rgba(7, 56, 102, 0.14);
}
body.premier-v2-site .booking-guide-progress i.is-active {
background: #d62130;
}
body.premier-v2-site .booking-guide-step.is-active {
animation: bookingGuideIn 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes bookingGuideIn {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: translateY(0); }
}
body.premier-v2-site .booking-guide-eyebrow {
display: inline-flex;
margin-bottom: 9px;
color: #c01625;
font-family: var(--font-heading);
font-size: 0.72rem;
font-weight: 900;
text-transform: uppercase;
}
body.premier-v2-site .booking-guide-step h3 {
margin: 0;
color: #073866;
font-family: var(--font-heading);
font-size: clamp(1.8rem, 4vw, 3rem);
line-height: 1;
text-transform: uppercase;
}
body.premier-v2-site .booking-guide-step > p {
max-width: 680px;
margin: 12px 0 0;
color: #52677a;
line-height: 1.55;
}
body.premier-v2-site .booking-guide-choices {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 26px;
}
body.premier-v2-site .booking-guide-choice {
min-height: 104px;
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
align-items: center;
gap: 14px;
padding: 16px;
color: #073866;
text-align: left;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(7, 56, 102, 0.14);
box-shadow: 0 12px 26px rgba(7, 56, 102, 0.07);
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
body.premier-v2-site .booking-guide-choice:hover,
body.premier-v2-site .booking-guide-choice:focus-visible {
transform: translateY(-2px);
border-color: rgba(214, 33, 48, 0.46);
box-shadow: 0 16px 32px rgba(7, 56, 102, 0.12);
outline: none;
}
body.premier-v2-site .booking-guide-choice > i {
width: 42px;
height: 42px;
display: grid;
place-items: center;
color: #ffffff;
background: linear-gradient(135deg, #d62130, #a90f1d);
}
body.premier-v2-site .booking-guide-choice span {
min-width: 0;
display: grid;
gap: 5px;
}
body.premier-v2-site .booking-guide-choice strong {
color: #073866;
font-family: var(--font-heading);
font-size: 0.9rem;
line-height: 1.12;
text-transform: uppercase;
}
body.premier-v2-site .booking-guide-choice small {
color: #52677a;
font-size: 0.78rem;
line-height: 1.35;
}
body.premier-v2-site .booking-guide-back {
min-height: 42px;
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
padding: 8px 0;
color: #073866;
background: transparent;
border: 0;
font-weight: 900;
cursor: pointer;
}
body.premier-v2-site .booking-guide-result-icon {
width: 58px;
height: 58px;
display: grid;
place-items: center;
margin-bottom: 20px;
color: #ffffff;
background: #d62130;
font-size: 1.35rem;
}
body.premier-v2-site .booking-guide-notice {
max-width: 760px;
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: 22px;
padding: 14px 16px;
color: #52677a;
background: rgba(7, 56, 102, 0.06);
border: 1px solid rgba(7, 56, 102, 0.12);
line-height: 1.45;
}
body.premier-v2-site .booking-guide-notice i {
margin-top: 3px;
color: #c01625;
}
body.premier-v2-site .booking-guide-actions {
display: flex;
align-items: center;
gap: 18px;
margin-top: 26px;
}
body.premier-v2-site .booking-guide-actions .booking-guide-back {
margin-top: 0;
}
body.premier-v2-site .booking-guide-submit {
min-height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 13px 18px;
color: #ffffff;
background: linear-gradient(135deg, #d62130, #a90f1d);
font-family: var(--font-heading);
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
box-shadow: 0 16px 30px rgba(214, 33, 48, 0.22);
}
@media (min-width: 1280px) {
body.premier-v2-site .service-booking-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
body.premier-v2-site .service-booking-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.premier-v2-site .booking-guide-choices {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
body.premier-v2-site .service-booking-dialog {
padding: calc(22px + env(safe-area-inset-top)) 16px 24px;
}
body.premier-v2-site .service-booking-top {
gap: 14px;
}
body.premier-v2-site .service-booking-top h2 {
font-size: clamp(2rem, 10vw, 2.8rem);
}
body.premier-v2-site .service-booking-top p {
font-size: 0.92rem;
line-height: 1.46;
}
body.premier-v2-site .service-booking-grid {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 22px;
}
body.premier-v2-site .service-booking-mode {
width: 100%;
margin-top: 18px;
}
body.premier-v2-site .service-booking-mode-btn {
flex: 1;
padding-inline: 9px;
font-size: 0.68rem;
}
body.premier-v2-site .service-booking-guide {
margin-top: 22px;
}
body.premier-v2-site .booking-guide-choices {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 20px;
}
body.premier-v2-site .booking-guide-choice {
min-height: 82px;
padding: 12px;
}
body.premier-v2-site .booking-guide-step h3 {
font-size: clamp(1.7rem, 8vw, 2.25rem);
}
body.premier-v2-site .booking-guide-actions {
align-items: stretch;
flex-direction: column-reverse;
gap: 8px;
}
body.premier-v2-site .booking-guide-submit {
width: 100%;
}
body.premier-v2-site .service-booking-link {
min-height: 92px;
grid-template-columns: 38px minmax(0, 1fr) 24px;
gap: 12px;
padding: 12px 14px;
}
body.premier-v2-site .service-booking-link i {
width: 38px;
height: 38px;
}
body.premier-v2-site .service-booking-link span {
font-size: 0.76rem;
}
body.premier-v2-site .service-booking-link span strong {
font-size: 0.8rem;
}
body.premier-v2-site .service-booking-link span em {
max-width: 28rem;
font-size: 0.68rem;
line-height: 1.4;
}
body.premier-v2-site .service-booking-link small {
grid-column: 3;
grid-row: 1;
width: 24px;
height: 24px;
}
body.premier-v2-site .service-booking-call {
position: relative;
left: auto;
right: auto;
bottom: auto;
z-index: 20;
width: calc(100% - 24px);
margin: 0 auto;
transform: none;
min-height: 54px;
font-size: 0.82rem;
box-shadow: 0 14px 34px rgba(7, 56, 102, 0.26), 0 0 0 1px rgba(255, 255, 255, 0.28);
}
body.premier-v2-site .service-booking-footer {
padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
}
}
@media (prefers-reduced-motion: reduce) {
body.premier-v2-site .service-booking-dialog,
body.premier-v2-site .service-booking-link {
transition: none;
}
}
@media (hover: none), (pointer: coarse) {
body.premier-v2-site .process-step.active-scroll .process-card {
transform: scale(0.985) !important;
opacity: 0.94;
border-color: rgba(7, 56, 102, 0.2) !important;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.14) !important;
}
body.premier-v2-site .process-step.active-scroll .process-num {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
transform: scale(0.98) !important;
text-shadow: none !important;
opacity: 1;
}
}
@media (max-width: 900px) {
body.premier-v2-site .service-areas-grid {
grid-template-columns: 1fr;
}
body.premier-v2-site .area-copy {
max-width: none;
}
body.premier-v2-site .service-area-heading .section-title {
max-width: 15ch;
}
}
/* Keep the Premier Air accent system red/navy across every theme. */
html[data-theme] body.premier-v2-site {
--accent: #d62130;
--accent-rgb: 214, 33, 48;
--primary: #d62130;
--primary-rgb: 214, 33, 48;
--primary-hover: #f23b49;
--text-on-primary: #ffffff;
}
html[data-theme] body.premier-v2-site .section-label,
html[data-theme] body.premier-v2-site .section-label .title-split-word {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
}
html[data-theme] body.premier-v2-site .section-label::before {
background: #d62130 !important;
}
html[data-theme] body.premier-v2-site :is(.process-section, .reviews-section, .merged-contact-cta, .cta-banner, .site-footer) .section-label {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
/* The settings script represents rounded mode by removing data-corner. */
html:not([data-corner="square"]) body.premier-v2-site :is(
.service-booking-dialog,
.service-booking-mode,
.service-booking-mode-btn,
.service-booking-search,
.service-booking-empty,
.service-booking-back-close,
.service-booking-link,
.booking-guide-choice,
.booking-guide-notice,
.booking-guide-submit,
.service-booking-close,
.service-booking-call
) {
border-radius: var(--radius-card) !important;
}
html:not([data-corner="square"]) body.premier-v2-site :is(
.service-booking-mode-btn,
.service-booking-call,
.booking-guide-submit,
.service-booking-close,
.service-booking-back-close
) {
border-radius: var(--radius-btn) !important;
}
html:not([data-corner="square"]) body.premier-v2-site :is(
.service-booking-link i,
.booking-guide-choice > i,
.booking-guide-result-icon,
.booking-guide-progress i
) {
border-radius: var(--radius-badge) !important;
}
html[data-corner="square"] body.premier-v2-site .service-booking-dialog,
html[data-corner="square"] body.premier-v2-site :is(
.service-booking-mode,
.service-booking-mode-btn,
.service-booking-search,
.service-booking-empty,
.service-booking-back-close,
.service-booking-link,
.service-booking-link i,
.booking-guide-choice,
.booking-guide-choice > i,
.booking-guide-notice,
.booking-guide-result-icon,
.booking-guide-submit,
.booking-guide-progress i,
.service-booking-close,
.service-booking-call
) {
border-radius: 0 !important;
}
/* Keep the settings UI on the Premier Air red accent. */
html[data-theme] body.premier-v2-site #settings-panel .settings-section-label,
html[data-theme] body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active) {
color: #d62130 !important;
-webkit-text-fill-color: #d62130 !important;
}
html[data-theme] body.premier-v2-site #settings-panel :is(.theme-opt.active, .corner-opt.active) {
background: rgba(214, 33, 48, 0.08) !important;
border-color: #d62130 !important;
}
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-img {
border-color: rgba(214, 33, 48, 0.45) !important;
}
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-caption,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-thumbs {
border-color: rgba(214, 33, 48, 0.42) !important;
}
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-close,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-nav {
border-color: rgba(214, 33, 48, 0.62) !important;
color: #ffb6be !important;
}
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-close:hover,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-close:focus-visible,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-nav:hover,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-nav:focus-visible,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-thumb.is-active {
background: #d62130 !important;
border-color: #d62130 !important;
color: #ffffff !important;
}
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-thumb:hover,
html[data-theme] body.premier-v2-site .above-project-lightbox .lightbox-thumb:focus-visible {
border-color: #d62130 !important;
}
html[data-theme] body.premier-v2-site .site-footer h3 {
color: #ffb6be !important;
-webkit-text-fill-color: #ffb6be !important;
}
/* Premier Air uses red and navy only; neutralize legacy template hover colors. */
html[data-theme] body.premier-v2-site {
--primary: #d62130 !important;
--primary-rgb: 214, 33, 48 !important;
--primary-hover: #a90f1d !important;
--accent: #d62130 !important;
--accent-rgb: 214, 33, 48 !important;
--text-on-primary: #ffffff !important;
--v3-accent: #d62130 !important;
--v3-accent-rgb: 214, 33, 48 !important;
}
html[data-theme] body.premier-v2-site :is(
.header-call-btn,
.btn-primary,
.v3-solid-btn,
.quote-submit,
.hero-cta,
.cta-btn,
.form-submit,
button[type="submit"],
.drawer-call-btn,
.drawer-cta
) {
background: #d62130 !important;
border-color: #d62130 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html[data-theme] body.premier-v2-site :is(
.header-call-btn,
.btn-primary,
.v3-solid-btn,
.quote-submit,
.hero-cta,
.cta-btn,
.form-submit,
button[type="submit"],
.drawer-call-btn,
.drawer-cta
):is(:hover, :focus-visible) {
background: #a90f1d !important;
border-color: #a90f1d !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html[data-theme] body.premier-v2-site :is(.nav-drawer, .drawer-top, .drawer-footer, .drawer-close) {
border-color: rgba(214, 33, 48, 0.32) !important;
}
html[data-theme] body.premier-v2-site .drawer-close:is(:hover, :focus-visible) {
background: #d62130 !important;
border-color: #d62130 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Mobile type scale: keep headlines strong without awkward three-line wraps. */
@media (max-width: 760px) {
body.premier-v2-site .hero-headline,
body.premier-v2-site .hero-headline > span {
max-width: 100%;
font-size: clamp(1.58rem, 6.15vw, 1.78rem) !important;
line-height: 1.04 !important;
}
body.premier-v2-site .hero-tagline {
max-width: 36ch;
font-size: 0.98rem !important;
line-height: 1.58 !important;
}
body.premier-v2-site .hero-tagline-desktop {
display: none;
}
body.premier-v2-site .hero-tagline-mobile {
display: inline;
}
body.premier-v2-site .section-title,
body.premier-v2-site .section-title .title-split-word {
font-size: clamp(1.95rem, 8.6vw, 2.42rem) !important;
line-height: 1.04 !important;
}
body.premier-v2-site .section-sub {
font-size: 0.98rem !important;
line-height: 1.6 !important;
}
}
body.premier-v2-site .svc-card h3 .svc-heading-link {
color: inherit;
font: inherit;
letter-spacing: 0;
text-decoration: none;
text-transform: inherit;
}
body.premier-v2-site .svc-card h3 .svc-heading-link:hover,
body.premier-v2-site .svc-card h3 .svc-heading-link:focus-visible {
color: var(--pa-red, #dd1f32);
}