/* Omnitel — controlled expansion for wide and ultrawide desktop displays. */

@media (min-width: 1800px) {
  :root {
    --max-width: 1920px;
    --wide-gutter: clamp(4.5rem, 4.2vw, 6.75rem);
    --wide-section-gap: clamp(7rem, 8vw, 10rem);
  }

  .content-width {
    padding-inline: var(--wide-gutter);
  }

  .site-header {
    right: clamp(2rem, 2.4vw, 3.75rem);
    left: clamp(2rem, 2.4vw, 3.75rem);
  }

  .header-inner {
    padding-inline: clamp(2.75rem, 3vw, 4.5rem);
  }

  .desktop-nav {
    gap: clamp(2.5rem, 2.6vw, 4rem);
  }

  .brand-logo {
    width: clamp(11.25rem, 8.2vw, 13.2rem);
  }

  .nav-link {
    font-size: 1rem;
  }

  .header-cta {
    min-width: 13.5rem;
    min-height: 3.55rem;
    font-size: 0.9rem;
  }

  .mega-menu-inner {
    width: min(100%, 2080px);
    padding-inline: clamp(3rem, 4.5vw, 7rem);
  }

  .mega-menu-groups {
    gap: clamp(2rem, 2.8vw, 4rem);
  }

  .hero-section {
    min-height: min(72rem, 100svh);
  }

  .hero-section .content-width,
  .page-hero .content-width {
    min-height: inherit;
  }

  .hero-copy {
    max-width: 70rem;
  }

  .page-hero-copy {
    max-width: 76rem;
  }

  .home-about-layout,
  .home-work-grid,
  .about-layout,
  .detail-layout,
  .contact-layout,
  .case-study-layout {
    column-gap: clamp(6rem, 7vw, 10rem);
  }

  .service-grid,
  .services-grid,
  .benefits-grid,
  .home-benefits-grid,
  .google-reviews-grid,
  .business-info-grid {
    gap: clamp(1.35rem, 1.6vw, 2rem);
  }

  .website-hero-grid,
  .shop-hero-grid,
  .hosting-hero-grid,
  .apps-hero-grid,
  .software-hero-grid,
  .wordpress-care-hero-grid,
  .logo-hero-grid,
  .cards-hero-grid,
  .print-hero-grid,
  .portfolio-showcase-hero-grid,
  .contact-showcase-grid,
  .local-home-hero-layout,
  .about-modern-hero-grid {
    column-gap: clamp(6rem, 7vw, 10rem);
  }

  .website-hero-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(46rem, 1.1fr);
  }

  .shop-hero-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(43rem, 1.1fr);
  }

  .hosting-hero-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(42rem, 1.05fr);
  }

  .apps-hero-grid {
    grid-template-columns: minmax(0, 0.82fr) minmax(48rem, 1.18fr);
  }

  .software-hero-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(45rem, 1.1fr);
  }

  .wordpress-care-hero-grid,
  .logo-hero-grid,
  .cards-hero-grid,
  .print-hero-grid {
    grid-template-columns: minmax(0, 0.88fr) minmax(44rem, 1.12fr);
  }

  .website-hero-visual,
  .shop-hero-visual,
  .hosting-hero-visual,
  .apps-dashboard,
  .software-dashboard,
  .wordpress-care-hero-visual {
    min-height: clamp(42rem, 35vw, 54rem);
  }

  .website-benefits-grid,
  .shop-feature-grid,
  .hosting-care-grid,
  .apps-solutions-grid,
  .software-services-grid,
  .wordpress-care-benefits-grid {
    gap: clamp(1.25rem, 1.5vw, 2rem);
  }

  .website-consultation-grid,
  .shop-consultation-grid,
  .hosting-contact-grid,
  .apps-consultation-grid,
  .software-consultation-grid,
  .hosting-support-grid,
  .shop-seo-grid,
  .apps-autopilot-grid,
  .wordpress-care-trust-grid {
    column-gap: clamp(6rem, 8vw, 12rem);
  }

  .website-section,
  .shop-section,
  .hosting-section,
  .apps-section,
  .software-section,
  .wordpress-care-section,
  .logo-section,
  .cards-section,
  .print-section,
  .about-modern-section {
    padding-block: var(--wide-section-gap);
  }

  .portfolio-showcase-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.25fr);
  }

  .portfolio-featured-grid {
    gap: clamp(4rem, 5vw, 7rem) clamp(2rem, 2.5vw, 3.5rem);
  }

  .portfolio-archive-grid {
    gap: clamp(2.5rem, 3.5vw, 5rem) clamp(1.25rem, 1.6vw, 2.25rem);
  }

  .contact-showcase-grid {
    grid-template-columns: minmax(0, 0.88fr) minmax(46rem, 1.12fr);
  }

  .contact-showcase-copy {
    min-height: clamp(55rem, 48vw, 68rem);
  }

  body[data-page="contact"] .contact-form-panel {
    padding: clamp(3.5rem, 3.4vw, 5rem);
  }

  body[data-page="contact"] .business-info-card {
    min-height: 20rem;
    padding: clamp(2.5rem, 2.8vw, 4rem);
  }

  .local-home-hero-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(38rem, 0.9fr);
  }

  .local-home-story-grid {
    grid-template-columns: minmax(30rem, 0.82fr) minmax(0, 1.18fr);
    column-gap: clamp(6rem, 8vw, 12rem);
  }

  .local-home-proof-grid {
    gap: clamp(1.5rem, 1.8vw, 2.5rem);
  }

  .about-modern-hero-grid {
    grid-template-columns: minmax(0, 0.88fr) minmax(46rem, 1.12fr);
  }

  .about-modern-story-grid,
  .about-modern-values-grid {
    column-gap: clamp(6rem, 8vw, 12rem);
  }

  .about-modern-founder-grid {
    gap: clamp(3rem, 4vw, 6rem);
  }

  .about-modern-manifest,
  .about-modern-cta {
    width: min(calc(100% - 2 * var(--header-edge)), 2220px);
  }

  .about-modern-photo-frame {
    position: absolute;
    inset: 3% 0 0 7%;
    overflow: hidden;
    border-radius: clamp(3rem, 4vw, 5.5rem);
    background: var(--about-plum);
  }

  .about-modern-note {
    position: absolute;
    z-index: 3;
    display: grid;
    gap: 0.18rem;
    min-width: 13rem;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.2rem;
    background: rgba(8, 1, 15, 0.78);
    color: #fff;
    backdrop-filter: blur(18px);
  }

  .about-modern-note-top { top: 10%; left: 0; }
  .about-modern-note-bottom { right: -2%; bottom: 9%; }

  .about-modern-founder-portrait {
    position: absolute;
    top: -5rem;
    right: 0;
    left: 0;
    height: calc(100% - 10.5rem);
    pointer-events: none;
  }

  .about-modern-founder-portrait img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }

  .about-modern-values-head {
    position: sticky;
    top: 8rem;
  }

  .about-modern-values-list {
    border-top: 1px solid var(--about-line);
  }

  .about-modern-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 4rem;
  }

  .site-footer .footer-inner {
    padding-inline: var(--wide-gutter);
  }

  .footer-callout,
  .footer-main,
  .footer-bottom {
    column-gap: clamp(3rem, 5vw, 8rem);
  }
}

