/* Brisky Frames brand refinements */
:root {
  --brisky-accent: #b7f36b;
  --brisky-ink: #111311;
}
html { scroll-behavior: smooth; }
.main-logo a {
  display: inline-block;
  max-width: 260px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -1px;
  text-decoration: none;
  line-height: 1.1;
}
.main-logo .brand-accent { color: var(--brisky-accent); font-weight: 400; }
.banner-title { max-width: 1100px; }
.btn-accent, .btn-accent:hover, .btn-accent:focus {
  background-color: var(--brisky-accent);
  border-color: var(--brisky-accent);
  color: #111;
}
#portfolio .image-link img { width: 100%; height: 300px; object-fit: cover; }
#contact .project-contact-note { padding-top: 8px; }
#contact .project-contact-note p { color: rgba(255,255,255,.8); }
#contact .project-contact-note .small { font-size: 12px; opacity: .75; }
#process .services-item { height: 100%; padding: 22px; background: rgba(255,255,255,.65); }
#project-cta { background: #f2f3ee; }
#project-cta .section-title { margin-bottom: 14px; }
#footer .gallery-image { object-fit: cover; }
@media (max-width: 767px) {
  .main-logo a { font-size: 20px; }
  .banner-title { font-size: clamp(42px, 10vw, 72px); line-height: 1.02; }
  #portfolio .image-link img { height: 190px; }
}

.brisky-call-button {
  margin-left: 10px;
  border: 1px solid rgba(255,255,255,.55);
  color: #fff;
}
.brisky-call-button:hover, .brisky-call-button:focus {
  background: #fff;
  color: #111;
}
@media (max-width: 767px) {
  .brisky-call-button { margin: 10px 0 0; }
}