/* sky-sage.motorcycles · prefix .css- · TEXT-ONLY */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&display=swap");
:css-root, .css-body {
  --bg:#f7f0ea; --ink:#3b2a26; --accent:#a85a45; --panel:#e8d5c8; --muted:#6e564e; --rule:#c49a86;
}
.css-body {
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Barlow", "Georgia", serif;
  line-height:1.65;
}
.css-body h1, .css-body h2, .css-body h3, .css-brand-hero, .css-wordmark, .css-huge, .css-numeral, .css-phone-xl, .css-brand-huge, .css-caps, .css-addr-big {
  font-family:"Barlow Condensed", "Georgia", serif;
  font-weight:600;
  letter-spacing:0.02em;
}
.css-body a { color:var(--accent); }
.css-main { padding:1.5rem clamp(1rem,4vw,3rem) 4rem; max-width:1100px; margin:0 auto; }
.css-header, .css-mobile-bar, .css-float-head, .css-mainbar {
  display:flex; flex-wrap:wrap; align-items:center; gap:1rem;
  padding:1rem clamp(1rem,4vw,3rem); border-bottom:1px solid var(--rule);
}
.css-nav a, .css-tabs a, .css-center a, .css-h-nav a, .css-wrap-nav a, .css-linkrow a, .css-footer a {
  margin-right:0.85rem; text-decoration:none; color:var(--ink);
}
.css-burger, .css-menu-toggle, .css-sheet-btn, .css-menu-link {
  background:transparent; border:1px solid var(--ink); color:var(--ink);
  padding:0.4rem 0.8rem; cursor:pointer; font:inherit;
}
.css-cta, .css-cta-btn {
  display:inline-block; padding:0.75rem 1.25rem; background:var(--accent); color:var(--bg);
  text-decoration:none; border:none; cursor:pointer;
}
.css-form label { display:block; margin:0.75rem 0; }
.css-form input, .css-form textarea {
  width:100%; max-width:32rem; display:block; padding:0.6rem; border:1px solid var(--rule);
  background:var(--panel); color:var(--ink); font:inherit;
}
.css-form button { margin-top:0.5rem; padding:0.7rem 1.2rem; background:var(--ink); color:var(--bg); border:none; cursor:pointer; font:inherit; }
.css-form-success { color:var(--accent); }
.css-contact-once { margin:1.5rem 0; padding:1rem 0; border-top:1px solid var(--rule); }
.css-footer { padding:2rem clamp(1rem,4vw,3rem); position:relative; overflow:hidden; }
.css-cookie {
  position:fixed; z-index:50; background:var(--panel); color:var(--ink);
  border:1px solid var(--rule); padding:1rem; max-width:28rem;
}
.css-cookie-actions { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.75rem; }
.css-cookie-actions button { font:inherit; padding:0.45rem 0.7rem; cursor:pointer; border:1px solid var(--ink); background:var(--bg); color:var(--ink); }
.css-cookie[hidden], .css-cookie-panel[hidden], .css-drawer[hidden], .css-sheet[hidden], .css-menu-panel[hidden], .css-step-menu[hidden], .css-nav[hidden] { display:none !important; }
.css-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media (prefers-reduced-motion: reduce) {
  .css-body * { animation:none !important; transition:none !important; }
}
.css-cookie { bottom:0; left:0; right:0; max-width:none; background:var(--accent); color:var(--bg); } .css-cookie a, .css-cookie button { color:inherit; border-color:currentColor; }

.css-util { width:100%; display:flex; gap:1.5rem; font-size:0.85rem; color:var(--muted); border-bottom:1px solid var(--rule); padding-bottom:0.5rem; }
.css-en { margin-left:auto; border:1px solid var(--rule); padding:0 0.35rem; }
.css-mainbar { width:100%; display:flex; justify-content:space-between; align-items:center; }
.css-hero-year { padding:3rem 0; }
.css-numeral { font-size:clamp(4rem,15vw,9rem); margin:0; line-height:0.9; color:var(--accent); font-family:"Barlow Condensed", sans-serif; }
.css-window { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin:2rem 0; }
.css-window article { background:var(--panel); padding:1.25rem; border:1px solid var(--rule); }
.css-wash { background:linear-gradient(180deg, transparent, var(--panel), transparent); padding:2rem 0; }
.css-small { font-size:0.9rem; color:var(--muted); }
.css-appbar { display:flex; gap:1rem; flex-wrap:wrap; }
@media (max-width:700px) { .css-window { grid-template-columns:1fr; } }
a[href^="#"] { scroll-behavior:smooth; }
.css-toc a { transition:opacity 0.3s; }
.css-toc a:hover { opacity:0.6; }