/* Readable, responsive navigation and type scale. */
html{scroll-padding-top:calc(82px + 1rem)}
body{font-size:16px;line-height:1.65}
.site-header{position:sticky;top:0;z-index:100;min-height:78px;background:rgba(245,243,239,.97);backdrop-filter:blur(12px);}
.main-nav{gap:clamp(13px,1.55vw,23px);font-size:13px;line-height:1.3}
.main-nav>a:not(.nav-cta){white-space:nowrap}
.main-nav .nav-cta{font-size:13px;padding:13px 16px}
.eyebrow{font-size:11px;letter-spacing:.13em}
.hero-lede,.section-heading>p,.applications-copy>p,.about-copy>p,.contact-intro>p,.simple-page-content>p{font-size:16px;line-height:1.75}
.about-copy .about-lede{font-size:18px!important;line-height:1.7!important}
.product-info p,.application-card-copy p,.news-category p{font-size:15px;line-height:1.7}
.contact-detail a,.contact-detail p{font-size:14px;line-height:1.6}
.form-grid label,.inquiry-form-grid label{font-size:13px}
.form-grid input,.form-grid select,.form-grid textarea,.inquiry-form-grid input,.inquiry-form-grid select,.inquiry-form-grid textarea{font-size:15px;line-height:1.5}
.menu-toggle{display:none}
@media(min-width:721px) and (max-width:1160px){
  .site-header{height:74px;min-height:74px;padding-inline:28px}
  .menu-toggle{display:flex;flex:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:7px;padding:10px;border:0;background:transparent;cursor:pointer}
  .menu-toggle span{display:block;width:23px;height:1.5px;background:var(--ink)}
  .main-nav{display:none;position:absolute;top:100%;right:28px;left:auto;width:min(360px,calc(100vw - 56px));padding:14px 22px 20px;align-items:stretch;gap:0;flex-direction:column;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 36px #17252b1c;font-size:16px}
  .main-nav.open{display:flex}
  .main-nav>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid var(--line)}
  .main-nav .nav-cta{margin-top:14px;text-align:center}
}
@media(min-width:783px){
  body.admin-bar .site-header{top:32px}
}
@media(max-width:720px){
  html{scroll-padding-top:calc(66px + 1rem)}
  body{font-size:16px}
  body.admin-bar .site-header{top:0}
  .site-header{height:66px;min-height:66px;padding-inline:19px}
  .menu-toggle{display:flex;border:0;background:transparent;width:42px;height:42px;flex-direction:column;justify-content:center;gap:6px;padding:9px;cursor:pointer}
  .menu-toggle span{display:block;width:23px;height:1.5px;background:var(--ink)}
  .main-nav{top:100%;font-size:16px}
  .hero-lede,.section-heading>p,.applications-copy>p,.about-copy>p,.contact-intro>p,.simple-page-content>p{font-size:15px;line-height:1.7}
  .product-info p,.application-card-copy p,.news-category p{font-size:14px;line-height:1.65}
}