/* CVRV47: calibrated vertical rhythm for phones and compact tablets.
   Scoped to <= 880 px; >= 881 px desktop remains visually unchanged. */
@media (max-width:880px) {
  .na-hero-copy{padding-top:clamp(42px,6vw,56px)}
  .na-hero h1{margin-top:27px;margin-bottom:22px}
  .na-hero-copy>p{margin-bottom:26px}
  .na-hero-serial{padding-top:22px}
  .na-hero-visual{margin-top:22px;margin-bottom:34px;min-height:0}
  .na-section{padding-top:clamp(55px,7vw,74px);padding-bottom:clamp(55px,7vw,74px)}
  .na-section-top{margin-bottom:clamp(24px,3vw,34px)}
  .na-intro-band{padding-top:clamp(52px,7vw,72px);padding-bottom:clamp(52px,7vw,72px)}
  .na-standard-page{padding-top:clamp(46px,6vw,62px);padding-bottom:clamp(58px,7vw,82px)}
  .na-standard-page .na-page-title{margin-bottom:clamp(26px,4vw,38px)}
  .na-footer-top{padding-top:clamp(50px,7vw,68px);padding-bottom:clamp(42px,6vw,58px)}
  .na-visit-banner{padding-top:clamp(50px,7vw,66px);padding-bottom:clamp(50px,7vw,66px)}
  .na-home-works-query .na-demo-gallery{padding-top:16px;padding-bottom:38px}
  .na-editorial-copy{padding-top:48px;padding-bottom:56px}
}
@media (max-width:640px) {
  .wp-site-blocks > main.na-home{margin-block-start:0}
  /* Prevent site title, mobile menu and ID/EN switcher from clipping at 320-390 px. */
  .na-header-inner{gap:4px;padding-left:10px;padding-right:10px}
  .na-header .na-brand{flex:0 1 clamp(130px,42vw,170px);min-width:0;max-width:clamp(130px,42vw,170px)}
  .na-header .na-logo a{display:block;max-width:100%;white-space:normal;font-size:clamp(17px,4.8vw,21px);line-height:1.03;letter-spacing:-.9px}
  .na-header .na-brand-sub{white-space:normal;font-size:6px;letter-spacing:.25px;margin-top:4px}
  .na-hero-copy{padding:clamp(28px,6vw,40px) clamp(20px,6vw,26px) 24px;min-height:0}
  .na-hero h1{margin:20px 0 18px;font-size:clamp(45px,10.7vw,64px);line-height:1.05}
  .na-hero-copy>p{margin:0 0 22px;line-height:1.7}
  .na-hero-serial{margin-top:24px;padding-top:0;gap:12px}
  .na-hero-visual{height:clamp(305px,88vw,420px);min-height:0;margin:0}
  .na-section{padding:clamp(44px,6vw,56px) 22px}
  .na-intro-band{padding:clamp(48px,7vw,60px) 22px}
  .na-intro-band h2{margin:18px auto 26px}
  .na-section-top{margin-bottom:24px}
  .na-section .na-kicker{margin-bottom:16px}
  .na-collection{padding-bottom:22px}
  .na-home-works-query{padding-bottom:35px}
  .na-editorial{min-height:0}
  .na-editorial-photo{min-height:clamp(280px,80vw,370px)}
  .na-editorial-copy{padding:45px 24px 52px}
  .na-editorial-copy h2{margin-bottom:20px;font-size:clamp(46px,12vw,62px)}
  .na-visit-banner{padding:50px 23px}
  .na-visit-banner h2{margin-bottom:25px}
  .na-standard-page{padding:38px 22px 60px}
  .na-standard-page .na-page-title{margin-bottom:24px}
  .na-standard-page .wp-block-post-content h2{margin:35px 0 17px}
  .na-standard-page .wp-block-post-content p{margin:14px 0}
  .na-standard-page .wp-block-post-content .na-editorial-art{margin:26px 0 28px}
  .na-footer-top{padding:48px 24px 38px}
  .na-footer-links{margin-top:36px}
  .na-footer-bottom{padding:20px 24px}
  .na-notes.wp-block-query .na-note-row{min-height:0;padding:18px 0}
}
@media (max-width:400px) {
  .na-hero-copy{padding:28px 19px 20px}
  .na-hero h1{font-size:clamp(41px,11vw,51px);letter-spacing:-1.4px}
  .na-hero-visual{height:clamp(290px,95vw,370px)}
  .na-section{padding-inline:17px}
  .na-standard-page{padding-inline:20px}
}