/* Shared, restrained industrial controls and more comfortable reading sizes. */
.nl-design-active .button,.nl-design-active .wp-block-button__link,.nl-design-active .floating-tools>a{
  border-radius:0;font-weight:650;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.nl-design-active .button.primary,.nl-design-active .wp-block-button__link,.nl-design-active .floating-tools>a{
  border:1px solid var(--blue-dark);border-left:3px solid #8cb4ff;
}
.nl-design-active .button.secondary{border:1px solid #8296a8;border-left:3px solid #839cb0;box-shadow:inset 0 1px 0 #fff}
.nl-design-active .button.light{border:1px solid #e5edf4;border-left:3px solid #8fb0d1;box-shadow:inset 0 1px 0 #fff}
.nl-design-active .button:focus-visible,.nl-design-active .floating-tools>a:focus-visible{outline:3px solid #3b82f6;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .nl-design-active .button:hover,.nl-design-active .wp-block-button__link:hover,.nl-design-active .floating-tools>a:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 12px rgba(13,29,43,.14)}
}
.nl-design-active .button:active,.nl-design-active .floating-tools>a:active{transform:translateY(1px)}
body.home.nl-design-active .hero .button.primary{background:#f3f7fa;background-image:none;color:#102030;border-color:#f3f7fa;border-left-color:#88aabe}
body.home.nl-design-active .hero .button.secondary{background:rgba(6,14,22,.72);color:#fff;border-color:#a8bdcd;border-left-color:#7899ae}
body.home.nl-design-active .site-header .nav-quote{border:1px solid #a8bdcd;border-left:3px solid #7899ae;color:#fff;background:transparent}
body.home.nl-design-active .hero .button.primary:hover{background:#dbe8f1;color:#102030}
body.home.nl-design-active .hero .button.secondary:hover,body.home.nl-design-active .site-header .nav-quote:hover{background:#fff;color:#102030}
.nl-design-active .product-card-copy p:not(.category),.nl-design-active .yc-material p,.nl-design-active .story-card p,.nl-design-active .page-content p,.nl-design-active .article-body p{font-size:16px;line-height:1.7}
.nl-design-active .card-meta{font-size:15px!important}
.nl-design-active .product-card .text-link,.nl-design-active .story-card .text-link,.nl-design-active .catalog-filter label,.nl-design-active .quote-form label,.nl-design-active .quote-checklist li{font-size:15px;line-height:1.55}
.nl-design-active .site-footer p,.nl-design-active .site-footer li a,.nl-design-active .footer-grid>div>a:not(.footer-brand){font-size:15px;line-height:1.6}
.nl-design-active .page-content>p,.nl-design-active .article-body>p{max-width:76ch}
.nl-design-active .capability-jumps{display:flex;flex-wrap:wrap;gap:10px!important}
.nl-design-active .catalog-chips a,.nl-design-active .chip{border-radius:0;font-size:14px;min-height:40px}
.nl-design-active .catalog-filter .button{font-size:14px}
@media(max-width:650px){
  .nl-design-active .product-card-copy p:not(.category),.nl-design-active .yc-material p,.nl-design-active .story-card p,.nl-design-active .page-content p,.nl-design-active .article-body p{font-size:15px;line-height:1.65}
  .nl-design-active .quote-form label,.nl-design-active .catalog-filter label,.nl-design-active .product-card .text-link,.nl-design-active .quote-checklist li{font-size:14px}
  .nl-design-active .quote-form label input:not([type=checkbox]),.nl-design-active .quote-form label textarea,.nl-design-active .catalog-filter input,.nl-design-active .catalog-filter select{font-size:16px}
  .nl-design-active .site-footer p,.nl-design-active .site-footer li a,.nl-design-active .footer-grid>div>a:not(.footer-brand){font-size:14px}
  .nl-design-active .capability-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nl-design-active .capability-jumps .button{width:100%;min-height:52px;padding:10px 8px;font-size:14px;text-align:center}
}

/* A cool machined face is progressively revealed over a darker metal edge. */
body.home.nl-design-active .hero h1{font-size:clamp(3rem,5.6vw,5.3rem);line-height:1.02}
.home .hero-engrave-char{
  color:#718696;-webkit-text-stroke:.35px rgba(194,211,221,.6);
  text-shadow:0 1px 0 #99aeba,0 2px 0 #718999,0 3px 0 #4b6372,0 4px 0 #273b49,0 7px 10px rgba(0,0,0,.72);
}
.home .hero-engrave-char:after{
  background:linear-gradient(165deg,#fff 3%,#d5e2e9 30%,#91a8b7 46%,#f7fbfd 52%,#d2e0e7 71%,#a4b9c6 100%);
  -webkit-background-clip:text;background-clip:text;
}
@media(prefers-reduced-motion:no-preference){
  .home .hero-engrave-char{animation:yc-carved-glyph .65s cubic-bezier(.23,1,.32,1) both;animation-delay:var(--char-delay,0s)}
  .home .hero-engrave-char:after{animation:yc-carved-face .65s cubic-bezier(.23,1,.32,1) both;animation-delay:var(--char-delay,0s)}
  @keyframes yc-carved-glyph{from{opacity:.75;transform:translateY(2px)}to{opacity:1;transform:none}}
  @keyframes yc-carved-face{from{clip-path:inset(0 100% -8px 0);opacity:.6}to{clip-path:inset(-2px -4px -8px -2px);opacity:1}}
}
@media(prefers-reduced-motion:reduce){
  .nl-design-active .button,.nl-design-active .wp-block-button__link,.nl-design-active .floating-tools>a{transition:none}
  .home .hero-engrave-char,.home .hero-engrave-char:after{animation:none;clip-path:none;transform:none;opacity:1}
}
@media(max-width:650px){
  body.home.nl-design-active .hero h1{font-size:clamp(2.4rem,11vw,3.4rem);line-height:1.02}
  .home.nl-design-active .hero .button{font-size:14px}
}