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

.sfc-linkrow { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; font-size:0.95rem; }
.sfc-hero-portrait { display:grid; grid-template-columns:1fr; gap:1rem; min-height:50vh; align-items:end; background:var(--panel); padding:2rem; margin:0 calc(-1 * clamp(1rem,4vw,3rem)) 2rem; }
.sfc-brand-hero { font-size:clamp(2rem,6vw,3.5rem); font-style:italic; margin:0; }
.sfc-timeline ol { border-left:2px solid var(--accent); padding-left:1.5rem; }
.sfc-scrollx { display:flex; gap:1rem; overflow-x:auto; padding:1rem 0; scroll-snap-type:x mandatory; }
.sfc-note { flex:0 0 12rem; scroll-snap-align:start; background:var(--bg); border:1px dashed var(--rule); padding:1rem; }
.sfc-dl dt { font-weight:700; font-style:italic; margin-top:1rem; }
.sfc-tear { position:relative; padding-top:2rem; }
.sfc-tear::before { content:""; display:block; height:12px; margin:0 calc(-1 * clamp(1rem,4vw,3rem)) 1.5rem;
  background:linear-gradient(135deg, var(--panel) 25%, transparent 25%) -8px 0/16px 12px,
  linear-gradient(225deg, var(--panel) 25%, transparent 25%) -8px 0/16px 12px; }
.sfc-maptext { background:var(--panel); padding:1.5rem; }
.sfc-colo { max-width:50rem; }
@media (max-width:800px) { .sfc-center, .sfc-cta-btn { display:none; } }
.sfc-step-menu { background:var(--panel); padding:1rem; display:flex; flex-direction:column; gap:0.5rem; }

.sfc-body { background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px); background-size:24px 24px; background-color:var(--bg); }