/* Nero Deck — Site v2 polish layer. Loads after site-c.css. */

/* ---------- default link colors (for user-added links) ---------- */
.siteC p a, .siteC .desc a, .siteC .lede a, .siteC .fine a, .siteC .note a {
  color: var(--amber); text-decoration: none; border-bottom: 1px solid var(--amber-dim);
}
.siteC p a:hover, .siteC .desc a:hover, .siteC .lede a:hover { color: var(--cream); border-bottom-color: var(--cream); }
.paper-sec p a { color: var(--amber-dim); }
.paper-sec p a:hover { color: var(--paper-ink); border-bottom-color: var(--paper-ink); }

/* ---------- logo treatments (data-logo on #site) ---------- */
.siteC .mark--logo img { display: block; height: 44px; width: auto; }
.siteC footer .mark--logo img { height: 56px; }

/* wordmark mode: hide image, show serif */
.siteC[data-logo="wordmark"] .mark--logo { display: none; }
.siteC:not([data-logo="wordmark"]) .mark--word { display: none; }

/* sticker mode: small, tilted, like a case sticker */
.siteC[data-logo="sticker"] .mark--logo img { height: 38px; transform: rotate(-4deg); transition: transform 0.25s ease; }
.siteC[data-logo="sticker"] .mark--logo:hover img { transform: rotate(2deg) scale(1.06); }
.siteC[data-logo="sticker"] footer .mark--logo img { height: 48px; }

/* mono mode: flatten to cream so it stops fighting the accent */
.siteC[data-logo="mono"] .mark--logo img {
  filter: grayscale(1) brightness(1.6) contrast(0.92) sepia(0.35) saturate(0.6);
  opacity: 0.92;
}

/* ---------- coming soon ---------- */
.siteC .soon-big { display: block; font-size: clamp(44px, 5vw, 72px); font-style: italic; color: var(--cream); line-height: 1; }
.siteC .soon-big em { color: var(--amber); font-style: italic; }
.siteC .soon-sub { display: block; margin-top: 12px; letter-spacing: 0.14em; }

/* ---------- hero entrance ---------- */
@media (prefers-reduced-motion: no-preference) {
  .siteC .hero .nero-word,
  .siteC .hero .pitchline h1,
  .siteC .hero .pitchline p,
  .siteC .hero .cta,
  .siteC .hero .vlabel { opacity: 0; transform: translateY(18px); animation: heroIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
  .siteC .hero .big787 { opacity: 0; transform: translateY(0.08em); animation: heroIn 1.3s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards; }
  .siteC .hero .nero-word { animation-delay: 0.05s; }
  .siteC .hero .pitchline h1 { animation-delay: 0.28s; }
  .siteC .hero .pitchline p { animation-delay: 0.4s; }
  .siteC .hero .cta { animation-delay: 0.52s; }
  .siteC .hero .vlabel { animation-delay: 0.65s; }
  .siteC .hero .strip span { opacity: 0; animation: heroIn 0.7s ease forwards; }
  .siteC .hero .strip span:nth-child(1) { animation-delay: 0.6s; }
  .siteC .hero .strip span:nth-child(2) { animation-delay: 0.7s; }
  .siteC .hero .strip span:nth-child(3) { animation-delay: 0.8s; }
  .siteC .hero .strip span:nth-child(4) { animation-delay: 0.9s; }
  @keyframes heroIn { to { opacity: 1; transform: none; } }
}

/* ---------- rec dot ---------- */
.siteC .recdot {
  display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--amber); margin-right: 10px; vertical-align: 1px;
}
@media (prefers-reduced-motion: no-preference) {
  .siteC .recdot { animation: recPulse 1.6s ease-in-out infinite; }
  @keyframes recPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
}

/* ---------- feature rows: richer hover ---------- */
.siteC .row .no { transition: color 0.25s ease, -webkit-text-stroke-color 0.25s ease; }
.siteC .row:hover .no,
.siteC .row:nth-child(even):hover .no { color: var(--amber); -webkit-text-stroke-color: transparent; }
.siteC .row h3 { transition: color 0.2s ease; }
.siteC .row:hover h3 { color: var(--amber); }
.siteC .row .specs .s { transition: border-color 0.2s ease; }
.siteC .row:hover .specs .s { border-color: rgba(217, 160, 63, 0.35); }

/* ---------- hardware rows hover ---------- */
.siteC .hw .hrow { transition: background 0.18s ease; }
.siteC .hw .hrow:hover { background: var(--ink2); }
.siteC .hw .hrow .cost { transition: color 0.2s ease; }
.siteC .hw .hrow:hover .cost { color: var(--cream); }

/* ---------- pre-configured list hover ---------- */
.siteC .pre .p { transition: border-color 0.2s ease; }
.siteC .pre .p:hover { border-bottom-color: var(--amber-dim); }
.siteC .pre .p .state { transition: color 0.2s ease; }
.siteC .pre .p:hover .state { color: var(--cream); }

/* ---------- stream section details ---------- */
.siteC .stream .url { transition: border-color 0.2s ease; }
.siteC .stream .url:hover { border-color: var(--amber-dim); }
.siteC .stream .feats .f::before { transition: transform 0.2s ease; }
.siteC .stream .feats .f:hover::before { transform: translateX(5px); }

/* ---------- topbar: hairline underline on hover ---------- */
.siteC .topbar nav a { position: relative; padding-bottom: 3px; }
.siteC .topbar nav a::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 0;
  height: 1px; background: currentColor; transition: right 0.22s ease;
}
.siteC .topbar nav a:hover::after { right: 0; }

/* ---------- parallax hooks (JS sets --py) ---------- */
@media (prefers-reduced-motion: no-preference) {
  .siteC .ghostno, .siteC .price .bignum { transform: translateY(calc(var(--py, 0) * 1px)); will-change: transform; }
}

/* ---------- buttons: press feedback ---------- */
.siteC .n-btn { white-space: nowrap; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.12s ease; }
.siteC .n-btn:active { transform: translateY(1px); }

/* ---------- reveal stagger (JS sets --rvd) ---------- */
@media (prefers-reduced-motion: no-preference) {
  .rv-armed .rv { transition-delay: var(--rvd, 0s); }
}

/* ---------- footer: contact + product-of ---------- */
.siteC .foot-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 9px; text-align: right; }
.siteC .foot-link { color: var(--cream-dim); text-decoration: none; border-bottom: 1px solid transparent; transition: color 0.15s ease, border-color 0.15s ease; }
.siteC .foot-link:hover { color: var(--amber); border-bottom-color: var(--amber-dim); }
.siteC .foot-prod i {
  font-family: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  font-style: italic; text-transform: none; letter-spacing: 0.01em;
  font-size: 15px; color: var(--amber);
}
@media (max-width: 760px) {
  .siteC .foot-meta { align-items: center; text-align: center; }
}

/* ---------- page scrollbar (themed to the ink/amber palette) ---------- */
html { scrollbar-width: thin; scrollbar-color: rgba(217, 160, 63, 0.4) #14100A; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: #14100A; }
::-webkit-scrollbar-thumb {
  background: rgba(217, 160, 63, 0.35);
  border: 3px solid #14100A;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(217, 160, 63, 0.62); }
::-webkit-scrollbar-corner { background: #14100A; }