/* Final editorial scale and spacing. Loaded after the established site styles. */
.header nav {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.header .nav-cta { position: relative; top: 3px; }

/* A restrained display scale keeps headlines distinct from supporting copy. */
.home .kinetic-layout { min-height: 530px; }
.home .kinetic-copy h1 { font-size: clamp(48px, 5.5vw, 92px); line-height: .98; }
.home .kinetic-copy p { max-width: 410px; font-size: 16px; line-height: 1.6; margin: 24px 0; }
.case .case-title-row h1 { font-size: clamp(42px, 4.6vw, 75px); line-height: 1.05; }
.case .case-title-row > p { max-width: 380px; font-size: 16px; line-height: 1.6; }
.case .case-copy h2 { font-size: clamp(30px, 3.1vw, 48px); }
.page-intro h1 { font-size: clamp(48px, 5.8vw, 88px); }
.page-intro p { font-size: 17px; line-height: 1.6; }
.about-intro h1 { font-size: clamp(40px, 4.5vw, 72px); }
.about-intro p { font-size: 17px; }
.logofolio-intro h1 { font-size: clamp(46px, 5.5vw, 76px); }
.logofolio-intro p { font-size: 17px; }
.method-section .embedded-title { font-size: clamp(40px, 4.8vw, 72px); }
.home .work-heading h2 { font-size: clamp(46px, 5.2vw, 82px); }
.home .logofolio-heading h2 { font-size: clamp(40px, 5vw, 72px); }
.home .before-crypto h2 { max-width: 570px; font-size: clamp(29px, 2.7vw, 42px); line-height: 1.18; }
.home .before-subtitle { font-size: 16px; }
.home .before-story p { font-size: 16px; line-height: 1.7; }
.home .before-crypto { padding-top: 86px; padding-bottom: 90px; }
.home .contact-intro .embedded-title,
.contact-intro h1 { font-size: clamp(52px, 6.5vw, 100px); line-height: 1.02; }
.footer-title { font-size: clamp(44px, 6vw, 92px); }

.home .work-heading { margin-bottom: 40px; }
.home .project-grid { row-gap: 65px; }
.home .project-meta,
.home .project-mestre-kronos .project-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  margin-top: 18px;
}
.home .project-service,
.home .project-mestre-kronos .project-service { margin: 0; font-size: 12px; color: var(--muted); }
.home .project h3 { margin-top: 13px; }
.home .project-mestre-kronos .project-meta { align-self: end; }

/* Let the services carry the orange emphasis after removing the large slogan. */
.home .capabilities {
  padding-top: 72px;
  padding-bottom: 82px;
  background: var(--orange);
  color: #111;
}
.home .capabilities > .eyebrow { color: #16110f; border-color: #1118; }
.home .capabilities-grid { gap: 42px; }
.home .capabilities-grid article { border-top: 1px solid #1118; padding-top: 20px; }
.home .capabilities-grid article > .eyebrow { color: #351910; }
.home .capabilities h2 { font-size: clamp(28px, 2.5vw, 36px); }
.home .capabilities p { color: #2d1b17; font-size: 16px; }
.home .capabilities a { color: #111; }
.home .capabilities a:hover { color: #fff; }

.about-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 9%;
  align-items: start;
  padding-top: 76px;
  padding-bottom: 88px;
  border-top: 1px solid var(--line);
}
.about-story .team-heading .eyebrow { display: block; color: var(--muted); margin-bottom: 22px; }
.about-story .team-heading h2 { margin: 0; max-width: 540px; font-size: clamp(32px, 3.3vw, 50px); line-height: 1.1; }
.about-story .team-copy { padding-top: 32px; }
.about-story .team-copy p { max-width: 520px; margin: 0 0 19px; font-size: 17px; line-height: 1.65; }
.about-story .team-question { margin-top: 8px; font-size: 17px; }

@media (max-width: 900px) {
  .home .kinetic-layout { min-height: 460px; }
  .home .kinetic-copy h1 { font-size: clamp(45px, 6.3vw, 65px); }
  .case .case-title-row h1 { font-size: clamp(40px, 6vw, 65px); }
}
@media (max-width: 760px) {
  .header nav { width: 100%; gap: 8px 14px; justify-content: space-between; flex-wrap: wrap; }
  .header .nav-cta { top: 2px; }
  .home .kinetic-layout { min-height: 0; }
  .home .kinetic-copy h1 { font-size: clamp(38px, 8.5vw, 60px); }
  .home .kinetic-copy p { max-width: 440px; font-size: 16px; }
  .case .case-title-row h1 { font-size: clamp(34px, 7vw, 50px); }
  .case .case-title-row > p { font-size: 16px; }
  .page-intro h1 { font-size: clamp(40px, 9vw, 65px); }
  .about-intro h1 { font-size: clamp(38px, 8vw, 58px); }
  .logofolio-intro h1 { font-size: clamp(39px, 9vw, 65px); }
  .method-section .embedded-title { font-size: clamp(37px, 8vw, 58px); }
  .home .work-heading h2 { font-size: clamp(41px, 8vw, 62px); }
  .home .logofolio-heading h2 { font-size: clamp(39px, 8vw, 60px); }
  .home .before-crypto h2 { font-size: clamp(28px, 7vw, 36px); }
  .home .contact-intro .embedded-title,
  .contact-intro h1 { font-size: clamp(43px, 9vw, 70px); }
  .footer-title { font-size: clamp(40px, 9vw, 66px); }
  .home .capabilities { padding-top: 52px; padding-bottom: 58px; }
  .home .capabilities-grid { gap: 28px; }
  .about-story { display: block; padding-top: 54px; padding-bottom: 64px; }
  .about-story .team-heading h2 { font-size: clamp(30px, 6.5vw, 42px); }
  .about-story .team-copy { padding-top: 26px; }
}
@media (max-width: 380px) {
  .header nav { gap: 6px; }
}