.brand-image {
  display: block;
  width: 112px;
  height: auto;
}
.footer-lead .brand-image {
  width: clamp(180px, 28vw, 420px);
}

.inspiration-card img {
  filter: none !important;
}

/* The navigation keeps one stable translucent surface at every scroll position. */
.site-header,
.site-header.is-scrolled {
  height: 82px;
  background: rgba(9, 10, 9, .52);
  border-bottom-color: rgba(255, 255, 255, .18);
  backdrop-filter: blur(16px);
}

.contact-hub {
  background: #e6e6df;
}

.contact-hub-direct {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label details" "name details";
  align-items: center;
  gap: 8px 42px;
  width: min(100%, 900px);
  margin: 0 auto 48px;
  padding: 28px 30px;
  border: 1px solid var(--line);
  background: var(--paper);
}

.contact-hub-direct .section-index { grid-area: label; margin: 0; }
.contact-hub-direct h2 { grid-area: name; font-size: clamp(32px, 3.2vw, 50px); }
.contact-hub-direct>div { grid-area: details; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.contact-hub-direct a { border-bottom: 1px solid currentColor; }
.contact-option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.contact-option { display: flex; min-height: 310px; flex-direction: column; padding: 32px; background: var(--paper); transition: background .25s, color .25s; }
.contact-option>span { color: #778400; font: 600 10px var(--font-mono); letter-spacing: .14em; }
.contact-option h2 { margin: 58px 0 14px; font-size: clamp(28px, 3.2vw, 48px); line-height: .98; }
.contact-option p { max-width: 460px; color: #666860; line-height: 1.55; }
.contact-option b { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: auto; padding-top: 28px; font-size: 13px; font-weight: 500; }
.contact-option:hover { background: var(--lime); color: var(--ink); }
.contact-option:hover p { color: rgba(9, 10, 9, .68); }
.structured-form-layout { display: grid; grid-template-columns: minmax(230px, .65fr) minmax(0, 1.35fr); gap: 7vw; align-items: start; }
.structured-form-aside { position: sticky; top: 110px; }
.structured-form-aside h2 { margin-bottom: 18px; }
.structured-form-aside>p:not(.section-index) { color: #666860; line-height: 1.65; }
.structured-form-aside .text-link { margin-top: 28px; }
.structured-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
.structured-field-grid .field-full { grid-column: 1 / -1; }

/* A tighter home-page rhythm keeps consecutive sections visually connected. */
.home-page .section-pad {
  padding-top: clamp(58px, 6.5vw, 108px);
  padding-bottom: clamp(58px, 6.5vw, 108px);
}

@media (max-width: 560px) {
  .site-header,
  .site-header.is-scrolled { height: 68px; }

  .contact-hub-direct { grid-template-columns: 1fr; grid-template-areas: "label" "name" "details"; align-items: flex-start; gap: 10px; padding: 24px 22px; }
  .contact-hub-direct>div { align-items: flex-start; }
  .contact-option-grid { grid-template-columns: 1fr; }
  .contact-option { min-height: 260px; padding: 26px 22px; }
  .structured-field-grid { grid-template-columns: 1fr; }
  .structured-field-grid .field-full { grid-column: auto; }
  .home-page .section-pad {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .brand-image {
    width: 96px;
  }

  .footer-lead .brand-image {
    width: min(72vw, 300px);
  }
}

@media (max-width: 900px) {
  .structured-form-layout { grid-template-columns: 1fr; }
  .structured-form-aside { position: static; }
}