/* Custom overrides for Creative Tech Solutions website */

.hero-section h1{
  max-width:12ch;
}

.section-dark .project-card{
  position:relative;
}

.project-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(37,99,235,.08), transparent 65%);
  pointer-events:none;
}

.card a[href^="mailto:"],
.footer-links a[href^="mailto:"]{
  color:var(--brand);
}

.card a[href^="mailto:"]:hover,
.footer-links a[href^="mailto:"]:hover{
  text-decoration:underline;
}

.map-wrap iframe{
  display:block;
}

.btn:focus,
.nav a:focus,
a:focus{
  outline:2px solid rgba(37,99,235,.35);
  outline-offset:2px;
}

.brand-mark{
  letter-spacing:-.03em;
}

.section-head{
  text-wrap:balance;
}

.section-head p,
.card p,
.timeline-item p,
.project-text{
  max-width:70ch;
}

html, body{
  overflow-x:hidden;
}