@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f8fc;--paper:#fff;--ink:#101e30;--muted:#526277;--accent:#1475e7;--accent2:#42c0f7;--dark:#0b182a;--line:#dce5f0;--radius:20px}body.tba{--bg:#f8f5ef;--paper:#fffdf9;--ink:#22201c;--muted:#69645e;--accent:#ed6b25;--accent2:#ffbb64;--dark:#1b1a18;--line:#e8dfd4;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,h4{font-family:Outfit,Arial,sans-serif;line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(3rem,6.6vw,6rem)}h2{font-size:clamp(2.2rem,4vw,3.5rem)}h3{font-size:1.35rem}p{margin:0 0 18px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--dark);color:#e6edf6;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.topbar a:hover{color:var(--accent2)}header{background:var(--paper);position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:800 21px/1.05 Outfit}.mark{background:var(--accent);color:white;padding:13px 10px;border-radius:10px;font-size:18px;letter-spacing:-1px}.tba .mark{transform:skew(-9deg);border-radius:2px}.brand small{display:block;font:600 11px DM Sans;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:5px}.links{display:flex;align-items:center;gap:25px}.links a{font-weight:700;font-size:14px}.links a.active,.links a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:white!important;border:2px solid var(--accent);border-radius:11px;padding:12px 20px;font-weight:800;transition:transform .2s,opacity .2s}.tba .btn{border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.btn:hover{transform:translateY(-2px);opacity:.92}.btn.outline{background:transparent;border-color:currentColor;color:inherit!important}.btn.light{background:white;border-color:white;color:var(--ink)!important}.mobile-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--ink)}.hero{background:var(--dark);color:white;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,var(--accent) 0,transparent 40%);opacity:.18;pointer-events:none}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:42px;padding-top:92px;padding-bottom:92px}.eyebrow{font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);font-size:12px;margin-bottom:17px}.hero .eyebrow{color:var(--accent2)}.hero p{color:#c1cbd8;font-size:18px;max-width:530px}.hero img{width:100%;filter:drop-shadow(0 30px 50px #0005)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.strip{background:var(--accent);color:white}.strip .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 0;font-weight:800;font-size:13px;letter-spacing:.05em}.section{padding:95px 0}.section.alt{background:var(--paper)}.section-head{max-width:700px;margin-bottom:40px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:29px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 35px #132c4810}.card p{color:var(--muted)}.card .symbol{font-size:30px;background:var(--bg);width:58px;height:58px;display:grid;place-items:center;border-radius:12px;margin-bottom:22px}.card a.textlink{color:var(--accent);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.photo-panel{min-height:380px;background:linear-gradient(140deg,var(--dark),#35495f);border-radius:var(--radius);padding:30px;display:flex;align-items:center}.tba .photo-panel{background:linear-gradient(140deg,#181714,#534031)}.photo-panel img{width:100%}.checks{list-style:none;padding:0;margin:25px 0}.checks li{padding:8px 0}.checks li:before{content:'✓';color:var(--accent);font-weight:900;margin-right:12px}.cta{background:var(--dark);color:white;padding:70px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#c5ced8}.page-hero{background:var(--dark);color:white;padding:78px 0}.page-hero p{color:#c7d0dd;max-width:700px}.page-hero h1{font-size:clamp(3rem,5vw,4.6rem)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-line{padding:22px 0;border-bottom:1px solid var(--line)}.info-line strong{display:block;margin-bottom:5px}.info-line a{color:var(--accent);overflow-wrap:anywhere}.form-card{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}label{display:block;font-weight:700;margin:14px 0 6px}input,textarea,select{font:inherit;width:100%;padding:12px 14px;border:1px solid #bdc8d6;border-radius:7px;background:white;color:#16202c}textarea{min-height:135px;resize:vertical}.note{font-size:13px;color:var(--muted)}.placeholder{border:2px dashed var(--line);border-radius:var(--radius);padding:30px;background:var(--paper)}.rental{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rental img{width:100%;height:210px;object-fit:contain;background:#182433;padding:16px}.rental .content{padding:24px}.rental .content p{color:var(--muted)}.tag{display:inline-block;background:#fff1d9;color:#815019;padding:3px 10px;border-radius:5px;font-size:12px;font-weight:800;margin-bottom:15px}.map{border:0;width:100%;height:350px;border-radius:var(--radius);margin-top:35px}.footer{background:#081321;color:#d2dce8;padding:60px 0 22px}.tba .footer{background:#171613}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}.footer h3{color:white}.footer a{display:block;margin:9px 0}.footer a:hover{color:var(--accent2)}.footer .brand{color:white}.footer .brand small{color:#c1cbd8}.bottom{border-top:1px solid #ffffff25;margin-top:45px;padding-top:20px;font-size:13px;color:#acb8c8}.muted{color:var(--muted)}@media(max-width:850px){.hero .container,.split,.contact-grid{grid-template-columns:1fr}.hero .container{padding:65px 0}.hero img{max-width:630px}.grid{grid-template-columns:repeat(2,1fr)}.links{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #0002}.links.open{display:flex}.mobile-toggle{display:block}.cta .container{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.grid,.footgrid{grid-template-columns:1fr}.section{padding:65px 0}.topbar .container{flex-direction:column;gap:2px}.brand{font-size:17px}.hero h1{font-size:3rem}.strip .container{flex-direction:column;gap:4px}.actions .btn{width:100%}}
.hero-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
}
.motorcycle-image-container {
  width: 100%;
  aspect-ratio: 16 / 9;
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
}
.motorcycle-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rental img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: contain;
  object-position: center;
  background: #f2f4f7;
}
/* Footer logo alignment */
.footer .footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  max-width: 100%;
}

.footer .footer-brand .mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  min-width: 64px;
  flex-shrink: 0;
  background: #f46b21;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  border-radius: 8px;
}

.footer .footer-brand-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.footer .footer-brand-text strong {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.25;
}

.footer .footer-brand-text small {
  display: block;
  color: #cbd5e1;
  font-size: 12px;
  letter-spacing: 1.5px;
  line-height: 1.5;
}
/* RLM Garage - Footer logo alignment */

.footer .footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  max-width: 100%;
}

.footer .footer-brand .mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  min-width: 64px;
  flex-shrink: 0;
  background: #1875ed;
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  border-radius: 8px;
}

.footer .footer-brand-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.footer .footer-brand-text strong {
  display: block;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.25;
}

.footer .footer-brand-text small {
  display: block;
  color: #cbd5e1;
  font-size: 12px;
  letter-spacing: 1.5px;
  line-height: 1.5;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .footer .footer-brand {
    gap: 12px;
  }

  .footer .footer-brand .mark {
    width: 52px;
    height: 52px;
    min-width: 52px;
    font-size: 17px;
  }

  .footer .footer-brand-text strong {
    font-size: 18px;
  }

  .footer .footer-brand-text small {
    font-size: 10px;
    letter-spacing: 1px;
  }
}