/* Vintage Garage — Papaya / Ivory / Chrome / Surf */
:root{
  --papaya:#f27a21;
  --papaya-hi:#ffa366;
  --ivory:#fff8ee;
  --black:#121212;
  --muted:#6b6b6b;
  --sand:#f1e3c6;
  --dune:#e7d2a5;
  --surf:#7ad7f0;
  --sea:#3fb4d3;
  --sky:#cfefff;
  --chrome-hi:#f6f7f8;
  --chrome-mid:#c9ced3;
  --chrome-lo:#9aa0a6;
  --maxw:1200px;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.10);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1200px 600px at 50% -180px, var(--sky) 0%, var(--ivory) 58%),
    linear-gradient(180deg, #fff, var(--ivory));
  color:var(--black);
  font-family:system-ui, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.6;
}
.header-wrap,.content-wrap,.footer-wrap{max-width:var(--maxw);margin:0 auto;padding:18px;}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.topbar{
  background:linear-gradient(90deg, var(--papaya), var(--papaya-hi), var(--papaya));
  height:5px;
}
header{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92)),
    linear-gradient(90deg, var(--sand), var(--dune));
  border-bottom:1px solid #e8ddcc;
  backdrop-filter:saturate(120%) blur(4px);
}
.brand{display:flex;align-items:center;gap:10px}
.brand h1{
  margin:0;font-size:2rem;letter-spacing:.3px;
  background:linear-gradient(180deg,#fff 0%,var(--chrome-hi) 8%,var(--chrome-mid) 40%,var(--chrome-lo) 60%,var(--chrome-mid) 80%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 1px 0 rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.12);
}
nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
nav a{
  padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.04);font-weight:700;color:var(--black);
  transition:.18s;
}
nav a:hover{background:var(--papaya);color:#fff;box-shadow:var(--shadow);transform:translateY(-1px)}
nav a.active{background:linear-gradient(180deg,#ff934e,var(--papaya));color:#fff;border-color:#d65f03;box-shadow:0 8px 20px rgba(242,122,33,.25)}

.wave{display:block;line-height:0;height:48px;margin:0;filter:drop-shadow(0 -4px 6px rgba(0,0,0,.05))}

.hero{
  position:relative;overflow:hidden;min-height:380px;border-radius:20px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.85)),
    linear-gradient(90deg, var(--surf), var(--sea));
  border:1px solid #e6dcc9;box-shadow:var(--shadow);padding:28px;
}
.hero.has-bg{
  background-size:cover;background-position:center;
}
.hero .title{font-size:2.2rem;margin:0 0 8px}
.hero .muted{color:var(--muted);max-width:900px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.btn{
  display:inline-block;padding:11px 16px;border-radius:999px;font-weight:800;cursor:pointer;
  border:1px solid var(--black);background:var(--black);color:#fff;transition:.15s;
}
.btn:hover{opacity:.92;transform:translateY(-1px)}
.btn.papaya{background:linear-gradient(180deg,#ff9b5a,var(--papaya));border-color:#d75d00;box-shadow:0 10px 20px rgba(242,122,33,.22)}
.btn.chrome{
  border-color:#aeb4bb;color:#1b1b1b;
  background:linear-gradient(180deg,var(--chrome-hi),var(--chrome-mid),var(--chrome-lo),var(--chrome-hi));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(0,0,0,.08);
}
.btn.secondary{background:#fff;color:var(--black);border:1px solid #c9bda7}

.section{margin:20px 0}
.card{
  position:relative;background:linear-gradient(180deg,#fff,#fffdf8);
  border:1px solid #efe7d8;border-radius:18px;padding:16px;box-shadow:var(--shadow);
}
.section-title{display:flex;align-items:center;gap:10px;margin:0 0 12px 0}
.section-title .bar{width:10px;height:22px;border-radius:6px;background:linear-gradient(180deg,#ff9c5c,var(--papaya));box-shadow:0 6px 14px rgba(242,122,33,.35)}

.grid-3{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.grid-3{grid-template-columns:1fr}}

.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.specs dt{font-weight:800}
.specs dd{margin:0}
@media (max-width:900px){.specs{grid-template-columns:1fr}}

.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.82rem;background:#fff;border:1px solid #e8ddcc;color:var(--muted);box-shadow:0 6px 14px rgba(0,0,0,.06)}

.home-gallery{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:12px}
.home-gallery img{width:100%;border-radius:14px;border:1px solid #e5dccb;background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.12);transition:transform .2s ease, box-shadow .2s ease}
.home-gallery img:hover{transform:translateY(-3px) rotate(.2deg);box-shadow:0 16px 36px rgba(0,0,0,.16)}

footer{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.98));border-top:1px solid #e8ddcc;margin-top:40px;padding:16px 0;font-size:.9rem;color:var(--muted);text-align:center}