/* Industrial action buttons: flat sign face, clipped corners, narrow safety marking. */
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype')}
.button{
 --action-face:var(--yellow);--action-text:var(--ink);--action-edge:#c4a014;--action-mark:var(--ink);
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
 min-height:54px;max-width:100%;padding:15px 28px 15px 32px;gap:0;border:0;border-radius:0;
 clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
 background:var(--action-face);color:var(--action-text);box-shadow:inset 0 -3px 0 var(--action-edge);
 font-family:'Barlow Semi Condensed',Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.25;
 letter-spacing:.035em;text-transform:uppercase;text-align:center;text-decoration:none;
 transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.button::before{
 content:'';position:absolute;left:0;top:0;bottom:0;width:6px;pointer-events:none;
 background:repeating-linear-gradient(-45deg,var(--action-mark) 0 4px,transparent 4px 8px);
}
.button::after{content:none;display:none}
.button:hover{background:#ecc014;transform:translateY(-1px)}
.button:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 var(--action-edge)}
.button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--action-text),inset 0 0 0 5px var(--action-face)}
.button.secondary{--action-face:#eeeee7;--action-text:var(--ink);--action-edge:#c8cbbf;--action-mark:#818674;background:var(--action-face);border:0}
.button.secondary:hover{background:#e3e5db}
.button.dark{--action-face:var(--ink);--action-text:var(--yellow);--action-edge:#060806;--action-mark:var(--yellow);background:var(--action-face);border:0}
.button.dark:hover{background:#2a2e25}
header .nav>.button{font-size:16px;padding:15px 24px 15px 28px}
.button:disabled,#quote .button:disabled{transform:none;cursor:wait;opacity:.55}
@media(max-width:560px){.button{min-height:50px;padding:14px 21px 14px 25px;font-size:16px}.mobile-menu .button{width:100%}#quote .rfq-actions .button{padding:13px 18px 13px 22px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:active{transform:none}}