/* fauxgram grid */

.fauxgram-grid {
  width:100%; 
  background-color:var(--cms-purple-dark); 
  color:var(--cms-pink);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.fauxgram-grid-cell {
  width: 100%;
  aspect-ratio: 4 / 5;
  background-size:cover;
}

.fauxgram-grid-double {
  grid-column: span 2; /* full width on mobile */
}

.fauxgram-grid-double a { display:block; aspect-ratio: 2 / 1; text-decoration:none; }
.fauxgram-grid-double a:hover { text-decoration:none; }

@media (min-width: 992px) {
  .fauxgram-grid {
    grid-template-columns: repeat(5, 1fr);
  }

   .fauxgram-grid-double {
    grid-column: span 2; /* 2 of 5 cols = 40% */
  }

}



.fauxgram-handle-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 32px;
  gap: 24px;
  aspect-ratio: 8 / 5; /* wide landscape ratio matching the double cell */
}

.fauxgram-handle-box-art {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fauxgram-handle-box-art img {
  width: 190px;
  height: auto;
}

.fauxgram-handle-box-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fauxgram-icon {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 6px;
}

.fauxgram-follow {
  font-family: 'ballinger-condensed',sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 2px;
  white-space: nowrap;
  text-transform:uppercase;
}

.fauxgram-name {
  font-size: 0.75rem;
  line-height:1;
  font-weight: 500;
}






/* footer */






:root {
  --footer-button-text: white;
  --footer-button-bg: var(--cms-purple);
  --footer-button-text-hover: white;
  --footer-button-bg-hover: var(--cms-purple-dark);
}

.footer-main { background-color:white; color:var(--cms-purple); padding:2rem 0; }

.footer-logo { width:100%; max-width:200px; margin:0.5rem auto; }

.footer-address { font-size:0.9rem; margin:0 0 1rem 0; }
.footer-address a { color:inherit; }
.footer-address a:hover { color:inherit; }

.footer-headline { font-family: 'ballinger-condensed', sans-serif; font-weight:800; text-transform:uppercase; font-size:1.3rem; margin-top:1rem; margin-bottom:0.5rem; }
.footer-subscribe { margin-bottom:1rem; }

.footer-social { display:block; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:var(--footer-button-text); background-color:var(--footer-button-bg); border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:var(--footer-button-text-hover); background-color:var(--footer-button-bg-hover); }

.footer-break { background-color:var(--footer-bg-legal);  }
.footer-break-line { border-top:1px solid var(--cms-purple); opacity:0.5; }

.footer-legal { background-color:var(--cms-purple-dark); color:white; padding:2rem 0; }
.footer-legal p { color:inherit; margin:0; font-size:0.85rem; }
.footer-legal a { color:inherit; }
.footer-legal a:hover { color:inherit; }

.footer-legal-links { margin-top:1rem; font-size:0.85rem; }
.footer-legal-links a { display:inline-block; padding:0 0.5rem; }

@media screen and (min-width: 992px) {
  .footer-main { padding:2rem 0; }
  
  .footer-logo { margin:0.5rem 0; }
  .footer-address { margin:0; }

  .footer-social a { margin:0 0 0 1rem; }

  .footer-legal { padding:1rem 0 1rem 0; }
  .footer-legal-links { margin:0; }
  .footer-legal-links a { padding:0 0 0 1rem; }

}