:root { --muted: #505e55; }
body { font-size: 16px; }
nav, .header-cta, #language, .text-link, .button { font-size: 14px; font-weight: 700; }
.brand span { font-size: 10px; letter-spacing: 2px; }
.hero h1, h2 { font-weight: 600; }
.hero h1 em { font-weight: 500; }
.hero p, .intro p, .section-head p, .approach p, .request > div > p, .faq p { font-size: 16px; line-height: 1.65; }
.eyebrow, .approach .eyebrow, .hero-bottom, .hero-bottom > span { font-size: 12px; letter-spacing: 1px; }
.dark { color: #665d48; }
.filters button, .availability, .form-hint, .request-note, .request-note span,
.contact-option small, .contact-option > span, .inspiration > p, .photo-credit,
footer > span, footer > a:last-child { font-size: 14px; }
.filters button { color: var(--muted); }
sup, footer .brand span { font-size: 10px; }
.card strong, .ideas button { font-weight: 600; }
.card-top, .card small { font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.card-top { background: #142723e6; padding: 5px 9px; }
.card .desc { font-size: 16px; line-height: 1.5; color: #fff; }
.card::after { background: linear-gradient(0deg, #071913f5, #071913b0 29%, transparent 76%); }
.card[data-service="Частная авиация"]::after { background: linear-gradient(0deg, #11241ffb, #11241fba 30%, transparent 65%); }
.ideas button > span { font-size: 12px; color: #665d48; }
.faq summary, .steps h3, form label { font-size: 16px; font-weight: 700; }
form input, form select, form textarea, #form-result, #request-text { font-size: 16px; }
.contact-option strong { font-weight: 700; }
@media (max-width: 900px) {
  .hero-content { top: 7%; }
  .hero h1 { font-size: clamp(34px, 6.6vw, 52px); }
}
@media (max-width: 600px) {
  .hero { display: flex; flex-direction: column; min-height: max(280px, 66.67vw); aspect-ratio: auto; }
  .hero-photo { object-fit: contain; }
  .hero-content { position: relative; top: auto; left: auto; right: auto; padding: 18px 6% 8px; }
  .hero h1 { font-size: clamp(31px, 8vw, 48px); margin: 10px 0 12px; }
  .hero .eyebrow, .hero-bottom > span { font-size: 11px; }
  .hero .button { font-size: 14px; gap: 16px; }
  .hero-bottom { position: relative; inset: auto; margin: auto 6% 10px; }
  .hero-bottom a { max-width: none; }
  .filters { gap: 16px; }
}

.contact-option[href^="mailto:"] strong {
  font-size: clamp(15px, 5vw, 21px);
  white-space: nowrap;
}
@media (max-width: 760px) {
  .contacts { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
