/* Contact: procurement label above the email, and the RFQ panel unrolling like a scroll when it enters the viewport. */
.contact-label{display:block;margin-top:44px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#bdb696}
.contact-label + .contact-email{margin-top:14px}

/* Starts as a thin gold bar in the middle, opens to the top and bottom while tilting up from the back. */
.js-pl .rfq-panel.pl-reveal{position:relative;opacity:1;transform:perspective(1600px) rotateX(16deg);transform-origin:50% 30%;clip-path:inset(calc(50% - 1px) 0 calc(50% - 1px) 0);transition:clip-path 1.3s cubic-bezier(.65,0,.15,1),transform 1.5s cubic-bezier(.22,1,.36,1)}
.js-pl .rfq-panel.pl-reveal.pl-in{clip-path:inset(0);transform:perspective(1600px) rotateX(0)}
.js-pl .rfq-panel.pl-reveal::before,.js-pl .rfq-panel.pl-reveal::after{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e0c47c 18%,#e0c47c 82%,transparent);box-shadow:0 0 14px rgba(224,196,124,.55);pointer-events:none;z-index:3;transition:top 1.3s cubic-bezier(.65,0,.15,1),bottom 1.3s cubic-bezier(.65,0,.15,1),opacity .7s ease 1.2s}
.js-pl .rfq-panel.pl-reveal::before{top:calc(50% - 1px)}
.js-pl .rfq-panel.pl-reveal::after{bottom:calc(50% - 1px)}
.js-pl .rfq-panel.pl-reveal.pl-in::before{top:0;opacity:0}
.js-pl .rfq-panel.pl-reveal.pl-in::after{bottom:0;opacity:0}
.js-pl .rfq-panel.pl-reveal>*{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.js-pl .rfq-panel.pl-reveal.pl-in>*{opacity:1;transform:none;transition-delay:.75s}
.js-pl .rfq-panel.pl-reveal.pl-in>*:nth-child(2){transition-delay:.85s}
.js-pl .rfq-panel.pl-reveal.pl-in>*:nth-child(n+3){transition-delay:.95s}

@media (prefers-reduced-motion:reduce){
  .js-pl .rfq-panel.pl-reveal,.js-pl .rfq-panel.pl-reveal>*{clip-path:none;transform:none;opacity:1;transition:none}
  .js-pl .rfq-panel.pl-reveal::before,.js-pl .rfq-panel.pl-reveal::after{display:none}
}
@media print{
  .js-pl .rfq-panel.pl-reveal,.js-pl .rfq-panel.pl-reveal>*{clip-path:none!important;transform:none!important;opacity:1!important}
  .js-pl .rfq-panel.pl-reveal::before,.js-pl .rfq-panel.pl-reveal::after{display:none}
}

/* Footer: logo left, back-to-top right (tagline removed) */
.footer-top{justify-content:space-between}

/* iOS: keep arrow glyphs as text, never emoji */
body{font-variant-emoji:text}
.contact{overflow-x:clip}
