*{box-sizing:border-box}
:root{--bg:#080909;--panel:#101213;--panel2:#141617;--line:#292b2c;--gold:#c99b32;--gold2:#e1b64a;--text:#f4f0e7;--muted:#aaa}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif}
a{color:inherit}

.gold-button{display:inline-block;border:1px solid var(--gold);padding:10px 15px;color:var(--gold2);text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.05em;background:rgba(0,0,0,.2);transition:.2s}
.gold-button:hover{background:var(--gold);color:#111}

.simple-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:rgba(5,5,5,.92);border-bottom:1px solid #1d1d1d}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--gold2);font-weight:700;letter-spacing:.04em}
.brand>span:last-child{font-size:1.03rem}
.brand small{display:block;font-size:.7rem;letter-spacing:.04em}
.simple-header .brand{white-space:nowrap}
.simple-header .brand>span:last-child{font-size:.88rem}
.simple-header .back-link{white-space:nowrap}
.back-link{color:var(--gold2);text-decoration:none;letter-spacing:.08em;font-size:.85rem}

.route-map{
  width:100%;
  height:65vh;
  min-height:480px;
  border:1px solid #303234;
  border-radius:10px;
  overflow:hidden;
  background:#d7d5ca;
  box-shadow:0 12px 35px rgba(0,0,0,.28);
}
footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 4%;border-top:1px solid #222;background:#060707;color:#aaa;font-size:.84rem}
.bike-info{display:flex;gap:10px;align-items:center;color:#ddd}
.bike-info:first-letter{color:var(--gold2)}
.bike-info small{color:#888}
footer blockquote{margin:0;text-align:center;color:var(--gold2);font-style:italic;font-size:.95rem}
.social{color:var(--gold2);font-size:1.3rem}

@media(max-width:850px){
  footer{flex-direction:column;text-align:center}
}

@media(max-width:700px){
  .route-map{height:64vh;min-height:470px}
  .simple-header{height:auto;min-height:62px;gap:12px;padding:11px 16px}
  .simple-header .brand{font-size:.78rem;gap:5px}
  .simple-header .brand small{display:none}
  .simple-header .brand>span:last-child{font-size:.8rem}
  .simple-header .back-link{font-size:.7rem}
}

@media(max-width:520px){
  .route-map{height:62vh;min-height:460px}
}