.hero--dark{background-color:#0a0a0a;background-image:linear-gradient(#0a0a0ad9 0%,#141414bf 100%),url(../images/cars-of-manchester-hero-contact.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.hero--dark .hero-badge{color:#ff4943;background:#ff494326;border:1px solid #ff49434d}.hero--dark .hero-title{color:#fff}.hero--dark .hero-subtitle{color:#fffc}.contact-info{background:#fff;padding:6rem 5%}.contact-info-inner{max-width:1200px;margin:0 auto}.contact-info-heading{text-align:center;margin-bottom:3rem}.contact-info-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.contact-info-card{text-align:center;background:#f8f9fa;border-radius:1rem;padding:2rem;transition:transform .3s,box-shadow .3s}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.contact-info-icon{color:#ff4943;background:#ff49431a;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1.5rem;display:flex}.contact-info-icon svg{width:1.5rem;height:1.5rem}.contact-info-title{color:#0a0a0a;margin:0 0 .75rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600}.contact-info-value{color:#ff4943;margin-bottom:.5rem;font-family:Instrument Sans,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;display:block}.contact-info-value:hover{text-decoration:underline}.contact-info-description{color:#0a0a0a99;margin:0;font-family:Instrument Sans,sans-serif;font-size:.9rem}.contact-form{padding:6rem 5%}.contact-form--dark{background:#0a0a0a}.contact-form-inner{grid-template-columns:1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.contact-form-content{text-align:center;margin-bottom:2rem}.contact-form-element{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2.5rem}.contact-form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.contact-form-field--full{grid-column:span 2}.contact-form-label{color:#ffffffe6;margin-bottom:.5rem;font-family:Instrument Sans,sans-serif;font-size:.9rem;font-weight:600;display:block}.contact-form-input,.contact-form-textarea{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;width:100%;padding:.875rem 1rem;font-family:Instrument Sans,sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#ffffff80}.contact-form-input:focus,.contact-form-textarea:focus{border-color:#ff4943;outline:none;box-shadow:0 0 0 3px #ff494326}.contact-form-textarea{resize:vertical;min-height:120px}.contact-form-submit{color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#ff4943;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Instrument Sans,sans-serif;font-size:.9rem;font-weight:700;transition:transform .3s,background-color .3s,box-shadow .3s;display:inline-flex}.contact-form-submit:hover{background:#ff4943e6;transform:translateY(-2px);box-shadow:0 8px 20px #ff49434d}.contact-form-submit svg{width:1rem;height:1rem}.contact-map{background:#f8f9fa;padding:6rem 5%}.contact-map-inner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.contact-map-content{flex-direction:column;gap:1.5rem;display:flex}.contact-map .about-badge{color:#ff4943;background:0 0}.contact-map .about-title{color:#0a0a0a}.contact-map .about-description{color:#0a0a0acc}.contact-map-link{color:#fff;background:#ff4943;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.875rem 1.5rem;font-family:Instrument Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .3s,background-color .3s;display:inline-flex}.contact-map-link:hover{background:#ff4943e6;transform:translateY(-2px)}.contact-map-link svg{width:1rem;height:1rem}.contact-map-embed{border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px #00000026}.contact-map-embed iframe{width:100%;height:400px;display:block}@media (width<=1024px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}.contact-map-inner{grid-template-columns:1fr}.contact-map-embed iframe{height:300px}}@media (width<=768px){.contact-info,.contact-form,.contact-map{padding:4rem 5%}.contact-info-grid,.contact-form-grid{grid-template-columns:1fr}.contact-form-field--full{grid-column:span 1}.contact-form-element{padding:2rem}}