
/* Nino typography refinement, 17 October 2026.
   Shared by German and English pages. Images, copy, navigation and forms retain
   their existing structure; this pass only changes reading hierarchy. */
body :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
body :is(main,section) :is(h1,h2){font-weight:500!important;letter-spacing:-.02em!important}
body :is(main,section) h3{font-weight:400!important;line-height:1.25!important;letter-spacing:-.015em!important}
body :is(main,section) :is(h1,h2,h3) em{font-weight:400!important}

/* Keep page titles distinctive without competing with every section. */
body.nm-about .ab-hero h1,
body.nm-newsletter-page .nl-copy h1,
body.nm-archive .intro h1,
body.nm-sparring main h1,
body.tools-page #tools-intro-title,
body .la-h1,
body .akte-h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.15!important;max-width:24ch!important}
body.sig-home .hero h1{font-size:clamp(42px,5.2vw,76px)!important;line-height:1.13!important}
body.sig-home .hero h1 .hline{padding-bottom:.08em}
body.sig-home .hero h1 .hline+ .hline{font-size:.88em;font-weight:400!important;margin-top:.08em}

/* Complete secondary statements get a quieter voice; inline emphasized words
   keep the surrounding size (for example “Akte für Akte” or “Without the filter”). */
body.sig-home #these h2{max-width:31ch!important;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.2!important}
body.sig-home #these h2>br,
body.nm-sparring main h1>br{display:none}
body.sig-home #these h2>em,
body.nm-sparring main h1>em,
body.nm-about .ab-hero h1>em,
body.nm-newsletter-page .nl-copy h1>em{display:block;font-size:.82em!important;line-height:1.25!important;margin-top:.38em;max-width:31ch;letter-spacing:-.012em!important}

