:root{--ink:#142731;--deep:#0d2029;--paper:#f3f0e9;--accent:#d5764c}body{font-family:Arial,sans-serif;color:var(--ink);background:var(--paper)}h1,h2,.serif{font-family:Georgia,serif;letter-spacing:-.035em}.topbar{background:var(--deep);font-size:.72rem}.navbar-brand strong,.navbar-brand small{display:block;letter-spacing:.16em}.navbar-brand small{font-size:.52rem;color:#7d898e}.brand-mark{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid #aab5b9;border-radius:50%;font:italic 1.5rem Georgia}.btn-copper{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-color:#fff;--bs-btn-hover-bg:#bd6039;--bs-btn-hover-border-color:#bd6039}.eyebrow{color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero{min-height:690px;background:linear-gradient(90deg,rgba(5,19,27,.94),rgba(7,22,30,.58) 60%,transparent),url('../images/auto-body-shop-san-fancisco-bay-area.jpg') center/cover;color:#fff}.hero h1{font-size:clamp(4rem,8vw,7rem);line-height:.9}.hero-copy{max-width:38rem;color:#d6e0e2}.capability{background:rgba(10,31,40,.9);font-size:.68rem;letter-spacing:.12em}.section-space{padding-block:7rem}.section-title{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1}.service-selector{background:rgba(255,255,255,.45);border:1px solid #dcdcd5;border-radius:2rem}.icon-circle{width:5.25rem;height:5.25rem;display:grid;place-items:center;background:#fff;border:1px solid #e0e5e6;border-radius:50%;color:#1e5878;font-size:2rem}.service-link{transition:.2s}.service-link:hover{transform:translateY(-.3rem);color:#145173!important}.process{background:var(--deep);color:#fff}.process .list-group-item{background:transparent;color:#d5e0e2;border-color:#3b5059}.dark-panel{background:#17323e;color:#fff}.photo-section img{min-height:38rem;object-fit:cover}.cta{background:#e7e3da}.footer{background:#081a22;color:#bfcbd0}.service-hero{background:var(--deep);color:#fff}.service-hero h1{font-size:clamp(3.5rem,6vw,6rem);line-height:.95}.service-photo{min-height:38rem;background:url('../images/auto-body-shop-san-fancisco-bay-area.jpg') 70% center/cover}.check-list .list-group-item{background:transparent;color:#d7e1e3;border-color:#3d535d}.step-card{min-height:19rem}.accordion-button:not(.collapsed){background:#efe9df;color:var(--ink)}@media(max-width:768px){.section-space{padding-block:4.5rem}.hero{min-height:720px}.hero h1{font-size:3.7rem}.service-photo{min-height:20rem}.photo-section img{min-height:24rem}.step-card{min-height:auto}}

.service-link small{color:var(--accent)!important;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.service-link:hover small{color:#bd6039!important}

.service-hero-copy{display:flex;width:100%;min-height:38rem;flex-direction:column;align-items:flex-start}.service-hero .service-name{margin-top:auto;color:var(--accent);font-family:Arial,sans-serif;font-size:clamp(2rem,3.2vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:.98}.service-hero .service-description{max-width:38rem;margin-top:1.25rem;color:#d6e0e2;font-family:Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.2}.service-hero .service-message{max-width:40rem;margin-top:1.5rem;font-family:Georgia,serif;font-size:clamp(2rem,3.4vw,3.6rem);letter-spacing:-.035em;line-height:.98}.service-hero .btn{margin-top:auto;border-radius:999px;padding:.9rem 1.5rem}@media(max-width:768px){.service-hero-copy{min-height:32rem}}
.service-hero{background:#0c344e}
.service-hero-photo{display:block;width:100%;height:100%;min-height:38rem;object-fit:cover}

.before-after{padding-bottom:0;background:var(--paper)}
.before-after-heading{max-width:48rem;margin-bottom:3rem}
.before-after-heading h2{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}
.before-after-heading p:not(.eyebrow){color:#68747a;font-size:1.02rem;line-height:1.7}
.before-after-example{max-width:68rem;padding:1rem;border:1px solid #d5d3cd;border-radius:1.25rem;background:rgba(255,255,255,.55)}
.before-after-image{position:relative;overflow:hidden;border-radius:.8rem}
.before-after-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.before-after-label{position:absolute;bottom:.75rem;left:.75rem;padding:.45rem .75rem;border-radius:999px;background:#0c344e;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.before-after-example figcaption{padding:.9rem .25rem 0;color:#68747a;font-size:.9rem;text-align:center}

.service-stories{background:var(--paper)}
.service-note{width:80%;margin:0 auto 7rem;padding:2rem 2.25rem;border:1px solid #c9c4ba;border-left:.35rem solid var(--accent);border-radius:1rem;background:rgba(255,255,255,.42)}
.service-note h3{max-width:58rem;margin-bottom:1rem;font-family:Georgia,serif;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.08}
.service-note p{max-width:58rem;margin-bottom:0;color:#68747a;font-size:1.02rem;line-height:1.7}
.service-story{margin-bottom:8rem}
.service-story:last-child{margin-bottom:0}
.service-story-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:1.25rem;object-fit:cover}
.service-story-photo.service-story-graphic{background:#fff;object-fit:contain;padding:1rem}
.service-story-copy{padding-inline:1.25rem}
.service-story-copy h2{max-width:35rem;margin-bottom:1.5rem;font-size:clamp(2.4rem,4vw,4rem);line-height:1}
.service-story-copy p:not(.eyebrow){max-width:36rem;color:#68747a;font-size:1.02rem;line-height:1.7}
.service-story-link{display:inline-block;color:#0c344e;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.service-story-link i{margin-left:.4rem;transition:transform .2s}
.service-story-link:hover i{display:inline-block;transform:translateX(.25rem)}
.service-story-option{max-width:36rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d5d3cd}
.service-story-option h3{margin-bottom:.75rem;font-family:Georgia,serif;font-size:1.65rem;line-height:1.1}
.service-faq + .cta .section-title,
.process + .cta .section-title,
.about-stories + .cta .section-title{font-size:clamp(2.1rem,3.6vw,3.5rem);line-height:1.08}
.service-faq{background:#ebe7df}
.service-faq-intro{max-width:27rem}
.service-faq-intro h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1}
.service-faq-accordion .accordion-item{border-color:#cbc8c1;background:transparent}
.service-faq-accordion .accordion-button{padding:1.5rem 0;background:transparent;color:var(--ink);font-size:1.05rem;font-weight:700;box-shadow:none}
.service-faq-accordion .accordion-button:not(.collapsed){background:transparent;color:#0c344e}
.service-faq-accordion .accordion-body{padding:0 3rem 1.5rem 0;color:#68747a;font-size:1rem;line-height:1.7}

.mapWrap {
	width: 100%;
}
.map-responsive {
    position: relative;
    width: 100%;
    height: clamp(20rem, 33.333vw, 25rem);
    overflow: hidden;
}
.map-responsive iframe{
    display:block;
    inset:0;
    height:100%;
    width:100%;
    position:absolute;
}
.map {
        -webkit-filter: grayscale(75%);
        -moz-filter: grayscale(75%);
        -ms-filter: grayscale(75%);
        -o-filter: grayscale(75%);
         filter: grayscale(75%);
}

@media(max-width:768px){
  .service-hero-photo{min-height:20rem}
  .before-after-heading{margin-bottom:2rem}
  .before-after-example{padding:.5rem}
  .before-after-label{bottom:.4rem;left:.4rem;padding:.35rem .55rem;font-size:.6rem}
  .service-note{width:100%;margin-bottom:4.5rem;padding:1.5rem}
  .service-story{margin-bottom:5.5rem}
  .service-story-copy{padding-inline:0}
  .service-story-copy h2{font-size:clamp(2.2rem,10vw,3.25rem)}
  .service-faq-intro{margin-bottom:1rem}
  .service-faq-accordion .accordion-body{padding-right:0}
}