/* Shared layout safeguards, loaded after each page's own styles. */
header {
  width: min(1120px, calc(100% - 32px));
  max-width: calc(100% - 32px);
  padding: 0 clamp(16px, 2vw, 28px);
  gap: 24px;
}
header > * { flex-shrink: 0; }
header > nav { display: flex; gap: clamp(16px, 1.7vw, 28px); margin-left: auto; }
header > nav a { white-space: nowrap; }
header > nav a, header .lang-btn, header .lang-dropdown a, header .header-cta { font-size: 13px; }
header .lang-switcher { margin-left: auto; }
header .hamburger { display: none; }
.nav-compact header > nav, .nav-compact header .header-cta { display: none; }
.nav-compact header .hamburger { display: flex; }
.nav-compact .mobile-menu { display: flex; }
.mobile-menu {
  height: 100vh; height: 100dvh;
  overflow-y: auto;
  padding: 96px 24px 32px;
  gap: clamp(16px, 3vh, 32px);
  justify-content: flex-start;
}
.mobile-menu a { flex-shrink: 0; font-size: clamp(24px, 5vw, 40px); }
.footer-nav { display: flex; }
.footer-bottom { gap: 24px; flex-wrap: wrap; }
.footer-legal { min-width: 0; }
.hero-content { width: 100%; max-width: 1280px; min-width: 0; }
.hero-content .site-heading { font-size: clamp(38px, 6.5vw, 100px); letter-spacing: .02em; overflow-wrap: anywhere; }
.hero-title-img { max-width: 100%; }
.hero { min-height: 100vh; min-height: 100svh; padding-top: 100px; }
main, section, .container, .container-sm { min-width: 0; }
:is(.work-grid,.work-grid-full,.services-grid,.pricing-grid,.skills-grid,.about-hero-grid,.about-stats-grid,.contact-grid,.post-layout,.ws-hero-grid,.ws-case-grid,.ws-gallery-3col,.ws-gallery-2col,.mt-feature-grid,.lp-preview-grid,.footer-grid,.service-row,.exp-row) > * { min-width: 0; }
:is(.body-text,.page-heading,.post-title,.cta-title,.ws-stat-value,.contact-block-value,.privacy-section,.terms-section,.offer-section) { overflow-wrap: anywhere; }
input, textarea, select { min-width: 0; max-width: 100%; }
iframe, video { max-width: 100%; }
.btn, .btn-light, .btn-dark, .footer-btn { max-width: 100%; white-space: normal; text-align: center; }
header .btn { white-space: nowrap; }
.work-info { gap: 12px; }
.work-name, .work-type { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 1025px) {
  .post-layout { grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: clamp(32px, 4vw, 80px); }
}
@media (max-width: 1100px) {
  header > nav, header .header-cta { display: none; }
  header .hamburger { display: flex; }
  .mobile-menu { display: flex; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; }
}
@media (max-width: 768px) {
  .work-card-browser .work-info { opacity: 1; transform: translateX(-50%); flex-wrap: wrap; padding: 12px; }
  .work-grid, .work-grid-full { grid-template-columns: minmax(0, 1fr); }
  .ws-hero-grid, .ws-case-grid, .contact-grid { grid-template-columns: minmax(0, 1fr); }

}
@media (max-width: 480px) {
  header { top: 12px; gap: 16px; }
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .footer-inner { padding-inline: 20px; }
  .footer-bottom { padding-inline: 0; }
  .ws-gallery-2col, .ws-gallery-3col { grid-template-columns: minmax(0, 1fr); }
}
@media (hover: none) {
  .work-card-browser .work-info { opacity: 1; transform: translateX(-50%); }
}

@media (hover: none) {
  * { cursor: auto !important; }
  .cursor-dot, .cursor-ring, .cursor-ripple { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sr { opacity: 1; transform: none; transition: none; }
  .about-marquee-inner, .about-marquee-row { animation: none; }
}

/* One continuous scale across phone, tablet and desktop. */
.page-heading { font-size: clamp(32px, 6vw, 80px); }

/* Readable supporting text on cards, forms and in the footer. */
.label-sm, .work-type, .blog-cat, .blog-meta-author, .blog-meta-read,
.t-name, .pricing-label, .pricing-per, .about-stat-label, .exp-years,
.exp-location, .ws-stat-label, .ws-credit-label, .ws-next-label,
.author-role, .contact-block-label, .contact-social-link, .srv-tag {
  font-size: 13px;
  line-height: 1.5;
  opacity: .8;
}
.t-company { font-size: 14px; line-height: 1.5; opacity: .8; }
.footer-nav a, .footer-social a { font-size: 14px; line-height: 1.5; opacity: .8; }
.footer-copy { font-size: 13px; line-height: 1.6; opacity: .8 !important; }
.footer-btn, .to-top, .filter-btn, .pricing-cta, .srv-link { font-size: 13px; }
.field-label { font-size: 14px; line-height: 1.5; opacity: .85; }
.consent-text { font-size: 14px; line-height: 1.65; color: rgba(218,197,167,.85); }
.btn-submit { font-size: 13px; }

/* Keep the contact ticker moving on phones, as requested by the site owner. */
.cta-ticker .ticker-inner {
  display: flex;
  width: max-content;
  max-width: none;
  animation: contact-ticker-scroll 28s linear infinite;
  will-change: transform;
}
.cta-ticker .ticker-inner > * { flex-shrink: 0; }
@keyframes contact-ticker-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

/* Keep the MindType brand intact; give its category a separate row on phones. */
.work-card[href$="work-anxiety-bot.html"] .work-name { white-space: nowrap; overflow-wrap: normal; flex-shrink: 0; }
@media (max-width: 480px) {
 .work-card[href$="work-anxiety-bot.html"] .work-info { flex-direction: column; align-items: flex-start; gap: 4px; }
 .work-card[href$="work-anxiety-bot.html"] .work-type { text-align: left; max-width: 100%; }
}