@media (min-width: 2300px) {
  .portfolio-archive-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .local-home-region-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .home-work-grid,
  .google-reviews-grid {
    gap: 2rem;
  }

  .contact-form-symbol {
    top: 3rem;
    right: 3rem;
  }
}

@media (min-width: 1800px) and (max-height: 900px) {
  .website-hero,
  .shop-hero,
  .hosting-hero,
  .apps-hero,
  .software-hero,
  .wordpress-care-hero,
  .logo-hero,
  .cards-hero,
  .print-hero,
  .about-modern-hero,
  .local-home-hero {
    min-height: 58rem;
  }
}


/* Wide-screen refinement v2: balanced type, open columns and repaired about/footer layouts. */
@media (min-width: 1800px) {
  :root {
    --max-width: 2240px;
    --wide-gutter: clamp(3rem, 3vw, 4.75rem);
    --wide-section-gap: clamp(6rem, 6.8vw, 8.5rem);
  }

  .content-width {
    padding-inline: var(--wide-gutter);
  }

  .home-about-layout,
  .home-work-grid,
  .about-layout,
  .detail-layout,
  .contact-layout,
  .case-study-layout,
  .website-hero-grid,
  .shop-hero-grid,
  .hosting-hero-grid,
  .apps-hero-grid,
  .software-hero-grid,
  .wordpress-care-hero-grid,
  .logo-hero-grid,
  .cards-hero-grid,
  .print-hero-grid,
  .portfolio-showcase-hero-grid,
  .contact-showcase-grid,
  .local-home-hero-layout,
  .about-modern-hero-grid {
    column-gap: clamp(3.5rem, 4.2vw, 6rem);
  }

  .website-hero-grid,
  .shop-hero-grid,
  .hosting-hero-grid,
  .apps-hero-grid,
  .software-hero-grid,
  .wordpress-care-hero-grid,
  .logo-hero-grid,
  .cards-hero-grid,
  .print-hero-grid,
  .about-modern-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(38rem, 1fr);
  }

  .website-hero-copy,
  .shop-hero-copy,
  .hosting-hero-copy,
  .apps-hero-copy,
  .software-hero-copy,
  .wordpress-care-hero-copy,
  .logo-hero-copy,
  .cards-hero-copy,
  .print-hero-copy,
  .portfolio-showcase-copy,
  .contact-showcase-copy,
  .local-home-hero-copy,
  .about-modern-hero-copy {
    min-width: 0;
    max-width: 62rem;
  }

  .website-hero-copy h1,
  .shop-hero-copy h1,
  .hosting-hero-copy h1,
  .apps-hero-copy h1,
  .software-hero-copy h1,
  .wordpress-care-hero-copy h1,
  .logo-hero-copy h1,
  .cards-hero-copy h1,
  .print-hero-copy h1,
  .portfolio-showcase-copy h1,
  .contact-showcase-copy h1,
  .local-home-hero-copy h1,
  .about-modern-hero h1 {
    width: auto;
    max-width: 17ch;
    padding-inline: 0.015em 0.1em;
    overflow: visible;
    font-size: clamp(4rem, 3.4vw, 5.4rem);
    line-height: 1.01;
    letter-spacing: -0.052em;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }

  .website-section-heading h2,
  .shop-section-heading h2,
  .shop-faq-heading h2,
  .hosting-section-heading h2,
  .hosting-faq-heading h2,
  .apps-section-heading h2,
  .software-section-heading h2,
  .wordpress-care-section-heading h2,
  .logo-heading h2,
  .cards-heading h2,
  .print-heading h2,
  .kinetic-manifest-intro h2,
  .about-modern-story-copy h2,
  .about-modern-section-head h2,
  .about-modern-values-head h2,
  .about-modern-cta h2 {
    max-width: 18ch;
    padding-inline: 0.015em 0.1em;
    overflow: visible;
    font-size: clamp(3.1rem, 3vw, 4.6rem);
    line-height: 1.03;
    letter-spacing: -0.045em;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }

  .website-hero-copy h1 span,
  .shop-hero-copy h1 span,
  .hosting-hero-copy h1 span,
  .apps-hero-copy h1 span,
  .software-hero-copy h1 span,
  .wordpress-care-hero-copy h1 span,
  .logo-hero-copy h1 span,
  .cards-hero-copy h1 span,
  .print-hero-copy h1 span,
  .about-modern-page h1 span,
  .about-modern-page h2 span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .website-consultation-grid,
  .shop-consultation-grid,
  .hosting-contact-grid,
  .apps-consultation-grid,
  .software-consultation-grid,
  .hosting-support-grid,
  .shop-seo-grid,
  .apps-autopilot-grid,
  .wordpress-care-trust-grid,
  .local-home-story-grid,
  .about-modern-story-grid {
    column-gap: clamp(4rem, 5vw, 7rem);
  }

  .website-hero-visual,
  .shop-hero-visual,
  .hosting-hero-visual,
  .apps-dashboard,
  .software-dashboard,
  .wordpress-care-hero-visual {
    min-height: clamp(38rem, 30vw, 46rem);
  }

  .hosting-faq-layout {
    grid-template-columns: minmax(38rem, 0.85fr) minmax(0, 1.15fr);
    gap: clamp(4rem, 4.8vw, 6rem);
  }

  .hosting-faq-heading h2 {
    max-width: 15ch;
    font-size: clamp(3.5rem, 2.8vw, 4.25rem);
  }

  .kinetic-manifest .content-width {
    overflow: hidden;
    padding: clamp(3.5rem, 3.5vw, 4.75rem);
  }

  .kinetic-manifest-intro {
    grid-template-columns: minmax(0, 0.95fr) minmax(30rem, 1.05fr);
    gap: clamp(3rem, 4vw, 5rem);
  }

  .kinetic-manifest-intro h2 {
    max-width: 15ch;
  }

  .kinetic-manifest-row {
    grid-template-columns: 3rem minmax(0, 1.35fr) minmax(20rem, 0.5fr);
    gap: clamp(1.5rem, 2vw, 2.5rem);
  }

  .kinetic-manifest-word {
    overflow: visible;
    padding-right: 0.18em;
  }

  .kinetic-manifest-word > span,
  .kinetic-manifest-word::after {
    max-width: 100%;
    font-size: clamp(3.2rem, 3.9vw, 5.6rem);
    line-height: 0.92;
    letter-spacing: -0.045em;
  }

  .about-modern-manifest,
  .about-modern-cta {
    width: min(calc(100% - 2 * var(--header-edge)), 2460px);
  }

  .about-modern-manifest h2 {
    max-width: 13.5ch;
    padding-inline: 0.01em 0.1em;
    overflow: visible;
    font-size: clamp(5.2rem, 4.7vw, 7.1rem);
    line-height: 0.98;
    letter-spacing: -0.052em;
    text-wrap: balance;
  }

  .about-modern-section-head {
    grid-template-columns: minmax(0, 1.15fr) minmax(30rem, 0.65fr);
    gap: 2rem clamp(4rem, 5vw, 7rem);
  }

  .about-modern-section-head .about-modern-kicker {
    grid-column: 1 / -1;
  }

  .about-modern-section-head h2 {
    grid-column: 1;
    margin: 0;
  }

  .about-modern-section-head > p {
    grid-column: 2;
    align-self: end;
  }

  .about-modern-founder-grid {
    gap: clamp(3rem, 3.5vw, 5rem);
  }

  .about-modern-founder {
    min-height: clamp(46rem, 36vw, 52rem);
  }

  .about-modern-founder-portrait {
    position: absolute;
    top: -4.5rem;
    right: 0;
    left: 0;
    height: calc(100% - 15.5rem);
    pointer-events: none;
  }

  .about-modern-founder-portrait img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }

  .about-modern-founder-copy > span {
    color: var(--about-orange);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .about-modern-values-grid {
    grid-template-columns: minmax(34rem, 0.78fr) minmax(0, 1.22fr);
    column-gap: clamp(4rem, 5vw, 7rem);
  }

  .about-modern-values-head {
    position: sticky;
    top: 8rem;
  }

  .about-modern-values-head h2 {
    margin: 0;
  }

  .about-modern-values-head p {
    max-width: 36rem;
    margin: 1.5rem 0 0;
    color: var(--about-muted);
    font-size: 1.05rem;
    line-height: 1.75;
  }

  .about-modern-values-list {
    border-top: 1px solid var(--about-line);
  }

  .about-modern-value {
    grid-template-columns: 3.25rem 4.5rem minmax(0, 1fr);
    gap: clamp(1.25rem, 2vw, 2.25rem);
    align-items: start;
  }

  .about-modern-value > div {
    min-width: 0;
    grid-column: 3;
  }

  .about-modern-value p {
    max-width: 48rem;
  }

  .about-modern-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(28rem, 0.65fr);
    gap: 1.5rem clamp(4rem, 5vw, 7rem);
    align-items: end;
  }

  .about-modern-cta-inner > .about-modern-kicker {
    grid-column: 1 / -1;
  }

  .about-modern-cta-inner > h2 {
    grid-column: 1;
    grid-row: 2 / span 2;
    margin: 0;
  }

  .about-modern-cta-inner > p,
  .about-modern-cta-inner > .about-modern-actions {
    grid-column: 2;
  }

  .about-modern-cta-inner > p {
    margin-top: 0;
  }

  .site-footer .footer-inner {
    width: min(100%, 2240px);
    max-width: 2240px;
    margin-inline: auto;
    padding-inline: 0;
  }

  .footer-callout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(3rem, 4vw, 6rem);
    padding: clamp(3.5rem, 3.8vw, 4.75rem);
  }

  .footer-callout h2 {
    max-width: 24ch;
    padding-right: 0.08em;
    overflow: visible;
    font-size: clamp(2.6rem, 2.35vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }

  .footer-main {
    grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 2.28fr);
    gap: clamp(4rem, 5vw, 7rem);
    padding: clamp(3.5rem, 3.8vw, 4.75rem);
  }

  .footer-columns {
    gap: clamp(3rem, 4vw, 5rem);
  }

  .footer-bottom {
    gap: 2rem 4rem;
    padding: 1.6rem clamp(3.5rem, 3.8vw, 4.75rem);
  }
}


