/* 
  Responsive Adjustments
  Blackwood & Montgomery Impact Capital
*/

:root {
  --h1: clamp(3rem, 6vw, 5.5rem);
  --h2: clamp(2rem, 5vw, 3.8rem);
  --h3: clamp(1.6rem, 4vw, 2.5rem);
  --body: clamp(1.05rem, 1.3vw, 1.2rem);
}

h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
body { font-size: var(--body); }

/* Editorial Hero Adjustment */
@media screen and (max-width: 1440px) {
  header.brand-area { padding: 1.5rem 3rem; }
  .hero-content { padding: 8rem 3rem 4rem 3rem; }
  .container { padding: 0 3rem; }
  footer { padding: 6rem 3rem 3rem 3rem; }
}

/* Tablet / Laptop 1024px */
@media screen and (max-width: 1024px) {
  .hero-split { height: auto; flex-direction: column-reverse; }
  .hero-content { padding: 6rem 3rem; }
  .hero-image { height: 500px; }
  
  .masonry-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem; }
}

/* Tablet 768px */
@media screen and (max-width: 768px) {
  header.brand-area { padding: 1.5rem; justify-content: center; background: #fff; position: relative; }
  .header-cta { display: none; }
  
  nav {
    width: 90%;
    bottom: 1rem;
    padding: 0.6rem 1rem;
    gap: 1rem;
    justify-content: space-between;
  }
  
  .logo { display: none; }
  .nav-links { gap: 0.75rem; width: 100%; justify-content: center; }
  .nav-links a { font-size: 0.75rem; letter-spacing: 0.5px; }

  section { padding: 6rem 0; }
  .container { padding: 0 1.5rem; }
  
  .masonry-grid { grid-template-columns: 1fr; }
  
  .footer-grid { grid-template-columns: 1fr; gap: 4rem; }
  .footer-bottom { flex-direction: column; gap: 2rem; text-align: center; }
}

/* Mobile 480px */
@media screen and (max-width: 480px) {
  section { padding: 4rem 0; }
  .hero-image { height: 350px; }
  .btn { width: 100%; text-align: center; padding: 1rem 1.5rem; }
  
  .cookie-banner {
    top: auto;
    bottom: 5rem;
    right: 1rem;
    left: 1rem;
    width: auto;
    padding: 1.5rem;
  }
}