.hero > .container:not(.hero-grid){position:relative;z-index:1;max-width:900px;padding:54px 0!important}.hero > .container:not(.hero-grid) h1{max-width:820px!important}.hero > .container:not(.hero-grid) .hero-lead{max-width:700px!important}.site-header .nav a[href='/projects/'],.site-header .nav a[href='/contacts/']{white-space:nowrap}

.service-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-intro article{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:26px;padding:26px;box-shadow:0 12px 42px rgba(30,20,8,.05)}.service-intro h3{font-size:clamp(19px,1.55vw,22px)!important;line-height:1.18;margin:0 0 10px;letter-spacing:-.018em}.service-intro p{margin:0;color:#625a50;font-size:15px!important;line-height:1.58!important}

.page-cta-card{border-radius:30px;padding:34px;background:linear-gradient(135deg,#15130f,#2a241b);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line)}.page-cta-card h2{font-size:clamp(24px,2.45vw,34px)!important;line-height:1.16!important;letter-spacing:-.03em!important;margin:0 0 14px}.page-cta-card p{color:var(--muted);font-size:15px!important;line-height:1.58!important;max-width:680px}.page-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.page-link-grid a{display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:22px;box-shadow:0 12px 42px rgba(30,20,8,.045);font-size:15px!important;font-weight:800;line-height:1.25}.page-link-grid a span{display:block;color:#625a50;font-size:14px!important;font-weight:500;line-height:1.45;margin-top:8px}

.project-item[hidden]{display:none!important}.contact-links a:hover,.project-card a:hover,.card a:hover{color:var(--gold2)}.lead-form button:disabled{opacity:.68;cursor:wait}.nav a[aria-current='page']{color:var(--gold2)}

.legal-footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;max-width:760px;font-size:12px}.legal-footer-links a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.legal-footer-links a:hover{color:var(--gold2)}.legal-consents{display:grid;gap:10px;margin:4px 0}.consent-line{display:grid!important;grid-template-columns:18px 1fr;gap:10px;align-items:flex-start;font-weight:500!important;font-size:12px!important;line-height:1.45;color:#625a50}.consent-line input{width:16px!important;margin:2px 0 0!important}.consent-line a{color:#9d7133;text-decoration:underline;text-underline-offset:3px}.legal-note{margin:0;color:#756b60;font-size:12px}

.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:120;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:22px;background:rgba(17,16,14,.96);color:var(--text);box-shadow:0 16px 60px rgba(0,0,0,.36);border:1px solid var(--line);backdrop-filter:blur(16px)}.cookie-banner p{margin:0;max-width:980px;color:var(--muted);font-size:13px}.cookie-banner a{color:var(--gold2);text-decoration:underline}.cookie-banner button{border:0;border-radius:999px;background:var(--gold);color:#17120a;font-weight:800;padding:12px 18px;cursor:pointer}

.legal-document{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:30px;padding:36px;box-shadow:0 12px 42px rgba(30,20,8,.05)}.legal-document h2{font-size:clamp(22px,2vw,28px)!important;line-height:1.16;margin:30px 0 12px}.legal-document h2:first-child{margin-top:0}.legal-document p,.legal-document li{color:#4f473d;font-size:15px!important;line-height:1.58!important}.legal-document ul{padding-left:22px}.legal-placeholder{padding:16px 18px;border-radius:18px;background:#f7efe1;border:1px solid #e4d2b4;color:#5b4a31;font-weight:800}

.route-grid,.proof-grid,.comparison-grid,.budget-grid,.timeline,.finish-board,.audience-grid,.levels-grid{gap:16px!important}.route-grid article,.proof-grid article,.proof-grid div,.comparison-grid article,.budget-grid article,.timeline article,.finish-board article,.audience-grid article,.levels-grid article{min-width:0}.route-grid b,.proof-grid b,.comparison-grid b,.budget-grid b,.timeline b,.finish-board b,.audience-grid h3,.levels-grid h3{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.2!important;letter-spacing:-.018em!important}.route-grid p,.proof-grid p,.comparison-grid p,.budget-grid p,.timeline p,.finish-board p,.audience-grid p,.levels-grid p{font-size:15px!important;line-height:1.58!important}

@media(max-width:980px){.hero > .container:not(.hero-grid){padding:38px 0!important;max-width:760px}.service-intro,.page-link-grid{grid-template-columns:1fr 1fr}.cookie-banner{align-items:flex-start;flex-direction:column}.footer-grid{align-items:flex-start}.page-cta-card{padding:30px}.route-grid,.proof-grid,.comparison-grid,.budget-grid,.finish-board,.audience-grid,.levels-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:640px){.hero > .container:not(.hero-grid){padding:18px 0!important}.service-intro,.page-link-grid,.route-grid,.proof-grid,.comparison-grid,.budget-grid,.timeline,.finish-board,.audience-grid,.levels-grid{grid-template-columns:1fr!important}.service-intro article,.page-link-grid a{padding:20px;border-radius:22px}.page-cta-card{padding:24px;border-radius:24px}.mobile-sticky-cta[style]{grid-template-columns:repeat(3,1fr)!important}.mobile-sticky-cta a{font-size:11px}.legal-document{padding:24px;border-radius:24px}.cookie-banner{bottom:86px;left:12px;right:12px}.legal-footer-links{flex-direction:column;gap:8px}.route-grid p,.proof-grid p,.comparison-grid p,.budget-grid p,.timeline p,.finish-board p,.audience-grid p,.levels-grid p{font-size:14px!important}}

@media(max-width:390px){.service-intro article,.page-link-grid a,.page-cta-card,.legal-document{padding:18px}}

/* Source-level typography system for inner pages: aligned with the home page scale. */
body[data-page],
.projects-page,
.contacts-page{
  font-size:15px;
  line-height:1.55;
}

.hero > .container:not(.hero-grid) h1,
body[data-page] .hero h1,
.projects-page .hero h1,
.contacts-page .hero h1{
  font-size:clamp(34px,3.1vw,48px)!important;
  line-height:1.14!important;
  letter-spacing:-.035em!important;
  max-width:820px!important;
}

.hero > .container:not(.hero-grid) .hero-lead,
body[data-page] .hero-lead,
.projects-page .hero-lead,
.contacts-page .hero-lead{
  font-size:clamp(15px,1.05vw,17px)!important;
  line-height:1.58!important;
  max-width:700px!important;
  margin-top:20px!important;
}

.hero > .container:not(.hero-grid) .hero-note,
body[data-page] .hero-note,
.projects-page .hero-note,
.contacts-page .hero-note{
  font-size:clamp(14px,.95vw,16px)!important;
  line-height:1.5!important;
  max-width:700px!important;
}

body[data-page] .section-head h2,
body[data-page] .split h2,
body[data-page] .contact-grid h2,
body[data-page] .about-card h2,
body[data-page] .page-cta-card h2,
.projects-page .section-head h2,
.projects-page .split h2,
.projects-page .page-cta-card h2,
.contacts-page .section-head h2,
.contacts-page .contact-grid h2,
.contacts-page .page-cta-card h2{
  font-size:clamp(26px,2.45vw,34px)!important;
  line-height:1.16!important;
  letter-spacing:-.03em!important;
}

body[data-page] .section-head p,
body[data-page] .rich-text p,
body[data-page] .about-card p,
body[data-page] .contact-grid p,
body[data-page] .page-cta-card p,
body[data-page] .final-cta-text,
body[data-page] .card p,
body[data-page] .price-card p,
body[data-page] .case-card p,
body[data-page] .audience-grid p,
body[data-page] .levels-grid p,
body[data-page] .budget-grid p,
body[data-page] .route-grid p,
body[data-page] .timeline p,
body[data-page] .project-card p,
body[data-page] .project-info dd,
body[data-page] .faq-list p,
body[data-page] .form-note,
body[data-page] .before-after-card p,
body[data-page] .service-visual-band p,
body[data-page] .service-stage-list span,
.projects-page .section-head p,
.projects-page .project-card p,
.projects-page .project-info dd,
.contacts-page .contact-grid p,
.contacts-page .form-note{
  font-size:15px!important;
  line-height:1.58!important;
}

body[data-page] .card h3,
body[data-page] .price-card h3,
body[data-page] .case-card h3,
body[data-page] .audience-grid h3,
body[data-page] .levels-grid h3,
body[data-page] .route-grid b,
body[data-page] .timeline b,
body[data-page] .project-card h3,
body[data-page] .comparison-grid b,
body[data-page] .budget-grid b,
body[data-page] .finish-board b,
body[data-page] .project-info h3,
body[data-page] .faq-list summary,
body[data-page] .before-after-card b,
body[data-page] .service-visual-band h3,
body[data-page] .service-stage-list b,
.projects-page .project-card h3,
.projects-page .project-info h3{
  font-size:clamp(18px,1.55vw,22px)!important;
  line-height:1.2!important;
  letter-spacing:-.018em!important;
}

body[data-page] .eyebrow,
.projects-page .eyebrow,
.contacts-page .eyebrow{
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:.14em!important;
  margin-bottom:12px!important;
}

body[data-page] .btn,
body[data-page] .header-phone,
body[data-page] .contact-links a,
body[data-page] .final-cta-actions a,
body[data-page] .mobile-sticky-cta a,
body[data-page] .project-card a,
body[data-page] .project-filters button,
body[data-page] .lead-form label,
.projects-page .btn,
.projects-page .project-card a,
.projects-page .project-filters button,
.contacts-page .btn,
.contacts-page .lead-form label{
  font-size:13px!important;
  line-height:1.25!important;
}

body[data-page] .lead-form input,
body[data-page] .lead-form select,
body[data-page] .lead-form textarea,
.contacts-page .lead-form input,
.contacts-page .lead-form select,
.contacts-page .lead-form textarea{
  font-size:15px!important;
  line-height:1.45!important;
}

@media(max-width:980px){
  .hero > .container:not(.hero-grid) h1,
  body[data-page] .hero h1,
  .projects-page .hero h1,
  .contacts-page .hero h1{
    font-size:clamp(30px,5vw,40px)!important;
    line-height:1.15!important;
    max-width:720px!important;
  }

  body[data-page] .section-head h2,
  body[data-page] .split h2,
  body[data-page] .contact-grid h2,
  body[data-page] .about-card h2,
  body[data-page] .page-cta-card h2,
  .projects-page .section-head h2,
  .projects-page .split h2,
  .projects-page .page-cta-card h2,
  .contacts-page .section-head h2,
  .contacts-page .contact-grid h2,
  .contacts-page .page-cta-card h2{
    font-size:clamp(24px,4vw,32px)!important;
  }
}

@media(max-width:640px){
  body[data-page],
  .projects-page,
  .contacts-page{
    font-size:14px;
  }

  .hero > .container:not(.hero-grid) h1,
  body[data-page] .hero h1,
  .projects-page .hero h1,
  .contacts-page .hero h1{
    font-size:clamp(25px,7.2vw,30px)!important;
    line-height:1.18!important;
    letter-spacing:-.026em!important;
    max-width:100%!important;
  }

  .hero > .container:not(.hero-grid) .hero-lead,
  body[data-page] .hero-lead,
  .projects-page .hero-lead,
  .contacts-page .hero-lead{
    font-size:14px!important;
    line-height:1.58!important;
    margin-top:16px!important;
  }

  .hero > .container:not(.hero-grid) .hero-note,
  body[data-page] .hero-note,
  .projects-page .hero-note,
  .contacts-page .hero-note{
    font-size:13px!important;
    line-height:1.5!important;
  }

  body[data-page] .section-head h2,
  body[data-page] .split h2,
  body[data-page] .contact-grid h2,
  body[data-page] .about-card h2,
  body[data-page] .page-cta-card h2,
  .projects-page .section-head h2,
  .projects-page .split h2,
  .projects-page .page-cta-card h2,
  .contacts-page .section-head h2,
  .contacts-page .contact-grid h2,
  .contacts-page .page-cta-card h2{
    font-size:clamp(22px,6.2vw,28px)!important;
    line-height:1.18!important;
  }

  body[data-page] .section-head p,
  body[data-page] .rich-text p,
  body[data-page] .about-card p,
  body[data-page] .contact-grid p,
  body[data-page] .page-cta-card p,
  body[data-page] .final-cta-text,
  body[data-page] .card p,
  body[data-page] .route-grid p,
  body[data-page] .timeline p,
  body[data-page] .project-card p,
  body[data-page] .project-info dd,
  body[data-page] .faq-list p,
  body[data-page] .form-note,
  body[data-page] .before-after-card p,
  body[data-page] .service-visual-band p,
  body[data-page] .service-stage-list span,
  .projects-page .section-head p,
  .projects-page .project-card p,
  .projects-page .project-info dd,
  .contacts-page .contact-grid p,
  .contacts-page .form-note{
    font-size:14px!important;
    line-height:1.58!important;
  }

  body[data-page] .card h3,
  body[data-page] .price-card h3,
  body[data-page] .case-card h3,
  body[data-page] .audience-grid h3,
  body[data-page] .levels-grid h3,
  body[data-page] .route-grid b,
  body[data-page] .timeline b,
  body[data-page] .project-card h3,
  body[data-page] .comparison-grid b,
  body[data-page] .budget-grid b,
  body[data-page] .finish-board b,
  body[data-page] .project-info h3,
  body[data-page] .faq-list summary,
  body[data-page] .before-after-card b,
  body[data-page] .service-visual-band h3,
  body[data-page] .service-stage-list b,
  .projects-page .project-card h3,
  .projects-page .project-info h3{
    font-size:18px!important;
    line-height:1.22!important;
  }

  body[data-page] .btn,
  body[data-page] .header-phone,
  body[data-page] .contact-links a,
  body[data-page] .final-cta-actions a,
  body[data-page] .mobile-sticky-cta a,
  body[data-page] .project-card a,
  body[data-page] .project-filters button,
  body[data-page] .lead-form label,
  .projects-page .btn,
  .projects-page .project-card a,
  .projects-page .project-filters button,
  .contacts-page .btn,
  .contacts-page .lead-form label{
    font-size:12px!important;
  }
}

@media(max-width:390px){
  .hero > .container:not(.hero-grid) h1,
  body[data-page] .hero h1,
  .projects-page .hero h1,
  .contacts-page .hero h1{
    font-size:24px!important;
  }

  body[data-page] .section-head h2,
  body[data-page] .split h2,
  body[data-page] .contact-grid h2,
  body[data-page] .about-card h2,
  body[data-page] .page-cta-card h2,
  .projects-page .section-head h2,
  .projects-page .split h2,
  .projects-page .page-cta-card h2,
  .contacts-page .section-head h2,
  .contacts-page .contact-grid h2,
  .contacts-page .page-cta-card h2{
    font-size:22px!important;
  }
}