/* One rhythm for section headings, with smaller headings inside forms and cards. */
body.sig-home section:not(.hero):not(#these) h2,
body.nm-about main section:not(.ab-hero) h2,
body.nm-archive main h2,
body.nm-newsletter-page main h2,
body.nm-sparring main h2,
body.tools-page main h2{font-size:clamp(28px,2.9vw,38px)!important;line-height:1.22!important;max-width:28ch}
body.nm-archive .archive-delivery h2,
body.nm-newsletter-page .nl-signup h2,
body.sig-home .nm-end-signup h3,
body .la-section h2,
body.tools-page #dialog-title{font-size:clamp(25px,2.35vw,30px)!important;line-height:1.25!important}
body.sig-home #akten .fall h3,
body.sig-home #kostprobe .probe h3,
body.sig-home #kostprobe .nm-probe>.cro-box h3,
body.nm-about .ab-next h3,
body.nm-newsletter-page .probe h3,
body.tools-page .future-grid h3,
body.nm-sparring main h3{font-size:clamp(23px,2.25vw,28px)!important;max-width:30ch}
body.sig-home #saeulen .nm-pillar-body h3,
body.sig-home #faq .nm-faq-static h3,
body.nm-newsletter-page .nl-faq-grid h3,
body.nm-about .ab-values h3{font-size:22px!important;line-height:1.28!important}
body.nm-legal main h1{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.2!important}
body.nm-legal main h2{font-size:clamp(22px,2vw,27px)!important;line-height:1.3!important}

/* Readable paragraph measures without changing form labels or stored results. */
body :is(.these-copy,.nm-story-teaser-grid,.ab-chapter,.ab-story-copy,.ab-wife-grid,.nl-copy,.intro-copy,.la-section,.tools-intro-copy,.tool-copy,.sp-copy) p{max-width:65ch!important;line-height:1.75!important;text-wrap:pretty}
body.sig-home #these .nm-substance-label{font-size:14px!important;font-weight:500!important;letter-spacing:.06em!important;margin-bottom:18px!important}
body :is(main,section) .marginal{font-weight:400!important;letter-spacing:.13em!important}
body.nm-about .ab-pull{font-weight:400!important;font-size:clamp(21px,2vw,25px)!important;line-height:1.5!important}

@media(max-width:900px){
  body.sig-home .hero h1{font-size:clamp(28px,7.8vw,42px)!important;line-height:1.16!important}
  body.nm-about .ab-hero h1,
  body.nm-newsletter-page .nl-copy h1,
  body.nm-archive .intro h1,
  body.nm-sparring main h1,
  body.tools-page #tools-intro-title,
  body .la-h1,
  body .akte-h1{font-size:clamp(30px,7.5vw,38px)!important;max-width:100%!important}
  body.sig-home section:not(.hero):not(#these) h2,
  body.sig-home #these h2,
  body.nm-about main section:not(.ab-hero) h2,
  body.nm-archive main h2,
  body.nm-newsletter-page main h2,
  body.nm-sparring main h2,
  body.tools-page main h2{font-size:clamp(27px,6.8vw,32px)!important;line-height:1.23!important;max-width:100%}
  body.nm-archive .archive-delivery h2,
  body.nm-newsletter-page .nl-signup h2,
  body .la-section h2,
  body.tools-page #dialog-title{font-size:26px!important}
  body.sig-home #these h2>em{font-size:.84em!important;margin-top:.4em}
}

/* Clear orientation, with the original images and the existing five pillars. */
body.sig-home .hero .lead{font-size:clamp(18px,1.8vw,22px)!important;line-height:1.55!important;max-width:34ch!important}
body.sig-home .hero .nm-hero-note{font-size:15px!important;line-height:1.75!important;max-width:48ch!important;color:#c1c1c1!important}
body.sig-home .hero .nm-hero-actions{gap:14px 22px!important}
body.sig-home .hero .nm-hero-actions .nm-secondary{font-size:14px!important;line-height:1.5!important}
body.sig-home section.nm-proof-band{padding-block:26px!important;background:#f3f3f3;border-bottom:1px solid #dddddd;color:#171717}
body.sig-home .nm-proof-band .marginal{color:#686868!important;margin:0 0 16px!important}
.nm-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
body.sig-home section#erfahrung .nm-proof-grid h2{font-family:var(--sans)!important;font-size:17px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;margin:0 0 6px!important}
.nm-proof-grid p{font-size:14px;line-height:1.65;color:#656565;margin:0 0 6px}
.nm-proof-grid a{font-size:12px;line-height:1.6;color:#656565;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:4px}
body.sig-home section.nm-clear-paths{padding-block:40px!important;background:#fff;color:#171717}
body.sig-home .nm-clear-paths>.wrap>.marginal{color:#c92720!important;margin:0 0 14px!important}
body.sig-home .nm-clear-paths h2{max-width:30ch!important;margin:0!important}
.nm-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin-top:28px}
.nm-path-grid article{min-width:0;border-top:1px solid #d7d7d7;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}
body.sig-home .nm-path-grid h3{font-size:clamp(25px,2.4vw,30px)!important;line-height:1.25!important;max-width:27ch;margin:0 0 16px}
.nm-path-grid p{color:#656565;font-size:16px;line-height:1.75;max-width:52ch;margin:0 0 18px}
.nm-path-grid .nm-path-kicker{font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
.nm-path-grid .nm-path-link{color:#c92720;display:inline-block;font-size:14px;line-height:1.6;padding:8px 0;margin-top:auto;text-decoration:underline;text-underline-offset:5px}
body.nm-sparring .nm-sparring-definition{max-width:50ch;font-size:17px;line-height:1.75;margin:24px 0 0;color:#c1c1c1}
body.sig-home :is(#einstieg,#erfahrung){scroll-margin-top:110px}
@media(min-width:901px){
 body.sig-home .hero{min-height:660px!important;height:auto!important;max-height:none!important}
 body.sig-home .hero .hero-copy{padding-block:52px!important;min-height:660px!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
 body.sig-home .hero .hero-copy>h1{margin-block:0 24px!important}
 body.sig-home .hero .hero-copy>.marginal{margin-bottom:22px!important}
 body.sig-home .hero .hero-copy>.nm-hero-note{margin:0 0 24px!important}
 body.sig-home .hero .hero-copy>.lead{margin:0 0 18px!important}
}
@media(max-width:900px){
 body>header.nm-dark-menu .nav>.nav-links{gap:8px!important}
 body>header.nm-dark-menu .nav>.nav-links a{flex:1 1 0!important;white-space:normal!important;text-align:center!important;justify-content:center!important;font-size:clamp(10.5px,2.7vw,12px)!important;line-height:1.3!important}
 .nm-path-grid{gap:28px}
}
@media(max-width:760px){
 body.sig-home .hero .hero-copy>.nm-hero-note{order:4!important;margin-top:0!important;margin-bottom:24px!important}
 body.sig-home .hero .hero-media{order:5!important}
 body.sig-home .hero .hero-copy>.nm-hero-actions{order:6!important;margin-top:24px!important;gap:16px!important}
 body.sig-home .hero .hero-copy>.lead{margin-bottom:14px!important}
 body.sig-home .hero .lead,body.sig-home .hero .nm-hero-note{max-width:calc(100% - var(--nm-mobile-left) - var(--nm-mobile-right))!important}
 body.sig-home section.nm-proof-band{padding-block:24px!important}
 body.sig-home section.nm-clear-paths{padding-block:30px!important}
 .nm-proof-grid,.nm-path-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .nm-proof-grid>div+div{border-top:1px solid #dddddd;padding-top:18px}
 .nm-path-grid{margin-top:24px}
 .nm-path-grid p{font-size:15px}
 body.sig-home .nm-path-grid h3{font-size:27px!important}
 body.nm-sparring .nm-sparring-definition{font-size:16px}
}
