/* Polish layer: quiet motion and navigation cues in the original editorial style. */
.pl-progress{position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none}
.pl-progress span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--gold)}

.site-header{transition:height .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}
.site-header .brand{transition:width .35s cubic-bezier(.22,1,.36,1)}
.is-scrolled .site-header{height:74px;box-shadow:0 12px 30px -24px rgba(18,30,61,.45)}
.is-scrolled .site-header .brand{width:196px}

.nav-links>a:not(.nav-cta){position:relative}
.nav-links>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold-dark);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.nav-links>a:not(.nav-cta):hover:after,.nav-links>a[aria-current=true]:after{transform:scaleX(1)}

.hero-image img{animation:pl-settle 2.4s cubic-bezier(.22,1,.36,1) both}
@keyframes pl-settle{from{transform:scale(1.06)}to{transform:scale(1)}}

.js-pl .pl-reveal{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.js-pl .pl-reveal.pl-in{opacity:1;transform:none}

.button,.text-link,.nav-cta{transition:background .25s,color .25s,transform .25s}
.text-link span{transition:transform .25s}
.text-link:hover span{transform:translate(2px,-2px)}

@media (prefers-reduced-motion:reduce){
  .hero-image img{animation:none}
  .js-pl .pl-reveal{opacity:1;transform:none;transition:none}
  .site-header,.site-header .brand{transition:none}
}
@media print{.pl-progress{display:none}.js-pl .pl-reveal{opacity:1!important;transform:none!important}}

/* Review fixes (11 Oct 2026): mobile form, footer, contrast, type floor */
@media (max-width:720px){
  .rfq-panel .form-row{grid-template-columns:1fr!important}
  .rfq-panel input::placeholder,.rfq-panel textarea::placeholder{font-size:inherit!important}
  .rfq-panel .quantity-field select,.rfq-panel input[type=date]{font-size:16px!important}
  .rfq-panel .quantity-field select{width:96px}
  .site-footer .back-top{position:static!important;margin-top:16px}
  .menu-toggle{font-size:12px!important}
}