/* Gray International motion study: original layout, added movement. */
/* Page navigation stays immediate; in-page entrances never hide the document. */


body.gray-qa .factory-slide img { transform:none!important; }
.gray-motion-on .factory-slide:not(:first-child).active img { animation:gray-photo-breathe 12s linear both; }
@keyframes gray-photo-breathe { from { scale:1; } to { scale:1.045; } }

body.gray-qa header { transition:box-shadow .4s ease,background .4s ease; }
body.gray-qa header.gray-scrolled { box-shadow:0 12px 28px #0005; background:#090909; }
body.gray-qa nav>a { position:relative; border-color:transparent!important; }
body.gray-qa nav>a::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .4s ease; }
body.gray-qa nav>a:hover::after,body.gray-qa nav>a[aria-current]::after { transform:scaleX(1); transform-origin:left; }
body.gray-qa .text-button,body.gray-qa .navigation-step { transition:background .3s ease,color .3s ease,opacity .3s ease; }
body.gray-qa .text-button:hover { opacity:.75; }
body.gray-qa .navigation-step:hover { background:#ffffff18!important; }
.gray-motion-on .gray-motion-target { opacity:1; transform:none; }
.gray-motion-on .gray-motion-target.gray-entered { opacity:1; transform:none; }
.gray-motion-on .gray-image-reveal { clip-path:none; }
.gray-motion-on .gray-image-reveal.gray-entered { clip-path:inset(0); }
.gray-motion-on .gray-heading-reveal { opacity:1; transform:none; filter:none; }
.gray-motion-on .gray-heading-reveal.gray-entered { opacity:1; transform:none; filter:none; }
.gray-motion-on .section { position:relative; }
.gray-motion-on .section::before { content:''; position:absolute; left:0; top:0; height:1px; width:100%; background:#ffffff38; transform:scaleX(0); transform-origin:left; transition:transform 1.3s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.gray-motion-on .section.gray-line-entered::before { transform:scaleX(1); }
body.gray-qa .product-card,body.gray-qa .fabricated-index a,body.gray-qa .lab-row,body.gray-qa .family { transition:transform .45s ease,background .45s ease,border-color .45s ease; }
body.gray-qa .product-card:hover { transform:translateY(-5px); }
body.gray-qa .stats>div { transition:transform .4s ease; }
body.gray-qa .stats>div:hover { transform:translateY(-4px); }
body.gray-qa .cert-item { transition:opacity .4s ease,translate .4s ease; }
body.gray-qa .cert-item:hover { translate:0 -4px; }
body.gray-qa .product-photo img,body.gray-qa .range-image-button img,body.gray-qa .finished-product-photo img { transition:transform .8s cubic-bezier(.2,.7,.2,1)!important; }
body.gray-qa .product-photo:hover img,body.gray-qa .range-image-button:hover img { transform:scale(1.055)!important; }
body.gray-qa .fabricated-index a:hover,body.gray-qa .family:hover { transform:translateY(-3px); }
body.gray-qa .process-list summary b { transition:transform .4s ease; }
body.gray-qa .process-list details { interpolate-size:allow-keywords; }
body.gray-qa .process-list details::details-content { height:0; overflow:hidden; transition:height .5s ease,content-visibility .5s allow-discrete; }
body.gray-qa .process-list details[open]::details-content { height:auto; }
body.gray-qa .mega-menu:not([hidden]) { animation:gray-menu-in .4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes gray-menu-in { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
.gray-hero-progress { position:absolute; bottom:0; left:0; height:2px; width:100%; background:#ffffff90; transform-origin:left; transform:scaleX(0); pointer-events:none; z-index:9; }
body:not(.gray-motion-on) .gray-motion-target,body:not(.gray-motion-on) .gray-heading-reveal { opacity:1; transform:none; filter:none; }
body:not(.gray-motion-on) .gray-image-reveal { clip-path:none; }
body:not(.gray-motion-on) .will-reveal { opacity:1!important; transform:none!important; }
body:not(.gray-motion-on) *,body:not(.gray-motion-on) *::before,body:not(.gray-motion-on) *::after { transition:none!important; }
body:not(.gray-motion-on) .gray-hero-progress { display:none; }
body:not(.gray-motion-on) .factory-slide { transition:none!important; }
body:not(.gray-motion-on) .factory-slide img { animation:none!important; }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
 .gray-motion-target,.gray-heading-reveal { opacity:1!important; transform:none!important; filter:none!important; }
 .gray-image-reveal { clip-path:none!important; }
 .gray-hero-progress { display:none!important; }
}



/* Laboratory and manufacturing accordions share the same open/close motion. */
body.gray-qa .lab-row { interpolate-size:allow-keywords; }
body.gray-qa .lab-row::details-content {
    height:0; overflow:hidden;
    transition:height .5s cubic-bezier(.22,1,.36,1),content-visibility .5s allow-discrete;
}
body.gray-qa .lab-row[open]::details-content { height:auto; }
body.gray-qa .lab-toggle,body.gray-qa .lab-index {
    transition:transform .4s cubic-bezier(.22,1,.36,1),color .3s ease;
}
body.gray-qa .lab-row summary h3,body.gray-qa .process-list summary strong {
    transition:translate .35s cubic-bezier(.22,1,.36,1);
}
@media(hover:hover) {
    body.gray-qa .lab-row summary:hover h3,body.gray-qa .process-list summary:hover strong { translate:4px 0; }
    body.gray-qa .mega-category { transition:translate .3s ease; }
    body.gray-qa .mega-category:hover { translate:4px 0; }
}
@media(prefers-reduced-motion:reduce) {
    body.gray-qa .lab-row::details-content { transition:none; }
    body.gray-qa .lab-row summary h3,body.gray-qa .process-list summary strong,body.gray-qa .mega-category { translate:none!important; }
}