/* profbuh.com.ua: page-level additions. Keep tiny: everything reusable lives in components.css. */

/* /kontakty/: contact channel value (email, bot handle) inside a .tile */
.contact-value {
  font-family: var(--font-display);
  font-size: var(--t-h3);
  line-height: var(--lh-h3);
  font-weight: 600;
  letter-spacing: var(--tr-h3);
  overflow-wrap: anywhere;
}

.contact-value a {
  color: var(--c-ink);
  text-decoration-color: var(--c-accent);
}

.contact-value a:hover {
  color: var(--c-accent-strong);
}

/* 404 page: large decorative code above H1 */
.notfound__code {
  font-family: var(--font-display);
  font-size: clamp(72px, 16vw, 160px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--c-line);
}

/* Hero illustration on service pages: keep aspect, do not stretch */
.hero__media img[width][height] {
  aspect-ratio: auto;
  object-fit: contain;
}

/* Print: drop chrome */
@media print {
  .utilbar,
  .header,
  .nav-toggle,
  .footer,
  .cta-band,
  .doc-layout__aside {
    display: none !important;
  }

  body {
    background: #fff;
  }

  .section {
    padding-block: 16px;
  }
}