/* ==========================================================================
   RESPONSIVE — large-screen refinements
   Most fluid sizing lives in style.css via clamp(); this file tunes the
   remaining fixed breakpoints (1920 / 1440 / 1280) and print output.
   ========================================================================== */

@media (min-width: 1920px) {
  :root { --content-max: 1440px; }
}

@media (max-width: 1280px) {
  .wrap { padding-inline: clamp(20px, 3.5vw, 40px); }
}

@media (min-width: 1025px) and (max-width: 1180px) {
  .hero-meta { gap: 20px; }
  .cap-row { grid-template-columns: repeat(5, 1fr); }
}

/* Very small phones */
@media (max-width: 360px) {
  .hero h1 { font-size: 2.4rem; }
  .btn { padding: 13px 22px; font-size: 0.88rem; }
}

@media print {
  .site-header, .mobile-menu, .back-to-top, .cursor-dot, .announce { display: none !important; }
  .hero { min-height: auto; }
  body { color: #000; }
}