html, body { margin: 0; }
:root{
--rhd-red:#d22626;
--rhd-blue:#173889;
--rhd-gold:#bfa34a;
--rhd-black:#181818;
--rhd-white:#ffffff;
--rhd-teal:#20c997;
--rhd-orange:#ff7f50;
--rhd-sky:#6c8ebf;
--navbar-offset: 92px;
}
body { padding-top: 0; }
/* Utilities */
.text-rhd-white{ color: var(--rhd-white) !important; }
.text-rhd-black{ color: var(--rhd-black) !important; }
.text-rhd-red{ color: var(--rhd-red) !important; }
.text-rhd-blue{ color: var(--rhd-blue) !important; }
.text-rhd-gold{ color: var(--rhd-gold) !important; }
.text-rhd-teal{ color: var(--rhd-teal) !important; }
.bg-rhd-blue{ background-color: var(--rhd-blue) !important; }
.bg-rhd-white{ background-color: var(--rhd-white) !important; }
.bg-rhd-sky-light{ background-color: #f4f6fa !important; }
.bg-rhd-sky-50{ background:#f7f9fc !important; }
/* Buttons */
.btn-rhd-red{ background-color: var(--rhd-red); border-color: var(--rhd-red); color:#fff; }
.btn-rhd-red:hover{ background-color:#b51f1f; border-color:#b51f1f; color:#fff; }
.btn-outline-rhd-blue{ border:1px solid var(--rhd-blue); color:var(--rhd-blue); }
.btn-outline-rhd-blue:hover{ background:var(--rhd-blue); color:#fff; }
.btn-outline-rhd-red{ border:1px solid var(--rhd-red); color:var(--rhd-red); }
.btn-outline-rhd-red:hover{ background:var(--rhd-red); color:#fff; }
.btn-outline-rhd-gold{ border:1px solid var(--rhd-gold); color:var(--rhd-gold); }
.btn-outline-rhd-gold:hover{ background:var(--rhd-gold); color:#fff; }
.btn-outline-rhd-teal{ border:1px solid var(--rhd-teal); color:var(--rhd-teal); }
.btn-outline-rhd-teal:hover{ background:var(--rhd-teal); color:#fff; }
/* Navbar */
.navbar{ border-bottom:0.250rem solid var(--rhd-red); }
.brand-logo{ height:90px; width:auto; display:block; }
.navbar .nav-link{ color:#fff !important; position:relative; padding-bottom:.25rem; white-space:nowrap; }
.navbar .nav-link::after{ content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-6px; width:0; height:3px; border-radius:2px; background:var(--rhd-red); transition:width .2s ease; }
.navbar .nav-link:hover::after,.navbar .nav-link:focus::after,.navbar .nav-link.active::after{ width:38px; }
/* HERO */
.hero-split{ margin-bottom:3.5rem; }
.hero-row{ min-height: calc(100vh - var(--navbar-offset)); }
.hero-img{ background-image:url('../images/2025/Stock/kitchen-remodel.webp'); background-size:cover; background-position:center; background-repeat:no-repeat; min-height:55vh; height:100%; width:100%; }
.hero-left,.hero-right{ position:sticky; top:var(--navbar-offset); align-self:flex-start; height:calc(100vh - var(--navbar-offset)); }
.hero-right{ border-left:2px solid var(--rhd-gold); }
.hero-title{ font-family: Georgia, 'Times New Roman', serif; color:var(--rhd-white); }
.hero-sub{ max-width:42ch; color:var(--rhd-gold); }
.hero-eyebrow{ letter-spacing:.25em; color:var(--rhd-gold); }
.hero-copy{ padding:3.5rem 1.5rem; }
@media (min-width: 992px){ .hero-copy{ padding:4rem 3rem; } }
/* WHO WE ARE */
.who-img{ background-image:url('../images/2025/Stock/bedroom-8714860_1280.webp'); background-size:cover; background-position:center; background-repeat:no-repeat; height:100%; width:100%; }
.who-right{ border-left:2px solid var(--rhd-gold); }
.who-panel .display-6{ font-family: Georgia, 'Times New Roman', serif; color:var(--rhd-blue); }
.who-panel p{ line-height:1.75; margin-bottom:1rem; }
.who-highlights{ border-color:#e9ecef !important; background:#fff; border-radius:.75rem; }
.highlight-item{ font-size:0.95rem; }
/* Certifications Marquee */
.cert-section{ overflow:hidden; padding-top:0 !important; padding-bottom:0 !important; }
.cert-marquee{ position:relative; width:100%; }
.cert-track{ display:flex; align-items:center; gap:2.5rem; list-style:none; padding:0 1rem; margin:0; width:max-content; animation:cert-scroll 30s linear infinite; }
.cert-marquee:hover .cert-track{ animation-play-state:paused; }
.cert-item{ display:flex; align-items:center; gap:0.5rem; white-space:nowrap; }
.cert-item img{ height:24px; width:auto; object-fit:contain; opacity:.9; }
.cert-item span{ font-size:.85rem; color:#4b5563; }
@keyframes cert-scroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
/* Services */
.services-section{ padding:4.5rem 0; background:#f8f9fa; }
.services-section .section-eyebrow{ color:var(--rhd-red); letter-spacing:.15em; }
.services-section .section-title{ color:var(--rhd-blue); margin-bottom:1rem; }
.services-section .section-subtitle{ color:#6b7280; letter-spacing:.1em; }
.services-section .gold-rule{ width:60px; border-bottom:1px solid var(--rhd-gold); }
.service-card{ border-radius:.75rem; box-shadow:0 0.85rem 1.25rem rgba(0,0,0,.06); transition:transform .2s; }
.service-card:hover{ transform:translateY(-4px); }
.service-card i{ font-size:1.5rem; }
.service-card .card-title{ font-weight:600; }
/* Sectors We Serve */
.sectors-section{ background:#fff; }
.sectors-section .tracking-wide{ letter-spacing:.15em; }
.sectors-section .letter-spread{ letter-spacing:.12em; }
.gold-underline{ width:68px; height:2px; background:var(--rhd-gold); border-radius:2px; }
.sector-card{ position:relative; border:1px solid #e5e7eb; border-radius:.75rem; background:#fff; box-shadow:0 10px 22px rgba(0,0,0,.06); }
.sector-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:6px; background:var(--rhd-gold); border-top-left-radius:.75rem; border-top-right-radius:.75rem; }
.sector-card ul{ padding-left:1.1rem; }
.sector-card li{ margin:.35rem 0; }
/* Featured Projects Carousel — responsive height: max 600px */
.featured-frame{
height: clamp(300px, 75vh, 600px);
max-height: 600px;
border-radius:1rem;
overflow:hidden;
box-shadow:0 30px 80px rgba(0,0,0,.18);
}
.object-cover{ object-fit:cover; }
.carousel-caption{ left:0; right:0; bottom:1rem; padding-left:1rem; padding-right:1rem; }
.featured-caption{ background:rgba(0,0,0,.45); border-radius:.75rem; padding:.6rem .9rem; color:#fff; }
.featured-caption h5{ font-size:1.1rem; font-weight:600; margin-bottom:.25rem; }
.caption-underline{ width:48px; height:3px; background:var(--rhd-gold); border-radius:2px; margin:.5rem auto 0; }
.carousel-control-prev, .carousel-control-next{ width:10%; }
.carousel-control-prev-icon, .carousel-control-next-icon{ filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
/* Core Values */
.values-section .tracking-wide{ letter-spacing:.15em; }
.value-card{ border:1px solid #eef2f6; border-radius:.9rem; background:#fff; box-shadow:0 12px 24px rgba(0,0,0,.06); padding:2rem 1.5rem; }
.value-icon{ width:56px; height:56px; margin:0 auto .75rem; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.value-icon i{ font-size:1.25rem; }
.border-blue{ border:2px solid var(--rhd-blue); color:var(--rhd-blue); }
.border-red{ border:2px solid var(--rhd-red); color:var(--rhd-red); }
.border-gold{ border:2px solid var(--rhd-gold); color:var(--rhd-gold); }
.value-title{ color:var(--rhd-blue); margin:.75rem 0 1rem; font-weight:600; }
.value-text{ color:#4b5563; line-height:1.8; }
/* Contact Section */
.contact-section .contact-form .form-control{ border-color:#e5e7eb; }
.contact-section .contact-form .form-control:focus{ border-color:var(--rhd-blue); box-shadow:0 0 0 .15rem rgba(23,56,137,.15); }
.map-frame{ border-radius:.5rem; overflow:hidden; background:#fff; }
/* Footer */
.site-footer .footer-top{
background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(23,56,137,1) 85%);
color:#e9edf5;
}
.site-footer .footer-heading{
color: var(--rhd-gold);
font-weight:700;
letter-spacing:.02em;
margin-bottom:1rem;
}
.site-footer .footer-links li{ margin:.4rem 0; }
.site-footer .footer-links a{ color:#e9edf5; text-decoration:none; }
.site-footer .footer-links a:hover{ color: var(--rhd-gold); }
.site-footer .footer-bottom{
background: linear-gradient(90deg, rgba(55,42,88,1) 0%, rgba(210,38,38,1) 100%);
color:#fff;
}
/* Responsive tweaks */
@media (max-width: 575.98px){
.featured-caption{ padding:.5rem .75rem; }
.featured-caption h5{ font-size:1rem; }
}
@media (max-width: 991.98px){
.brand-logo{ height:50px; }
.hero-left,.hero-right{ position:static; height:auto; }
.who-right{ border-left:none; }
}
/* === Who We Are color normalization ===
Force all icons to --rhd-red and all text to --rhd-blue in the highlights list */
#who .who-highlights i { color: var(--rhd-red) !important; }
#who .who-highlights span { color: var(--rhd-blue) !important; }
/* === Appended site components === */
/* ===== Service page / breadcrumb ===== */
.breadcrumb{
max-width:1100px;
margin:28px auto 0;
padding:0 20px;
display:flex;
gap:.5rem;
flex-wrap:wrap;
font-size:.95rem;
line-height:1.5;
color:#6b7280;
}
.breadcrumb a{ color:#2563eb; text-decoration:none; }
.breadcrumb a:hover{ text-decoration:underline; }
.service-wrap{
max-width:1100px;
margin:18px auto 80px;
padding:0 20px;
display:grid;
grid-template-columns:1fr;
gap:28px;
}
@media (min-width:960px){
.service-wrap{
grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
gap:32px;
}
}
.service-title{font-size:2.1rem;line-height:1.2;margin:6px 0 10px;color:#0f172a;font-weight:800;letter-spacing:.2px}
.service-lede{margin:0 0 26px;color:#374151;font-size:1.05rem}
.section-h{font-size:1.8rem;font-weight:800;color:#0f172a;margin:26px 0 8px;letter-spacing:.2px}
.bullets{padding-left:20px;color:#111827}
.bullets li{margin:10px 0}
.facts{border:1px solid #e5e7eb;border-radius:6px;padding:18px 18px 8px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.02)}
.facts h3{margin:0 0 6px;font-size:1.35rem;font-weight:800;color:#111827}
.facts ul{margin:6px 0 12px;padding-left:20px;color:#111827}
.cta{display:inline-block;width:100%;text-align:center;padding:12px 16px;margin-top:14px;border-radius:6px;background:#1d4ed8;color:#fff;text-decoration:none;font-weight:700;transition:transform .05s ease, filter .15s ease}
.cta:hover{filter:brightness(1.04)}.cta:active{transform:translateY(1px)}
/* Services landing */
.wrap{ max-width:1100px; margin:0 auto 80px; padding:0 20px; }
.services-hero{ max-width:1100px; margin:18px auto 10px; padding:0 20px; }
.services-grid{ display:grid; grid-template-columns: 1fr; gap:20px; }
@media (min-width:700px){ .services-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1040px){ .services-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.service-card{ display:flex; flex-direction:column; background:#fff; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; text-decoration:none; color:inherit; box-shadow:0 1px 2px rgba(0,0,0,.03); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.service-card:hover{ transform: translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.08); border-color:#d1d5db; }
.service-media{ aspect-ratio:16/10; margin:0; background:#f3f4f6; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem; font-weight:700; }
.service-body{ padding:14px 14px 16px; display:flex; flex-direction:column; gap:6px; }
.service-body h2{ font-size:1.15rem; font-weight:800; color:#0f172a; margin:2px 0 0; }
.service-body p{ margin:0; color:#374151; font-size:.98rem; line-height:1.5; }
.service-cta{ margin-top:8px; font-weight:700; font-size:.95rem; color:#ff4d3d; transition: transform .25s ease, letter-spacing .25s ease; }
.service-card:hover .service-cta{ transform: translateX(2px); letter-spacing:.2px; }
/* Placeholder colors per card */
.services-grid .service-card:nth-child(1) .service-media { background:#2563eb; }
.services-grid .service-card:nth-child(2) .service-media { background:#10b981; }
.services-grid .service-card:nth-child(3) .service-media { background:#f59e0b; }
.services-grid .service-card:nth-child(4) .service-media { background:#8b5cf6; }
.services-grid .service-card:nth-child(5) .service-media { background:#ef4444; }
.services-grid .service-card:nth-child(6) .service-media { background:#14b8a6; }
/* Unified Nav + Footer Link Animation */
.menu a, .site-footer a { position:relative; text-decoration:none; color:inherit; padding-bottom:3px; transition: color 0.35s ease; }
.menu a::after, .site-footer a::after { content:''; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#ff4d3d; transform:translateX(-50%); transition: width 0.35s ease-in; transition-delay:0.1s; }
.menu a:hover, .site-footer a:hover { color:#e6392f; }
.menu a:hover::after, .site-footer a:hover::after { width:100%; transition: width 0.35s ease-out; transition-delay:0s; }
.menu a.active { color:#ff4d3d; }
.menu a.active::after { width:100%; }
@media (prefers-reduced-motion: reduce){
.menu a, .site-footer a { transition:none !important; }
.menu a::after, .site-footer a::after { transition:none !important; }
}
/* ===== Header / Navbar layout for includes ===== */
.site-nav{
background:#163a8a; /* brand blue bar */
color:#fff;
border-bottom:1px solid #ff4d3d; /* accent red line */
}
.site-nav .nav-inner{
max-width:1100px;
margin:0 auto;
padding:10px 20px;
display:flex;
align-items:center;
gap:24px;
}
.site-nav .brand img{ height:28px; display:block; }
/* make menu horizontal (no bullets) */
.site-nav .menu{
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center;
gap:28px;
}
.site-nav .menu > li{ position:relative; }
.site-nav .menu > li > a{
color:#fff;
text-decoration:none;
padding:10px 0;
display:inline-block;
}
/* dropdown */
.site-nav .has-dropdown .dropdown{
position:absolute;
top:100%;
left:0;
min-width:220px;
list-style:none;
margin:0;
padding:8px 0;
background:#fff;
border:1px solid #e5e7eb;
border-radius:6px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
display:none;
z-index:1000;
}
.site-nav .has-dropdown:hover .dropdown{ display:block; }
.site-nav .has-dropdown .dropdown a{
color:#111827;
text-decoration:none;
display:block;
padding:8px 12px;
}
.site-nav .has-dropdown .dropdown a:hover{ background:#f3f4f6; }
/* your animated underline/hover color from earlier still applies to .menu a */
/* ===== Footer layout for includes ===== */
.site-footer{ background:#fff; border-top:1px solid #e5e7eb; margin-top:0px; }
.footer-inner{
max-width:1100px;
margin:0 auto;
padding:0px 20px;
display:grid;
gap:20px;
}
@media (min-width:960px){
.footer-inner{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.footer-col h4{ margin:0 0 8px; font-weight:800; color:#0f172a; }
.footer-col ul{ margin:0; padding-left:18px; }
.footer-col a{ text-decoration:none; }
.footbar{
border-top:1px solid #e5e7eb;
max-width:1100px;
margin:0 auto;
padding:14px 20px;
display:flex;
justify-content:space-between;
gap:12px;
font-size:.95rem;
color:#374151;
}
/* Remove bullets and left padding from footer links */
.footer-links {
list-style: none;
padding-left: 0;
}
.navbar.fixed-top { z-index: 1030; }
#site-header { margin-top: 0px; !important; }
/* Spacer below fixed navbar to avoid overlap */
.nav-spacer{ height: var(--navbar-offset); }
/* --- Navbar dropdown underline drawn on ::before (keeps caret ::after untouched) --- */
.menu .dropdown-toggle{ position:relative; }
.menu .dropdown-toggle::before{
content:'';
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
height:2px;
width:0;
background:#e6392f;
transition: width 0.35s ease-in;
transition-delay:0.1s;
}
.menu .dropdown-toggle:hover::before,
.menu .nav-item.show > .dropdown-toggle::before,
.menu .dropdown-toggle.active::before{
width:100%;
transition: width 0.35s ease-out;
transition-delay:0s;
}
/* --- Prevent caret (::after) from being treated like an underline --- */
.menu .dropdown-toggle::after{
position: static !important;
left: auto !important;
bottom: auto !important;
transform: none !important;
height: 0 !important;
width: 0 !important;
background: transparent !important;
transition: none !important;
}
/* === Staggered hero title (stronger specificity) === */
.hero-split .hero-title.stagger-title span{ display:block; }
@media (min-width: 992px){
.hero-split .hero-title.stagger-title span:nth-child(2){ padding-left:6rem; }
.hero-split .hero-title.stagger-title span:nth-child(3){ padding-left:3.0rem; }
}
@media (max-width: 991.98px){
.hero-split .hero-title.stagger-title span:nth-child(2){ padding-left:1.5rem; }
.hero-split .hero-title.stagger-title span:nth-child(3){ padding-left:3rem; }
}
/* === Hero subcopy at exactly 1.0rem === */
.hero-split .hero-subcopy.lead{ font-size:1rem !important; line-height:1.4; }
/* ===== Cabinetry service page ===== */
.py-lg-6{ padding-top:5.5rem !important; padding-bottom:5.5rem !important; }
.min-vh-50{ min-height:50vh; }
.service-detail-hero{ background:#0f2f73; }
.cabinetry-hero{
background-image:linear-gradient(90deg, rgba(15,47,115,.96) 0%, rgba(15,47,115,.82) 44%, rgba(15,47,115,.18) 100%), url('../images/2025/Stock/kitchen-remodel.webp');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.cabinetry-hero-overlay{ background:linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.18)); }
.cabinetry-card,
.process-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:.9rem;
box-shadow:0 12px 24px rgba(0,0,0,.06);
padding:1.5rem;
}
.cabinetry-card h3,
.process-card h3{ color:var(--rhd-blue); font-size:1.1rem; font-weight:800; margin:.75rem 0 .5rem; }
.cabinetry-card p,
.process-card p{ color:#4b5563; line-height:1.65; margin:0; }
.cabinetry-icon{
width:54px;
height:54px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(210,38,38,.1);
color:var(--rhd-red);
font-size:1.35rem;
}
.cabinetry-image-panel{
min-height:360px;
border-radius:1rem;
background-image:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.16)), url('../images/2025/Stock/kitchen-remodel.webp');
background-position:center;
background-size:cover;
box-shadow:0 20px 45px rgba(0,0,0,.12);
}
.cabinetry-serve-section{ background:linear-gradient(90deg, #102f70 0%, #173889 75%, #102f70 100%) !important; }
.serve-item{
min-height:132px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:.75rem;
border-left:1px solid rgba(255,255,255,.18);
border-right:1px solid rgba(255,255,255,.08);
}
.serve-item i{ font-size:2.35rem; color:#fff; }
.serve-item span{ text-transform:uppercase; font-weight:800; font-size:.85rem; line-height:1.2; letter-spacing:.03em; }
.process-card span{
width:42px;
height:42px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--rhd-red);
color:#fff;
font-weight:800;
box-shadow:0 4px 10px rgba(0,0,0,.15);
}
.cabinetry-checks{ list-style:none; padding-left:0; }
.cabinetry-checks li{ position:relative; padding-left:1.8rem; }
.cabinetry-checks li::before{ content:'✓'; position:absolute; left:0; top:0; color:var(--rhd-red); font-weight:800; }
.cta-panel{ border-radius:1rem; background:linear-gradient(135deg, var(--rhd-blue), #0f255c); box-shadow:0 20px 45px rgba(0,0,0,.14); }
@media (max-width: 767.98px){
.cabinetry-hero{ background-image:linear-gradient(180deg, rgba(15,47,115,.95), rgba(15,47,115,.9)), url('../images/2025/Stock/kitchen-remodel.webp'); }
.serve-item{ border:1px solid rgba(255,255,255,.12); border-radius:.75rem; }
}
/* ===== Current service-detail page format ===== */
.service-detail-page{ background:#fff; color:#111827; }
.current-service-hero{
min-height:485px;
background-color:#172554;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
border-bottom:1px solid var(--rhd-red);
}
.cabinetry-current-hero{
background-image:linear-gradient(90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.58) 44%, rgba(0,0,0,.34) 100%), url('../images/2025/Stock/kitchen-remodel.webp');
}
.current-service-hero__shade{ min-height:485px; display:flex; align-items:flex-start; }
.current-service-hero__content{ padding-top:72px; }
.current-service-hero h1{ font-size:clamp(2.25rem, 5vw, 4rem); line-height:1.05; font-weight:800; letter-spacing:.01em; margin:0 0 1rem; }
.current-service-hero p{ max-width:520px; font-size:1.12rem; line-height:1.55; margin:0; color:rgba(255,255,255,.92); }
.service-breadcrumb{
max-width:1100px;
margin:26px auto 0;
padding:0 20px;
display:flex;
align-items:center;
gap:.55rem;
font-size:.9rem;
color:#6b7280;
}
.service-breadcrumb a{ color:#2563eb; text-decoration:none; }
.service-breadcrumb a:hover{ text-decoration:underline; }
.current-service-shell{ max-width:1100px; margin:26px auto 92px; padding:0 20px; }
.current-service-card{
display:grid;
grid-template-columns:minmax(0, 2fr) minmax(275px, .92fr);
gap:30px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:14px;
box-shadow:0 26px 70px rgba(15,23,42,.08);
padding:34px 30px;
}
.current-service-main{ padding-right:8px; }
.current-service-sidebar{ border-left:1px solid #e5e7eb; padding-left:28px; }
.service-pill{
display:inline-flex;
align-items:center;
gap:.45rem;
padding:.38rem .75rem;
border-left:4px solid #2563eb;
border-radius:7px;
background:#eef2ff;
color:#315fdc;
font-weight:800;
font-size:.86rem;
margin-bottom:1rem;
}
.current-service-main h2{ font-size:1.85rem; line-height:1.2; font-weight:800; color:#0f172a; margin:0 0 .75rem; }
.current-service-main h3{ font-size:1.65rem; line-height:1.2; font-weight:800; color:#0f172a; margin:30px 0 .75rem; position:relative; }
.current-service-main h3::after{ content:''; display:block; width:74px; height:3px; background:#2563eb; border-radius:999px; margin-top:.5rem; }
.service-intro{ max-width:720px; font-size:1rem; line-height:1.65; color:#4b5563; margin:0 0 1.25rem; }
.service-photo-card{ margin:1.25rem 0 0; border-radius:9px; overflow:hidden; border:1px solid #e5e7eb; box-shadow:0 16px 38px rgba(15,23,42,.12); background:#fff; }
.service-photo-card img{ width:100%; height:320px; object-fit:cover; display:block; border-bottom:5px solid #2563eb; }
.service-photo-card figcaption{ margin:0; padding:.65rem .95rem; color:#6b7280; font-size:.9rem; background:#fff; }
.service-scope-list{ margin:0; padding-left:1.25rem; color:#111827; line-height:1.45; }
.service-scope-list li{ margin:.25rem 0; }
.side-box{ border:1px solid #e5e7eb; border-radius:8px; background:#fff; padding:16px 16px 14px; }
.side-box h3{ display:flex; align-items:center; gap:.4rem; font-size:1.24rem; line-height:1.2; font-weight:800; color:#111827; margin:0 0 .7rem; }
.side-box ul{ list-style:none; padding:0; margin:0; }
.side-box li{ display:flex; align-items:flex-start; gap:.48rem; margin:.45rem 0; color:#374151; font-size:.93rem; line-height:1.35; }
.side-box li i{ color:#315fdc; margin-top:.08rem; }
.quote-button{ display:flex; justify-content:center; align-items:center; gap:.5rem; width:100%; margin:22px 0 14px; padding:12px 16px; border-radius:7px; background:#2f5bdd; color:#fff; text-decoration:none; font-weight:800; box-shadow:0 8px 20px rgba(47,91,221,.25); }
.quote-button:hover{ color:#fff; filter:brightness(1.04); }
.response-note{ color:#6b7280; font-size:.84rem; margin:0 0 16px; }
.financing-box{ margin-top:0; }
.learn-more-button{ display:flex; align-items:center; justify-content:center; gap:.45rem; margin:18px 0 12px; padding:10px 14px; border:1px solid #9db4ff; border-radius:7px; color:#315fdc; font-weight:800; text-decoration:none; background:#fff; }
.learn-more-button:hover{ background:#f8fbff; color:#244ac2; }
.rates-link{ display:inline-block; color:#2563eb; font-size:.82rem; text-decoration:underline; }
@media (max-width: 991.98px){
.current-service-card{ grid-template-columns:1fr; padding:26px 20px; }
.current-service-sidebar{ border-left:0; border-top:1px solid #e5e7eb; padding-left:0; padding-top:24px; }
.service-photo-card img{ height:260px; }
}
@media (max-width: 575.98px){
.current-service-hero, .current-service-hero__shade{ min-height:385px; }
.current-service-hero__content{ padding-top:52px; }
.service-photo-card img{ height:220px; }
}