/* ================================================
   OPENENVELOPE — RESPONSIVE BREAKPOINTS
   ================================================ */

/* 1440+ */
@media (min-width: 1440px) {
  :root { --max-w: 1340px; }
}

/* 1280 */
@media (max-width: 1280px) {
  .footer-top { grid-template-columns: 1.4fr repeat(3,1fr); }
  .why-grid   { grid-template-columns: repeat(2,1fr); }
}

/* 1100 */
@media (max-width: 1100px) {
  .hero-layout { grid-template-columns: 1fr 0.85fr; gap: var(--sp-12); }
  .services-grid { grid-template-columns: repeat(2,1fr); }
  .tech-grid { grid-template-columns: repeat(2,1fr); }
  .security-grid { grid-template-columns: repeat(2,1fr); }
  .industries-grid { grid-template-columns: repeat(3,1fr); }
  .footer-top { grid-template-columns: 1fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

/* 1024 */
@media (max-width: 1024px) {
  :root { --section-y: 90px; }
  .hero-layout { grid-template-columns: 1fr; text-align: center; gap: var(--sp-12); }
  .hero-copy { max-width: 100%; display: flex; flex-direction: column; align-items: center; }
  .hero-actions { justify-content: center; align-items: center; }
  .hero-visual { justify-content: center; }
  .split { grid-template-columns: 1fr; gap: var(--sp-10); }
  .split.flip { direction: ltr; }
  .contact-layout { grid-template-columns: 1fr; gap: var(--sp-10); }
  .cs-grid { grid-template-columns: 1fr; }
  .insights-grid { grid-template-columns: repeat(2,1fr); }
  .page-hero { padding-top: calc(var(--header-h) + var(--sp-8)) !important; }
  
  /* Nav Breakpoint Shift to 1024px */
  .nav-links  { display: none; }
  .nav-cta    { display: none; }
  .menu-btn   { display: flex; }
  .mobile-nav { display: flex; }
  .site-header {
    background: rgba(5,7,19,0.97);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
  }
}

/* 768 */
@media (max-width: 768px) {
  :root {
    --section-y: 72px;
    --header-h:  68px;
  }
  /* Nav properties already handled at 1024px */
  /* Grids */
  .services-grid   { grid-template-columns: 1fr; }
  .why-grid        { grid-template-columns: repeat(2,1fr); }
  .industries-grid { grid-template-columns: repeat(2,1fr); }
  .tech-grid       { grid-template-columns: 1fr 1fr; }
  .security-grid   { grid-template-columns: 1fr 1fr; }
  .values-grid     { grid-template-columns: repeat(2,1fr); }
  .careers-grid    { grid-template-columns: 1fr; }
  .insights-grid   { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: var(--sp-8); }
  .footer-brand { grid-column: 1 / -1; }
  .cap-inner { flex-direction: column; align-items: flex-start; }
  .cap-items { gap: var(--sp-5); }
}

/* 640 */
@media (max-width: 640px) {
  .why-grid        { grid-template-columns: 1fr; }
  .industries-grid { grid-template-columns: 1fr 1fr; }
  .tech-grid       { grid-template-columns: 1fr; }
  .security-grid   { grid-template-columns: 1fr; }
  .values-grid     { grid-template-columns: 1fr; }
  .footer-top      { grid-template-columns: 1fr; }
  .footer-bottom   { flex-direction: column; align-items: flex-start; }
  .footer-legal    { flex-wrap: wrap; gap: var(--sp-4); }
}

/* 480 */
@media (max-width: 480px) {
  :root { --section-y: 56px; }
  .hero-actions { flex-direction: column; width: 100%; align-items: center; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .industries-grid { grid-template-columns: 1fr; }
  .cap-items { flex-direction: column; gap: var(--sp-3); }
}

/* 375 */
@media (max-width: 375px) {
  :root { --sp-6: 1.25rem; }
  .hero-h1 { font-size: 2.3rem; }
  .mobile-nav .nav-item { font-size: 1.35rem; }
}

/* 320 */
@media (max-width: 320px) {
  .hero-h1 { font-size: 2rem; }
  .heading-xl { font-size: 1.7rem; }
}

/* 2560+ */
@media (min-width: 2560px) {
  :root { --max-w: 1680px; }
  body { font-size: 18px; }
}