/* Wide-screen refinement v3: final typography exceptions. */
@media (min-width: 1800px) {
  .hero-copy .display-heading,
  .page-hero-copy .page-heading {
    width: auto;
    max-width: 18ch;
    padding-inline: 0.015em 0.1em;
    overflow: visible;
    font-size: clamp(4.2rem, 3.45vw, 5.5rem);
    line-height: 1.01;
    letter-spacing: -0.052em;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }

  .portfolio-group-title,
  .portfolio-archive-heading h2 {
    max-width: 20ch;
    padding-right: 0.1em;
    overflow: visible;
    font-size: clamp(3.2rem, 2.9vw, 4.6rem);
    line-height: 1.03;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }

  .wordpress-care-heading h2 {
    max-width: 18ch;
    padding-right: 0.1em;
    overflow: visible;
    font-size: clamp(3.2rem, 2.9vw, 4.6rem);
    line-height: 1.03;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }

  .apps-cta-copy h2,
  .software-cta-copy h2 {
    max-width: 15ch;
    padding-right: 0.1em;
    overflow: visible;
    font-size: clamp(3.8rem, 3.15vw, 5rem);
    line-height: 1.01;
    letter-spacing: -0.048em;
    text-wrap: balance;
  }

  .about-modern-manifest h2 {
    max-width: 15ch;
    font-size: clamp(4.8rem, 4vw, 5.8rem);
  }
}

