/* VAV implementation QA — eight scoped corrections, no production raster changes. */
@media(min-width:901px){
  /* Keep the embroidery where it is conceptually dominant; the CTA stays at its approved baseline. */
  body .hero-section.vav-embroidery-hero .vav-embroidery-hero__stage{
    transform:translate3d(0,-clamp(58px,7vh,92px),0)!important;
  }
  /* Product hero should not hug the left glass edge. */
  body.product-body .site-header .nav-shell{padding-left:clamp(26px,2.6vw,42px)!important}
  /* Assortment button remains in sight once the nav jump settles. */
  .assortment-section .preview-copy{top:46%!important}
  .assortment-section .preview-open{
    min-height:54px!important;
    padding:0 28px!important;
    color:#fff!important;
    background:#0b0b0b!important;
    border:1px solid #080808!important;
    font-size:14px!important;
    font-weight:750!important;
    letter-spacing:-.01em!important;
    box-shadow:0 12px 26px rgba(0,0,0,.17)!important;
    transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  .assortment-section .preview-open:hover,.assortment-section .preview-open:focus-visible{
    background:#272727!important;
    box-shadow:0 18px 32px rgba(0,0,0,.22)!important;
    transform:translateY(-2px)!important;
  }
  /* Last case must have room to fully occupy its sticky position before the next section. */
  .cases-section .cases-stack{padding-bottom:0!important}
  .cases-section .case-card-rzd{
    scroll-margin-top:104px!important;
    top:104px!important;
    height:min(720px,calc(100svh - 125px))!important;
    min-height:min(610px,calc(100svh - 125px))!important;
  }
}
@media(max-width:900px){
  .assortment-section .preview-open{
    background:#090909!important;
    color:#fff!important;
    border-color:#090909!important;
    font-weight:750!important;
    min-height:50px!important;
    box-shadow:0 11px 26px rgba(0,0,0,.14)!important;
  }
  /* Remove the superseded half-scene release spacer after the third case.
     Native sticky cards now hand off directly to Facts; the mobile overlay
     returns its placeholder to the stack before the hand-off. */
  .cases-section .cases-stack{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
  .cases-section{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
  .cases-section .case-card-rzd:last-child{margin-bottom:0!important}
  body.product-body .site-header .nav-shell{padding-left:20px!important}
}

/* Same measured lettering height, weight and near-black satin texture across all clients.
   Logos stay real text/UI, not raster artwork. */
.clients-section .clients-real-track .client-logo[class*="client-logo--"]{
  height:54px!important;
  transform:none!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-style:normal!important;
  text-transform:none!important;
  color:#111!important;
  text-shadow:none!important;
  -webkit-text-stroke:.10px #0b0b0b;
}
.clients-section .clients-real-track .client-logo-main{
  /* Alternating satin-thread light/dark strokes, with visible yarn direction. */
  background:repeating-linear-gradient(104deg,
    #050505 0px,#131313 .65px,#404040 1.1px,#0a0a0a 1.75px,
    #242424 2.35px,#050505 3.0px)!important;
  filter:drop-shadow(0 1.05px .7px rgba(0,0,0,.30))
    drop-shadow(0 -.5px .2px rgba(255,255,255,.30))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  font-weight:inherit!important;
}
.clients-section .clients-real-track .client-logo-sub{font-size:8px!important;letter-spacing:.13em!important}
.clients-section .clients-real-track .client-logo-group{
  gap:clamp(42px,4.4vw,76px)!important;
  padding-right:clamp(42px,4.4vw,76px)!important;
}
@media(max-width:900px){
  .clients-section .clients-real-track .client-logo[class*="client-logo--"]{
    height:43px!important;font-size:20px!important;
  }
}
/* Landing form uses exactly the same 1/2 → 2/2 interaction model as product pages. */
.brief-form--two-step{min-height:0!important;overflow:visible!important;float:none!important}
.brief-form--two-step .brief-form-step[hidden]{display:none!important}
.brief-form--two-step .brief-form-step{display:block}
.brief-form--two-step .brief-step-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:18px;margin-bottom:10px;
}
.brief-form--two-step .brief-step-head strong{font-size:15px;letter-spacing:-.02em}
.brief-form--two-step .brief-step-head span{font-size:11px;color:rgba(255,255,255,.55)}
.brief-form--two-step label>span{
  display:block!important;
  margin-bottom:10px!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:11px!important;
  color:rgba(255,255,255,.64)!important;
}
.brief-form--two-step .brief-contact-choice{padding:14px 0 18px;margin:0;border:0}
.brief-form--two-step .brief-contact-choice legend{font-size:11px;color:rgba(255,255,255,.64)}
.brief-form--two-step .brief-contact-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.brief-form--two-step .brief-contact-chips button{
  cursor:pointer;min-height:38px;padding:0 18px;border-radius:999px;
  color:#fff;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08);
  font:inherit;font-size:12px;transition:background .18s ease,color .18s ease;
}
.brief-form--two-step .brief-contact-chips button.is-active{
  color:#111!important;background:#fff!important;border-color:#fff!important;
}
.brief-form--two-step label[hidden]{display:none!important}
.brief-form--two-step .brief-next,
.brief-form--two-step .brief-step-actions .submit{
  width:100%!important;min-height:54px!important;
  float:none!important;justify-content:space-between!important;
  color:#111!important;background:#fff!important;border-color:#fff!important;
  font-weight:700!important;margin-top:18px!important;
}
.brief-form--two-step .brief-step-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:12px}
.brief-form--two-step .brief-step-actions .brief-back{
  min-height:54px;border-color:rgba(255,255,255,.26)!important;
  background:transparent!important;color:#fff!important;
  margin-top:18px;
}
.brief-form--two-step .brief-step-actions .submit{min-width:0!important}
.brief-form--two-step .form-status{padding-top:10px;min-height:24px}
@media(max-width:560px){
 .brief-form--two-step .brief-step-actions{grid-template-columns:1fr 1.2fr}
 .brief-form--two-step .brief-next,.brief-form--two-step .brief-step-actions .submit,.brief-form--two-step .brief-step-actions .brief-back{font-size:12px!important;padding-inline:13px!important}
}


/* Free-text brief request: one short hint, no selector or additional UI card. */
.brief-form--two-step .brief-items-hint{
  display:block;margin-top:8px;font-size:11px;line-height:1.45;
  color:rgba(255,255,255,.55);font-weight:400;
}
.brief-form--two-step input[name="requestedItems"]{box-sizing:border-box;min-width:0;width:100%}