/* Original Scarletek identity layered onto the first local concept. */
:root { --red:#c0392b; --red-soft:#e97568; }
@keyframes orbit { from {transform:rotate(0deg)} to {transform:rotate(360deg)} }
@keyframes orbitReverse { from {transform:rotate(0deg)} to {transform:rotate(-360deg)} }
@keyframes pulse { 0%,100% {opacity:1} 50% {opacity:.35} }
.preview-strip { justify-content:space-between; padding:0 40px; }
.preview-context,.preview-tools { display:flex; align-items:center; gap:10px; }
.preview-tools { gap:20px; }
.preview-strip .preview-tools a { position:static; }
#logo-motion { display:flex; align-items:center; gap:6px; background:none; border:0; padding:3px 0; color:#b6a4a0; font:9px var(--mono); cursor:pointer; }
#logo-motion:hover { color:#fff; }
html[data-logo-motion="off"] .brand svg * { animation:none!important; }
html[data-logo-motion="on"] .brand svg g:nth-of-type(1) { animation:orbit 8s linear infinite!important; }
html[data-logo-motion="on"] .brand svg g:nth-of-type(2) { animation:orbitReverse 12s linear infinite!important; }
html[data-logo-motion="on"] .brand svg>circle[style] { animation:pulse 3s ease-in-out infinite!important; }
.site-header { background:rgba(10,10,10,.96); }
.brand { gap:12px; }
.brand svg { width:44px; height:44px; overflow:visible; }
.brand .brand-wordmark { display:flex; flex-direction:column; gap:3px; color:#e45a4d; }
.brand-wordmark strong { font:700 24px/1 var(--head); letter-spacing:3.6px; }
.brand-wordmark small { font:8px/1.2 var(--mono); letter-spacing:2.3px; color:#97979d; }
.hero { background:radial-gradient(ellipse at 80% 45%,rgba(192,57,43,.14),transparent 62%),radial-gradient(ellipse at 6% 8%,rgba(192,57,43,.045),transparent 45%),#0a0b0d; overflow:hidden; }
.hero-layout,.hero-bottom { z-index:1; }
.hero-product { box-shadow:0 26px 75px #0009,0 0 70px #c0392b08; }
.product-topline { background:#0c0d0f; }
.product-topline i { box-shadow:0 0 8px #c0392b66; animation:pulse 3s ease-in-out infinite; }
.hero-route-index { display:grid; grid-template-columns:1fr 1.2fr 1.4fr 1.5fr; align-items:center; gap:0; padding:0; }
.hero-route-index .route-label { font-size:9px; letter-spacing:1.1px; }
.hero-route-index>a { display:flex; align-items:center; gap:12px; padding:22px 18px; font-size:11px; letter-spacing:0; border-left:1px solid var(--line); }
.hero-route-index>a:hover { background:#c0392b0b; color:#fff; }
.hero-route-index>a>span { margin-left:0; }
.hero-route-index>a>.route-number { font:10px var(--mono); color:var(--red-soft); }
.hero-route-index>a>span:last-child { margin-left:auto; }
.site-footer .brand svg { width:35px; height:35px; }
.site-footer .brand-wordmark strong { font-size:21px; }
.site-footer .brand-wordmark small { font-size:7px; }
@media(max-width:1100px) {
  .brand-wordmark strong { font-size:22px; letter-spacing:3px; }
  .brand-wordmark small { font-size:7px; letter-spacing:2.1px; }
  .hero-route-index { grid-template-columns:1fr 1fr 1fr; }
  .hero-route-index>.route-label { display:none; }
  .hero-route-index>a:first-of-type { border-left:0; padding-left:0; }
}
@media(max-width:850px) {
  .hero-route-index>a { padding:20px 14px; font-size:10px; gap:10px; }
}
@media(max-width:560px) {
  .preview-strip { padding:0 16px; }
  .preview-date { display:none; }
  .preview-context { gap:6px; }
  .preview-tools { gap:12px; }
  #logo-motion { font-size:8px; }
  .brand svg { width:38px; height:38px; }
  .brand-wordmark strong { font-size:21px; letter-spacing:2.6px; }
  .brand-wordmark small { letter-spacing:1.7px; }
  .hero-route-index { grid-template-columns:1fr; }
  .hero-route-index>a,.hero-route-index>a:first-of-type { border-left:0; border-bottom:1px solid var(--line); padding:15px 0; font-size:11px; }
  .hero-route-index>a:last-child { border-bottom:0; }
}
@media(prefers-reduced-motion:reduce) {
  .product-topline i { animation:none!important; }
}