/* Responsive refinement v4: 1440 desktop and whole-word mobile headings. */
@media (min-width: 1181px) and (max-width: 1799px) {
  .content-width {
    padding-inline: clamp(2.25rem, 3vw, 3.1rem);
  }

  .website-hero-grid,
  .shop-hero-grid,
  .hosting-hero-grid,
  .apps-hero-grid,
  .software-hero-grid,
  .wordpress-care-hero-grid,
  .logo-hero-grid,
  .cards-hero-grid,
  .print-hero-grid,
  .about-modern-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(30rem, .92fr);
    column-gap: clamp(2.25rem, 3vw, 3rem);
  }

  .portfolio-showcase-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(15rem, .28fr);
    column-gap: clamp(2.25rem, 3vw, 3rem);
  }

  .contact-showcase-grid {
    grid-template-columns: minmax(0, 1fr) minmax(34rem, 1fr);
    column-gap: clamp(2.25rem, 3vw, 3rem);
  }

  .local-home-hero-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(29rem, .9fr);
    column-gap: clamp(2.25rem, 3vw, 3rem);
  }

  .website-hero-copy,
  .shop-hero-copy,
  .hosting-hero-copy,
  .apps-hero-copy,
  .software-hero-copy,
  .wordpress-care-hero-copy,
  .logo-hero-copy,
  .cards-hero-copy,
  .print-hero-copy,
  .portfolio-showcase-copy,
  .contact-showcase-copy,
  .local-home-hero-copy,
  .about-modern-hero-copy {
    min-width: 0;
    max-width: 58rem;
  }

  .hero-copy .display-heading,
  .page-hero-copy .page-heading,
  .website-hero-copy h1,
  .shop-hero-copy h1,
  .hosting-hero-copy h1,
  .apps-hero-copy h1,
  .software-hero-copy h1,
  .wordpress-care-hero-copy h1,
  .logo-hero-copy h1,
  .cards-hero-copy h1,
  .print-hero-copy h1,
  .portfolio-showcase-copy h1,
  .contact-showcase-copy h1,
  .local-home-hero-copy h1,
  .about-modern-hero h1 {
    width: auto;
    max-width: 18ch;
    padding-inline: .015em .1em;
    overflow: visible;
    font-size: clamp(4rem, 4.6vw, 4.65rem);
    line-height: 1;
    letter-spacing: -.052em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
  }

  .website-section-heading h2,
  .shop-section-heading h2,
  .shop-faq-heading h2,
  .hosting-section-heading h2,
  .hosting-faq-heading h2,
  .apps-section-heading h2,
  .software-section-heading h2,
  .wordpress-care-section-heading h2,
  .logo-heading h2,
  .cards-heading h2,
  .print-heading h2,
  .kinetic-manifest-intro h2,
  .portfolio-group-title,
  .portfolio-archive-heading h2,
  .contact-form-panel h2,
  .about-modern-story-copy h2,
  .about-modern-section-head h2,
  .about-modern-values-head h2,
  .about-modern-cta h2,
  .about-modern-manifest h2,
  .apps-cta-copy h2,
  .software-cta-copy h2 {
    max-width: 20ch;
    padding-inline: .015em .1em;
    overflow: visible;
    font-size: clamp(2.8rem, 3.55vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
  }

  body[data-page] main h1 {
    width: auto;
    max-width: 18ch;
    padding-inline: .015em .1em;
    overflow: visible;
    font-size: clamp(4rem, 4.6vw, 4.65rem);
    line-height: 1;
    letter-spacing: -.052em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
  }

  body[data-page] main h2:not(article h2):not(details h2) {
    max-width: 20ch;
    padding-inline: .015em .1em;
    overflow: visible;
    font-size: clamp(2.8rem, 3.55vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
  }

  .about-modern-values-grid {
    grid-template-columns: minmax(30rem, .88fr) minmax(0, 1.12fr);
    column-gap: clamp(2.5rem, 3.5vw, 4rem);
  }

  .footer-main {
    grid-template-columns: minmax(15rem, .68fr) minmax(0, 2.32fr);
    gap: clamp(2.5rem, 4vw, 4rem);
    padding: clamp(2.75rem, 3vw, 3.5rem);
  }

  .footer-columns {
    gap: clamp(1.5rem, 2.2vw, 2.5rem);
  }

  .footer-callout h2 {
    max-width: 24ch;
    font-size: clamp(2.4rem, 3vw, 3.2rem);
  }
}

@media (max-width: 760px) {
  body[data-page] main h1,
  body[data-page] main h2,
  .kinetic-manifest-word > span,
  .kinetic-manifest-word::after {
    max-width: 100%;
    padding-right: .08em;
    overflow: visible;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    text-wrap: balance;
  }

  body[data-page] main h1 {
    font-size: clamp(2.1rem, 9.7vw, 3.1rem);
    line-height: 1.02;
    letter-spacing: -.05em;
  }

  body[data-page] main h2 {
    font-size: clamp(1.95rem, 9.4vw, 2.85rem);
    line-height: 1.05;
    letter-spacing: -.045em;
  }

  .kinetic-manifest-word > span,
  .kinetic-manifest-word::after {
    font-size: clamp(1.55rem, 7.7vw, 2.4rem);
    white-space: normal;
  }
}

/* Global whole-word wrapping v5: move a complete word to the next line. */
body[data-page] main :is(h1, h2, h3, h4, p, li, a, span, strong, small, label, address, blockquote) {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.site-footer :is(h2, h3, p, li, a, span, strong, small, address),
.site-header :is(a, span, strong, small) {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}