/* Garage shares the Personal/Homeowners line illustration and service-page type roles. */ .sc-garage-page { --sc-paper:#f7f4ef; --sc-stone:#ddd8ca; --sc-ink:#2b2b2b; --sc-ink-soft:#5d564a; --sc-red:#8e3b2f; --sc-gold:#a98c4b; --sc-serif:var(--sc-font-display,"Fraunces"),Georgia,serif; --sc-body:var(--sc-font-body,"Source Serif 4"),Georgia,serif; --sc-sans:var(--sc-font-ui,"Barlow"),Arial,sans-serif; color:var(--sc-ink); font-family:var(--sc-body); font-size:20px; line-height:1.6; } .sc-garage-page *, .sc-garage-page *::before, .sc-garage-page *::after { box-sizing:border-box; } .sc-garage-page .sc-wrap { width:min(1160px,calc(100% - 80px)); margin-inline:auto; } .sc-garage-page h1,.sc-garage-page h2,.sc-garage-page h3 { font-family:var(--sc-serif); color:var(--sc-navy); } .sc-garage-page p { margin:0 0 1rem; } .sc-garage-page p:last-child { margin-bottom:0; } .sc-garage-page [id] { scroll-margin-top:180px; } .sc-garage-page :focus-visible { outline:3px solid var(--sc-red); outline-offset:5px; } .sc-garage-page .sc-gas-band { padding:clamp(3rem,5vw,4.5rem) 0; } .sc-garage-page .sc-gas-band--white { background:#fff; } .sc-garage-page .sc-gas-band--cream { background:var(--sc-paper); } .sc-garage-page .sc-gas-eyebrow, .sc-garage-page .sc-gas-guide-label { display:block; font-family:var(--sc-sans); font-weight:600; font-size:.75rem; line-height:1.4; letter-spacing:.13em; text-transform:uppercase; color:var(--sc-red); margin:0 0 .9rem; } .sc-garage-page .sc-gas-eyebrow::before { content:""; display:inline-block; width:2rem; height:2px; margin-right:.8rem; background:currentColor; vertical-align:middle; } .sc-garage-page .sc-gas-h2 { font-size:clamp(1.75rem,2.6vw,2.25rem); font-weight:600; line-height:1.2; margin:0 0 1.3rem; letter-spacing:-.02em; } .sc-garage-page .sc-gas-hero { padding:clamp(3rem,5vw,4.5rem) 0; } .sc-garage-page .sc-gas-hero__grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(2.5rem,5vw,5rem); } .sc-garage-page .sc-gas-hero h1 { font-size:clamp(2.25rem,3.8vw,3rem); font-weight:650; line-height:1.1; letter-spacing:-.025em; margin:0 0 1.4rem; max-width:17ch; } .sc-garage-page .sc-gas-lede { font-size:1.18rem; line-height:1.6; color:var(--sc-ink-soft); max-width:49ch; } .sc-garage-page .sc-gas-hero__legal { color:var(--sc-ink-soft); margin:0 0 1.5rem; } /* Original decorative shop drawing uses the same navy line work as Homeowners. */ .sc-garage-page .sc-gas-hero__visual { margin:0; color:var(--sc-navy); text-align:center; } .sc-garage-page .sc-gas-hero__visual svg { display:block; width:100%; height:auto; max-width:520px; margin-inline:auto; } .sc-garage-page .sc-gas-hero__visual figcaption { font-family:var(--sc-body); font-size:1.1rem; line-height:1.5; margin-top:-.5rem; } .sc-garage-page .sc-gas-hero__navigation { margin-top:3rem; } .sc-garage-page .sc-gas-hero__navigation > .sc-wrap { padding-top:1.2rem; border-top:1px solid var(--sc-stone); } .sc-garage-page .sc-gas-guide-label { color:var(--sc-ink-soft); margin-bottom:.35rem; } .sc-garage-page .sc-gas-jump-links { display:flex; flex-wrap:wrap; gap:0 1.7rem; margin:0; } .sc-garage-page .sc-gas-jump-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--sc-navy); font-family:var(--sc-sans); font-weight:600; font-size:1rem; line-height:1.4; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; } .sc-garage-page .sc-gas-jump-links a:hover { text-decoration-thickness:2px; } .sc-garage-page .sc-gas-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:.7rem 1.15rem; border-radius:4px; font-family:var(--sc-sans); font-size:1rem; font-weight:600; line-height:1.4; text-decoration:none; transition:background-color 160ms ease; } .sc-garage-page .sc-gas-btn--primary { color:#fff; background:var(--sc-navy); border:1px solid var(--sc-navy); } .sc-garage-page .sc-gas-btn--primary:hover { color:#fff; background:#041d3e; } .sc-garage-page .sc-gas-hero__copy .sc-gas-actions { align-items:center; margin-bottom:0; } .sc-garage-page .sc-gas-phone { display:inline-flex; align-items:center; min-height:44px; color:var(--sc-navy); font-family:var(--sc-sans); font-size:1rem; font-weight:600; text-decoration:underline; text-underline-offset:4px; } .sc-garage-page .sc-gas-fit { border-top:1px solid var(--sc-stone); } .sc-garage-page .sc-gas-fit__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,5vw,4rem); align-items:start; } .sc-garage-page .sc-gas-fit__copy { color:var(--sc-ink-soft); } .sc-garage-page .sc-gas-callout { border-left:2px solid var(--sc-gold); padding:.15rem 0 .15rem 1.2rem; color:var(--sc-ink-soft); font-size:1rem; margin-top:1.4rem; } .sc-garage-page .sc-gas-measure { max-width:74ch; } .sc-garage-page .sc-gas-section-heading { margin-bottom:2rem; } .sc-garage-page .sc-gas-section-heading p { max-width:72ch; color:var(--sc-ink-soft); } .sc-garage-page .sc-gas-exposure-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; align-items:start; } .sc-garage-page .sc-gas-exposure-rail article { position:relative; background:#fff; border:1px solid var(--sc-stone); border-radius:0 0 7px 7px; padding:1.5rem; box-shadow:0 6px 18px rgba(14,42,71,.04); } .sc-garage-page .sc-gas-exposure-rail article::before { content:""; position:absolute; top:-1px; left:0; width:2.6rem; height:3px; background:var(--sc-red); } .sc-garage-page .sc-gas-exposure-rail h3 { font-size:1.25rem; font-weight:600; line-height:1.3; margin:0 0 .9rem; } .sc-garage-page .sc-gas-exposure-rail h3::after { content:""; display:block; width:2rem; height:2px; margin-top:.65rem; background:var(--sc-gold); } .sc-garage-page .sc-gas-exposure-rail p { color:var(--sc-ink-soft); font-size:1rem; line-height:1.55; } .sc-garage-page .sc-gas-owner-links { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; border-top:1px solid var(--sc-stone); margin-top:2rem; padding-top:1rem; } .sc-garage-page .sc-gas-owner-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--sc-navy); font-family:var(--sc-sans); font-size:.95rem; font-weight:600; text-decoration:underline; text-underline-offset:4px; } .sc-garage-page .sc-gas-terms__grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin:2rem 0; } .sc-garage-page .sc-gas-terms__grid article { border-top:2px solid var(--sc-navy); padding:1.3rem 0 0; } .sc-garage-page .sc-gas-terms__grid article+article { border-top-color:var(--sc-gold); } .sc-garage-page .sc-gas-terms__grid article > span { display:block; font-family:var(--sc-sans); color:var(--sc-red); text-transform:uppercase; letter-spacing:.1em; font-size:.78rem; font-weight:600; margin-bottom:.75rem; } .sc-garage-page .sc-gas-terms__grid strong { display:block; font-family:var(--sc-serif); font-size:1.4rem; font-weight:600; line-height:1.3; color:var(--sc-navy); margin-bottom:.9rem; max-width:30ch; } .sc-garage-page .sc-gas-terms__grid p { color:var(--sc-ink-soft); max-width:48ch; } .sc-garage-page .sc-gas-cost__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:start; } .sc-garage-page .sc-gas-cost__grid header p { color:var(--sc-ink-soft); max-width:50ch; } .sc-garage-page .sc-gas-quote-compare { padding:1.5rem 1.7rem; background:#fff; border:1px solid var(--sc-stone); border-radius:6px; } .sc-garage-page .sc-gas-quote-compare h3 { font-size:1.4rem; line-height:1.3; margin:0 0 1rem; font-weight:600; } .sc-garage-page .sc-gas-quote-compare ul { list-style:none; margin:0; padding:0; } .sc-garage-page .sc-gas-quote-compare li { padding:1rem 0; border-top:1px dashed var(--sc-stone); } .sc-garage-page .sc-gas-quote-compare li:last-child { padding-bottom:0; } .sc-garage-page .sc-gas-quote-compare strong { display:block; color:var(--sc-navy); font-weight:600; margin-bottom:.3rem; } .sc-garage-page .sc-gas-quote-compare p { color:var(--sc-ink-soft); font-size:1rem; } .sc-garage-page .sc-gas-review-sheet__grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(2rem,5vw,4rem); align-items:start; } .sc-garage-page .sc-gas-review-sheet__rail p { color:var(--sc-ink-soft); } .sc-garage-page .sc-gas-sheet { list-style:none; margin:0; padding:.3rem 1.7rem; background:var(--sc-paper); border-top:3px solid var(--sc-navy); } .sc-garage-page .sc-gas-sheet li { display:grid; grid-template-columns:1.7rem 1fr; gap:.7rem; padding:1rem 0; border-bottom:1px dashed var(--sc-stone); } .sc-garage-page .sc-gas-sheet li:last-child { border:0; } .sc-garage-page .sc-gas-sheet li > span { color:var(--sc-red); font-family:var(--sc-sans); font-size:.9rem; font-variant-numeric:tabular-nums; } .sc-garage-page .sc-gas-sheet strong { display:block; color:var(--sc-navy); font-family:var(--sc-serif); font-weight:600; font-size:1.13rem; margin-bottom:.25rem; } .sc-garage-page .sc-gas-sheet p { font-size:1rem; line-height:1.5; color:var(--sc-ink-soft); } .sc-garage-page .sc-gas-market__header { max-width:76ch; margin-bottom:2rem; } .sc-garage-page .sc-gas-market__header p { color:var(--sc-ink-soft); } .sc-garage-page .sc-gas-market-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; gap:1.6rem; padding:0; margin:0; } .sc-garage-page .sc-gas-market-steps li { border-top:1px solid var(--sc-stone); padding-top:1rem; } .sc-garage-page .sc-gas-market-steps strong { display:block; font-family:var(--sc-serif); color:var(--sc-navy); font-size:1.15rem; line-height:1.35; font-weight:600; margin-bottom:.6rem; } .sc-garage-page .sc-gas-market-steps p { color:var(--sc-ink-soft); font-size:1rem; line-height:1.5; } .sc-garage-page .sc-gas-faq__band { padding:clamp(3rem,5vw,4.5rem) 0; background:#fff; } .sc-garage-page .sc-gas-faq-heading { max-width:42rem; margin-bottom:2rem; } .sc-garage-page .sc-gas-faqs { display:grid; grid-template-columns:1fr 1fr; gap:0 3.5rem; } .sc-garage-page .sc-gas-faq-item { border-top:1px solid var(--sc-stone); padding:1.5rem 0; } .sc-garage-page .sc-gas-faqs h3 { font-size:1.25rem; font-weight:600; line-height:1.35; margin:0 0 .75rem; } .sc-garage-page .sc-gas-faqs p { margin:0; color:var(--sc-ink-soft); font-size:1.06rem; line-height:1.6; } .sc-garage-page .sc-gas-next__band { --sc-gas-next-surface:color-mix(in srgb,var(--sc-navy) 10%,white); --sc-ink:var(--sc-navy); padding:clamp(3rem,5vw,4.5rem) 0; background:var(--sc-gas-next-surface); } .sc-garage-page .sc-gas-next__lead { display:grid; grid-template-columns:minmax(0,1fr) minmax(17.5rem,22rem); align-items:center; gap:2rem clamp(2rem,5vw,5rem); } .sc-garage-page .sc-gas-next__copy h2 { color:var(--sc-navy); max-width:18ch; font-size:clamp(1.75rem,3vw,2.5rem); text-wrap:balance; margin-bottom:1rem; } .sc-garage-page .sc-gas-next__keep { display:inline-block; max-width:100%; } .sc-garage-page .sc-gas-next__copy p { max-width:48ch; color:var(--sc-navy); } .sc-garage-page .sc-gas-next__lead > .sc-gas-actions { flex-direction:column; align-items:stretch; gap:.6rem; margin:0; } .sc-garage-page .sc-gas-next__lead .sc-gas-phone { color:var(--sc-navy); justify-content:center; } .sc-garage-page .sc-gas-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.6rem 0; } .sc-garage-page .sc-gas-request-note { grid-column:1/-1; margin:0; padding-top:1.2rem; border-top:1px solid rgba(var(--sc-navy-rgb),.22); color:var(--sc-navy); font-family:var(--sc-sans); line-height:1.6; } /* Exact-route shell and exceptions to shared native type floors. */ body.sc-garage-auto-service-page #page { max-width:none; width:100%; padding:0; margin:0; } body.sc-garage-auto-service-page .site-content { padding:0 !important; } body.sc-garage-auto-service-page #primary { width:100%; margin:0; } body.sc-garage-auto-service-page .site-main { margin:0; } body.sc-garage-auto-service-page .inside-article { padding:0; } body.sc-garage-auto-service-page .entry-content { margin:0; } body.sc-garage-auto-service-page main .sc-gas-next__band h2 { color:var(--sc-navy) !important; } body.sc-garage-auto-service-page main .sc-gas-next__band .sc-gas-request-note { font-family:var(--sc-sans) !important; font-size:.875rem !important; max-width:none; width:100%; } body.sc-garage-auto-service-page main .sc-gas-eyebrow, body.sc-garage-auto-service-page main .sc-gas-guide-label, body.sc-garage-auto-service-page main .sc-gas-terms__grid article > span { font-size:.8125rem !important; } @media (min-width:1101px) { .sc-garage-page .sc-gas-sheet { display:grid; grid-template-columns:1fr 1fr; column-gap:1.6rem; } .sc-garage-page .sc-gas-sheet li:nth-last-child(2) { border-bottom:0; } } @media (max-width:1100px) { .sc-garage-page .sc-gas-exposure-rail { grid-template-columns:repeat(2,minmax(0,1fr)); } .sc-garage-page .sc-gas-market-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:900px) { .sc-garage-page .sc-gas-next__lead { grid-template-columns:1fr; gap:1.5rem; } .sc-garage-page .sc-gas-next__lead > .sc-gas-actions { max-width:26rem; width:100%; } .sc-garage-page .sc-gas-hero__grid,.sc-garage-page .sc-gas-fit__grid,.sc-garage-page .sc-gas-cost__grid,.sc-garage-page .sc-gas-review-sheet__grid { grid-template-columns:1fr; gap:2rem; } .sc-garage-page .sc-gas-hero h1 { max-width:21ch; } .sc-garage-page .sc-gas-hero__visual { max-width:440px; width:100%; margin-inline:auto; } .sc-garage-page .sc-gas-fit__grid { gap:.5rem; } } @media (max-width:600px) { .sc-garage-page .sc-wrap { width:calc(100% - 40px); } .sc-garage-page .sc-gas-hero { padding:2.5rem 0 3rem; } .sc-garage-page .sc-gas-exposure-rail,.sc-garage-page .sc-gas-terms__grid,.sc-garage-page .sc-gas-market-steps { grid-template-columns:1fr; } .sc-garage-page .sc-gas-terms__grid { gap:1.5rem; } .sc-garage-page .sc-gas-hero__visual svg { max-width:340px; } .sc-garage-page .sc-gas-hero__navigation { margin-top:2rem; } .sc-garage-page .sc-gas-faqs { grid-template-columns:1fr; } .sc-garage-page .sc-gas-jump-links a { font-size:1rem; } .sc-garage-page .sc-gas-quote-compare { padding:1.3rem; } .sc-garage-page .sc-gas-sheet { padding:.3rem 1.2rem; } .sc-garage-page .sc-gas-actions { flex-direction:column; align-items:stretch; } .sc-garage-page .sc-gas-hero__copy .sc-gas-actions { align-items:stretch; } .sc-garage-page .sc-gas-phone { justify-content:center; } } @media (prefers-reduced-motion:reduce) { .sc-garage-page *, .sc-garage-page *::before, .sc-garage-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }