/* ================================================================== *
 * Landing page — Folio-style warm-paper theme.
 * The markup carries its own inline styles for fidelity; this file
 * covers the wordmark, the page shell, and responsive overrides.
 * ================================================================== */

.landing-folio {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100vh;
  background: #fcfcfb;
  color: #211d18;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Instrument Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  overflow-x: hidden;
}

.landing-folio ::selection {
  background: #ffe873;
  color: #211d18;
}
.landing-folio a { color: inherit; text-decoration: none; }

/* ---- skeleton placeholders (product-window preview) --------------
   Geometry (width/height/border-radius) is set inline per-instance;
   this supplies the base fill + shimmer sweep only. */
.landing-folio .sk {
  position: relative;
  display: block;
  overflow: hidden;
  background: #ecebe7;
}
.landing-folio .sk::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent);
  transform: translateX(-100%);
  animation: sk-shimmer 1.8s ease-in-out infinite;
}
@keyframes sk-shimmer {
  100% { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .landing-folio .sk::after { animation: none; }
}

/* ---- brand wordmark: "Yeet" (yellow) + "PDF" (near-black) -------- */
.brand-wm {
  font-family: 'Newsreader', serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
}
.wm { display: inline; white-space: nowrap; }
.wm-yeet { color: #ffd400; }
.wm-pdf { color: #1d1914; }

/* ---- responsive ------------------------------------------------- */
@media (max-width: 860px) {
  .landing-folio .f-grid3 { grid-template-columns: 1fr 1fr !important; }
  .landing-folio .f-h1 { font-size: 56px !important; }
}

@media (max-width: 680px) {
  .landing-folio .f-navlinks { display: none !important; }
  .landing-folio .f-nav { gap: 14px !important; padding: 0 18px !important; }
  .landing-folio .f-hero { padding: 60px 20px 40px !important; }
  .landing-folio .f-h1 { font-size: 42px !important; }
  .landing-folio .f-window-wrap { padding: 0 16px 64px !important; }
  .landing-folio .f-section { padding-left: 20px !important; padding-right: 20px !important; }
  .landing-folio .f-grid3 { grid-template-columns: 1fr !important; }
  .landing-folio .f-inspector { display: none !important; }
  .landing-folio .f-rail { flex: 0 0 116px !important; width: 116px !important; }
  .landing-folio .f-miniedit { height: 380px !important; }
  .landing-folio .f-priv { padding: 76px 20px !important; }
  .landing-folio .f-h2-priv { font-size: 34px !important; }
  .landing-folio .f-cta { padding: 48px 22px !important; }
  .landing-folio .f-h2-cta { font-size: 32px !important; }
}
