/* Yuanchen: the selected machined metal nameplate.
   Native text stays searchable, translatable and available without JavaScript. */
body.nl-design-active{
  --plate-cut:6px;--plate-depth:4px;
  --plate-ease:var(--industrial-ease,cubic-bezier(.23,1,.32,1));
}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a){
  --plate-face-a:#eef3f5;--plate-face-b:#c3d0d8;--plate-ink:#1d3749;
  --plate-edge-a:#91a7b5;--plate-edge-b:#486576;--plate-hole:#213e50;
  --plate-hole-rim:#89a1b0;--plate-depth:4px;
}
body.nl-design-active :is(.button.primary,.button.secondary,.button.light,.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a),
body.home.nl-design-active .hero .button,
body.home.nl-design-active .site-header .nav-quote{
  position:relative;isolation:isolate;z-index:0;display:inline-flex;align-items:center;justify-content:center;
  min-width:0;min-height:56px;gap:0;padding:13px 29px 17px;border:0;border-radius:0;
  background:none!important;color:var(--plate-ink)!important;box-shadow:none;
  font-family:inherit;font-size:15px;font-weight:650;line-height:1.35;letter-spacing:.045em;
  text-align:center;text-transform:uppercase;text-decoration:none;white-space:normal;overflow-wrap:anywhere;
  text-shadow:0 -1px 0 rgba(7,31,46,.18),0 1px 0 rgba(255,255,255,.7);
  overflow:visible;clip-path:none;cursor:pointer;filter:drop-shadow(0 3px 2px rgba(4,20,31,.14));
  transition:transform 160ms var(--plate-ease);-webkit-tap-highlight-color:transparent;
}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::before,
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::after{
  content:"";display:block;position:absolute;inset:0;width:auto;height:auto;border:0;opacity:1;pointer-events:none;
  transform:none;animation:none;
  clip-path:polygon(var(--plate-cut) 0,calc(100% - var(--plate-cut)) 0,100% var(--plate-cut),100% calc(100% - var(--plate-cut)),calc(100% - var(--plate-cut)) 100%,var(--plate-cut) 100%,0 calc(100% - var(--plate-cut)),0 var(--plate-cut));
}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::before{
  z-index:-2;background:linear-gradient(125deg,var(--plate-edge-a),var(--plate-edge-b));
  box-shadow:inset 0 -1px rgba(228,242,250,.35);
}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::after{
  z-index:-1;inset:1px 1px calc(var(--plate-depth) + 1px);background:
    radial-gradient(circle at 13px 50%,var(--plate-hole) 0 2.1px,var(--plate-hole-rim) 2.3px 3px,transparent 3.2px),
    radial-gradient(circle at calc(100% - 13px) 50%,var(--plate-hole) 0 2.1px,var(--plate-hole-rim) 2.3px 3px,transparent 3.2px),
    linear-gradient(120deg,var(--plate-face-a),var(--plate-face-b) 58%,#d8e2e8);
  box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -1px rgba(55,82,102,.4);
  transition:transform 160ms var(--plate-ease);
}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)>[aria-hidden=true]:not(.yc-plate-glint),
body.nl-design-active .yc-plate-label>[aria-hidden=true]{display:none}
body.nl-design-active .yc-metal-plate>.yc-plate-label,
body.home.nl-design-active .hero .button>.yc-plate-label{
  display:block;position:relative;z-index:2;min-width:0;max-width:100%;color:inherit;white-space:inherit;
  pointer-events:none;transition:transform 160ms var(--plate-ease);
}
body.nl-design-active .yc-metal-plate>.yc-plate-glint{
  display:block;position:absolute;z-index:1;inset:1px 1px calc(var(--plate-depth) + 1px);pointer-events:none;overflow:hidden;
  clip-path:polygon(var(--plate-cut) 0,calc(100% - var(--plate-cut)) 0,100% var(--plate-cut),100% calc(100% - var(--plate-cut)),calc(100% - var(--plate-cut)) 100%,var(--plate-cut) 100%,0 calc(100% - var(--plate-cut)),0 var(--plate-cut));
  transition:transform 160ms var(--plate-ease);
}
body.nl-design-active .yc-plate-glint::before{
  content:"";display:block;position:absolute;top:-30%;bottom:-30%;left:0;width:40%;opacity:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-180%);transition:transform 550ms var(--plate-ease),opacity 160ms ease;
}
/* The secondary face shares the machining, with less visual weight. */
body.nl-design-active :is(.button.secondary,.nl-showcase__quote,.wp-block-button.is-style-outline .wp-block-button__link){
  --plate-face-a:#fafcfd;--plate-face-b:#e0e8ed;--plate-edge-a:#9fb1bd;--plate-edge-b:#8099a8;
}
body.nl-design-active .hero .button.secondary{
  --plate-face-a:#294453;--plate-face-b:#172c3b;--plate-ink:#f0f5f8;
  --plate-edge-a:#8ea8b9;--plate-edge-b:#4b6678;--plate-hole:#091c29;--plate-hole-rim:#668295;
  text-shadow:0 -1px 0 #061924,0 1px 0 rgba(255,255,255,.15);
}
body.nl-design-active .hero .button.secondary::after{
  background:
    radial-gradient(circle at 13px 50%,var(--plate-hole) 0 2.1px,var(--plate-hole-rim) 2.3px 3px,transparent 3.2px),
    radial-gradient(circle at calc(100% - 13px) 50%,var(--plate-hole) 0 2.1px,var(--plate-hole-rim) 2.3px 3px,transparent 3.2px),
    linear-gradient(120deg,var(--plate-face-a),var(--plate-face-b));
}
body.nl-design-active .hero .button.secondary>.yc-plate-glint::before{background:linear-gradient(110deg,transparent,rgba(255,255,255,.07),transparent)}
body.home.nl-design-active .hero .button{--plate-depth:4px;min-height:60px;font-size:16px;padding:15px 31px 20px}
body.nl-design-active .site-header .nav-quote,
body.home.nl-design-active .site-header .nav-quote{--plate-depth:3px;min-height:48px;padding:11px 27px 14px;font-size:13px;white-space:nowrap}
body.nl-design-active .nl-showcase :is(.nl-showcase__cta,.nl-showcase__quote){font-size:14px!important;font-weight:650!important;min-height:56px;max-width:320px}
body.nl-design-active .floating-tools>a{--plate-depth:3px;min-height:46px;padding:11px 25px 14px;font-size:13px;letter-spacing:.025em}
body.home.nl-design-active .floating-tools>a:not(:last-of-type){display:none}
@media(hover:hover) and (pointer:fine){
  body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a):not(:disabled):hover{
    color:var(--plate-ink)!important;transform:none;box-shadow:none;
  }
  body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a):not(:disabled):hover::after,
  body.nl-design-active .yc-metal-plate:not(:disabled):hover>.yc-plate-label,
  body.nl-design-active .yc-metal-plate:not(:disabled):hover>.yc-plate-glint{transform:translateY(-1px)}
  body.nl-design-active .yc-metal-plate:not(:disabled):hover>.yc-plate-glint::before{transform:translateX(380%);opacity:1}
}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a):not(:disabled):active{transform:translateY(1px)}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a):not(:disabled):active::after,
body.nl-design-active .yc-metal-plate:not(:disabled):active>.yc-plate-label,
body.nl-design-active .yc-metal-plate:not(:disabled):active>.yc-plate-glint{transform:translateY(2px)}
body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a):focus-visible{outline:3px solid #b45309;outline-offset:4px}
body.nl-design-active :is(.hero,.site-header,.closing-cta) .button:focus-visible{outline-color:#fbbf24}
body.nl-design-active :is(.button,.nl-showcase__quote):disabled{opacity:.55;cursor:wait;transform:none;filter:saturate(.2)}

/* Small controls retain the quieter titanium finish. */
body.nl-design-active :is(.hero-motion-toggle,.yc-language summary,.menu-toggle){
  background:linear-gradient(115deg,#1b303e,#10212d);border:1px solid #5b7586;
  box-shadow:inset 0 1px rgba(255,255,255,.09);border-radius:2px;color:#edf4f7;
}
body.nl-design-active .hero-motion-toggle{min-height:44px;padding:9px 12px;font-size:13px;gap:10px;letter-spacing:.01em}
body.nl-design-active .hero-motion-toggle::before{content:"";width:10px;height:12px;flex:none;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
body.nl-design-active .hero.motion-enabled .hero-motion-toggle::before{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
body.nl-design-active :is(.nl-showcase__arrows button,.back-top,.dialog-close){
  display:inline-grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;
  border:1px solid #8ca0ad;border-radius:2px;background:linear-gradient(115deg,#f5f8f9,#dce5ea);
  color:#203846;box-shadow:inset 0 1px #fff;font-size:22px;line-height:1;
  transition:transform 160ms var(--plate-ease),background-color 160ms ease;
}
body.nl-design-active .back-top{background:linear-gradient(115deg,#263e4e,#152a39);color:#f5f8fa;border-color:#668392;box-shadow:inset 0 1px rgba(255,255,255,.1)}
body.nl-design-active :is(.nl-showcase__arrows button,.back-top,.dialog-close):active{transform:translateY(1px)}
body.nl-design-active :is(.chip,.catalog-chips a,.nl-showcase__categories button){min-height:44px;border-radius:2px;border-color:#99adb9;background:#f8fafb;color:#253d4d;font-size:14px;box-shadow:none}
body.nl-design-active :is(.chip[aria-pressed=true],.catalog-chips a[aria-current],.nl-showcase__categories button[aria-pressed=true]){border-color:#324d5e;background:#203848;color:#f4f8fa;box-shadow:inset 0 -2px #c59b5d}
body.nl-design-active .js-file-picker .file-picker-button{min-height:40px;padding:9px 14px;border:1px solid #7b929f;border-radius:2px;background:linear-gradient(115deg,#edf3f6,#d8e3e9);color:#183143;box-shadow:inset 0 1px #fff}
body.nl-design-active .cookie-actions .button{min-height:46px;padding:11px 23px 15px;font-size:13px;letter-spacing:0;text-transform:none}
body.nl-design-active .text-link>span[aria-hidden]{transition:transform 160ms var(--plate-ease)}
@media(hover:hover) and (pointer:fine){
  body.nl-design-active :is(.hero-motion-toggle,.yc-language summary,.menu-toggle):hover{border-color:#b2c5d0;background:#213a4b}
  body.nl-design-active :is(.nl-showcase__arrows button,.back-top,.dialog-close):hover{border-color:#4a6a80;transform:translateY(-2px)}
  body.nl-design-active .text-link:hover{text-decoration:underline;text-underline-offset:5px}
  body.nl-design-active .text-link:hover>span[aria-hidden]{transform:translateX(3px)}
}
@media(min-width:1800px){body.nl-design-active .site-header .nav-quote,body.home.nl-design-active .site-header .nav-quote{min-height:52px;font-size:14px}}
@media(min-width:1101px) and (max-width:1250px){body.nl-design-active .site-header .nav-quote,body.home.nl-design-active .site-header .nav-quote{font-size:12px;padding-inline:24px;letter-spacing:.025em}}
@media(max-width:650px){
  body.home.nl-design-active .hero-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
  body.home.nl-design-active .hero-copy{padding-bottom:8px}
  body.home.nl-design-active .hero-motion-toggle{margin-top:6px}
  body.home.nl-design-active .hero .button{--plate-depth:4px;min-height:56px;width:100%;justify-content:center;font-size:15px;padding:14px 29px 18px}
  body.nl-design-active .nl-showcase--embedded :is(.nl-showcase__cta,.nl-showcase__quote){flex:1 1 150px;min-height:60px;max-width:none;padding:12px 26px 16px;font-size:13px!important;text-align:center;justify-content:center;align-self:stretch}
  body.nl-design-active .capability-jumps .button{min-height:52px;padding:12px 24px 16px;font-size:13px;justify-content:center;text-align:center}
  body.nl-design-active .catalog-filter .button{font-size:13px;min-height:48px;padding:12px 24px 16px}
  body.nl-design-active .closing-cta .button{width:100%}
  body.nl-design-active .submit-quote{width:100%;font-size:15px}
  body.nl-design-active .floating-tools>a{min-height:48px;font-size:13px}
  body.nl-design-active .floating-tools>a:not(:last-of-type){display:none}
  body.nl-design-active .floating-tools>.back-top{width:48px;height:48px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a,.nl-showcase__arrows button,.back-top,.dialog-close,.yc-plate-label,.yc-plate-glint,.text-link>span[aria-hidden]),
  body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::after{transition:none;transform:none!important}
  body.nl-design-active .yc-plate-glint{display:none!important}
}
@media(forced-colors:active){
  body.nl-design-active :is(.button.primary,.button.secondary,.button.light,.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a),
  body.home.nl-design-active .hero .button,
  body.home.nl-design-active .site-header .nav-quote{border:1px solid ButtonText;color:ButtonText!important;background:ButtonFace!important;text-shadow:none;filter:none}
  body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::before,
  body.nl-design-active :is(.button,.wp-block-button__link,.nl-showcase__cta,.nl-showcase__quote,.floating-tools>a)::after,
  body.nl-design-active .yc-plate-glint{display:none!important}
}