/* Trinity Cars: a quieter glass layer and compact aftercare chapter. */

.desktop-nav{gap:clamp(4px,.7vw,11px)}
.desktop-nav a{min-height:40px;display:inline-flex;align-items:center;padding:9px 11px;border:1px solid transparent;border-radius:12px;opacity:1!important;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#9f2520;background:linear-gradient(135deg,rgba(199,50,45,.14),rgba(255,255,255,.42));border-color:#c7322d30;box-shadow:inset 0 1px 0 #fff8,0 5px 13px #441b1512;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%)}
.page-home .nav-island:not(.scrolled) .desktop-nav a:hover,.page-home .nav-island:not(.scrolled) .desktop-nav a:focus-visible{color:#fff;background:linear-gradient(135deg,rgba(199,50,45,.54),rgba(255,255,255,.15));border-color:#ffffff68;box-shadow:inset 0 1px 0 #ffffff54,0 7px 16px #0002}
.desktop-nav a[aria-current="page"]{color:#a32722;background:#c7322d14}
.desktop-nav a:active{transform:scale(.97)}
.mobile-menu a[href="/services.html"]:hover,.mobile-menu a[href="/services.html"]:focus-visible{background:#c7322d12;color:#9f2520}

.page-home main{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25vw - 1px),#1d252908 calc(25vw - 1px),#1d252908 25vw),radial-gradient(circle at 70% 43%,#e9ecea66,transparent 38%);background-attachment:fixed}

.services-teaser{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,4vw,58px);align-items:center;margin-block:26px 12px;padding:clamp(24px,3.8vw,48px);border:1px solid #ffffffbf;border-radius:26px;background:linear-gradient(135deg,#ffffffdc,#f4f4f1d8);box-shadow:0 15px 50px #1523290b,inset 0 1px 0 #fff}
.services-teaser-copy .eyebrow{color:var(--red)}
.services-teaser h2{max-width:660px;margin:16px 0 15px;font-size:clamp(2.25rem,3.35vw,3.8rem);line-height:1.09;letter-spacing:-.06em}
.services-teaser-copy>p{max-width:510px;margin:0;color:#596166;font-size:clamp(15px,1.2vw,17px);line-height:1.55}
.services-teaser ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:23px 0 25px;padding:0;list-style:none}
.services-teaser li{position:relative;padding-left:15px;color:#2b3133;font-size:13px;line-height:1.45}
.services-teaser li::before{content:"";position:absolute;left:0;top:.57em;width:5px;height:5px;border-radius:50%;background:var(--red)}
.services-teaser-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:46px;padding:10px 15px;border:1px solid #bc524d66;border-radius:13px;background:#c7322d0d;color:#902720;font-size:13px;font-weight:750;transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.services-teaser-link span{font-size:19px;line-height:1}
.services-teaser-link:hover,.services-teaser-link:focus-visible{background:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 9px 19px #c7322d32}
.services-teaser-image{min-width:0;align-self:stretch;display:grid;place-items:center;min-height:305px;overflow:hidden;border:1px solid #e7e9e7;border-radius:21px;background:#e8e9e8}
.services-teaser-image img{display:block;width:100%;height:100%;max-height:390px;object-fit:contain}

.services-page{padding-bottom:65px}
.services-page .breadcrumbs{margin-bottom:28px}
.services-hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(25px,4vw,60px);align-items:center;padding-bottom:48px;border-bottom:1px solid var(--line)}
.services-hero-copy .eyebrow{color:var(--red)}
.services-hero h1{max-width:660px;margin:14px 0 19px;font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.04;letter-spacing:-.065em}
.services-hero-copy>p{max-width:550px;margin:0 0 22px;color:#5c6668;font-size:clamp(16px,1.3vw,18px);line-height:1.6}
.services-hero-image{min-width:0;margin:0;border:1px solid #e5e7e6;border-radius:22px;overflow:hidden;background:#e9eaea}
.services-hero-image img{display:block;width:100%;height:clamp(310px,35vw,440px);object-fit:contain}
.services-hero-image figcaption,.services-interlude figcaption{padding:9px 16px 13px;color:#657075;font-size:11px;line-height:1.4}
.services-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:15px 45px;align-items:end;padding:56px 0 29px}
.services-intro .eyebrow{grid-column:1/-1;color:var(--red)}
.services-intro h2{max-width:680px;margin:0;font-size:clamp(2.15rem,3.5vw,3.6rem);line-height:1.08}
.services-intro p{max-width:500px;margin:0;color:#60686b;font-size:15px;line-height:1.65}
.service-row{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:40px;padding:30px 0;border-top:1px solid #d8dcda;scroll-margin-top:110px}
.service-row-title{display:flex;align-items:flex-start;gap:17px}
.service-mark{flex:0 0 9px;width:9px;height:9px;margin-top:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #c7322d16}
.service-row h2{margin:0;font-size:clamp(1.55rem,2.3vw,2.5rem);line-height:1.14;letter-spacing:-.045em}
.service-row-copy p{max-width:740px;margin:0;color:#4c5558;font-size:15px;line-height:1.75}
.service-row-copy p+p{margin-top:11px}
.service-row .service-note{color:#6c7577;font-size:13px}
.services-interlude{max-width:100%;margin:8px 0 17px;overflow:hidden;border:1px solid #e0e4e3;border-radius:22px;background:#dbe4e9}
.services-interlude img{display:block;width:100%;height:clamp(270px,38vw,460px);object-fit:contain}
.services-close,.about-next{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:32px;padding:29px 0;border-top:1px solid #cdd3d1;border-bottom:1px solid #cdd3d1}
.services-close .eyebrow,.about-next .eyebrow{color:var(--red)}
.services-close h2,.about-next h2{margin:10px 0;font-size:clamp(2rem,3vw,3rem);line-height:1.1}
.services-close p,.about-next p{max-width:650px;margin:0;color:#5d6769;font-size:15px;line-height:1.6}
.services-close .button,.about-next .button{flex:0 0 auto}

.about-page .breadcrumbs{margin-bottom:23px}
.about-hero{max-width:none;gap:15px;padding:8px 0 43px}
.about-hero h1{max-width:none;font-size:clamp(2.75rem,4.35vw,4.45rem);line-height:1.1;letter-spacing:-.058em;white-space:nowrap}
.about-hero p{max-width:780px;font-size:clamp(16px,1.35vw,18px);line-height:1.6}
.about-hero .button{margin-top:8px}
.about-promise{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:50px;padding:45px 0;border-top:1px solid #d4d9d7}
.about-section-lead .eyebrow,.about-process-head .eyebrow{color:var(--red)}
.about-promise h2,.about-process h2{max-width:640px;margin:14px 0 0;font-size:clamp(2.15rem,3.25vw,3.35rem);line-height:1.12;letter-spacing:-.055em}
.about-promise-copy p{margin:0;color:#4f595b;font-size:16px;line-height:1.7}
.about-promise-copy p+p{margin-top:15px}
.about-process{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);gap:45px;padding-top:41px;border-top:1px solid #d4d9d7}
.about-process-head>p{max-width:340px;color:#667074;font-size:15px;line-height:1.6}
.about-process-list article{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:24px;padding:20px 0;border-top:1px solid #d9dddb}
.about-process-list article:first-child{border-top:0;padding-top:2px}
.about-process-list h3{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.04em}
.about-process-list p{margin:0;color:#5d6669;font-size:14px;line-height:1.65}
.about-next{margin-top:48px}
.about-page .editorial-outro{margin-top:48px;padding-top:25px}
.about-page .editorial-outro h2{font-size:clamp(2rem,3vw,3rem)}

.questions-cta:hover,.questions-cta:focus-visible{background:#c7322d;color:#fff;border-color:#c7322d;box-shadow:0 8px 20px #c7322d28}
.questions-cta:hover span,.questions-cta:focus-visible span{color:#fff}
.footer-top{margin-bottom:27px}
.footer-bottom{display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(270px,1.55fr) minmax(190px,1fr) auto;align-items:start;gap:15px 28px;padding-top:20px;color:#c3c6c3;font-size:13px;line-height:1.55}
.footer-address{display:flex;flex-direction:column;gap:5px;color:#c7cdcb}
.footer-address strong{color:#fff;font-size:14px;font-weight:650}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.footer-links a{font-size:12px;color:#e1e4e1}
.footer-email{font-size:15px;font-weight:650;letter-spacing:-.015em;color:#fff;overflow-wrap:anywhere}
.footer-copyright{white-space:nowrap;font-size:12px;color:#a7aeaa}
.footer-legal{margin-top:25px}

@media(max-width:1080px){.desktop-nav{display:none}.menu-button{display:block}.nav-contact{margin-left:auto}}
@media(max-width:880px){.services-teaser{grid-template-columns:1fr 1fr}.services-teaser ul{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1}.footer-copyright{grid-column:1/-1}.about-hero h1{white-space:normal}.about-process{grid-template-columns:1fr}.about-process-head>p{max-width:650px}}
@media(max-width:700px){.services-teaser{grid-template-columns:1fr;margin-top:20px;padding:22px}.services-teaser h2{font-size:clamp(2.15rem,8vw,3.1rem)}.services-teaser ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.services-teaser-image{min-height:220px}.services-teaser-image img{max-height:300px}.services-hero{grid-template-columns:1fr;padding-bottom:33px}.services-hero h1{font-size:clamp(2.65rem,9vw,3.8rem)}.services-hero-image img{height:300px}.services-intro{display:block;padding:40px 0 22px}.services-intro h2{margin:12px 0}.service-row{grid-template-columns:1fr;gap:13px;padding:24px 0}.service-row-copy p{font-size:15px}.services-interlude img{height:300px}.services-close,.about-next{display:block}.services-close .button,.about-next .button{margin-top:20px}.about-hero{padding-bottom:32px}.about-hero h1{font-size:clamp(2.4rem,9vw,3.2rem)}.about-promise{grid-template-columns:1fr;gap:18px;padding:32px 0}.about-process{padding-top:32px;gap:22px}.about-process-list article{grid-template-columns:1fr;gap:8px}.about-process-list article:first-child{padding-top:15px;border-top:1px solid #d9dddb}}
@media(max-width:520px){.services-teaser ul{grid-template-columns:1fr}.services-teaser-image{min-height:180px}.services-hero-image img{height:230px}.services-interlude img{height:230px}.footer-bottom{grid-template-columns:1fr;gap:18px}.footer-links,.footer-copyright{grid-column:auto}.footer-email{font-size:16px}.about-page .editorial-outro{margin-top:35px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.car-card{transition:transform .42s cubic-bezier(.18,.72,.2,1),box-shadow .42s ease}.car-card:hover,.car-card:focus-within{transform:translateY(-7px);box-shadow:0 26px 55px #18252522,0 3px 12px #18252510}.car-card:hover .photo-arrow{background:#c7322d;color:#fff}.services-teaser-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.services-teaser:hover .services-teaser-image img{transform:scale(1.018)}}
@media(max-width:700px){.page-home main{background-image:linear-gradient(120deg,#f4f5f4,#f1f2f0);background-attachment:scroll}}
@media(max-width:700px){
  .services-page{padding-top:96px}
  .services-page .breadcrumbs{display:none}
  .services-hero-copy{display:flex;flex-direction:column;align-items:stretch}
  .services-hero-copy h1{order:0;margin:0 0 12px}
  .services-hero-copy .eyebrow{order:1;margin:0 0 17px}
  .services-hero-copy>p{order:2}
  .services-hero-copy .button{order:3;display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;border-radius:16px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.desktop-nav a,.services-teaser-link,.questions-cta,.car-card,.services-teaser-image img{transition:none!important}.car-card:hover,.car-card:focus-within,.services-teaser:hover .services-teaser-image img{transform:none}}
@media(prefers-reduced-transparency:reduce){.desktop-nav a:hover,.desktop-nav a:focus-visible{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f8e8e7}.page-home .nav-island:not(.scrolled) .desktop-nav a:hover{background:#7e2623}.services-teaser{background:#fff}}