/* Quiet motion and surface depth for the product collection. */
.product-page{--pd-ease:cubic-bezier(.22,1,.36,1)}
.pd-reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,#416d8b,#a8c6d8);transform:scaleX(0);transform-origin:left;z-index:90;pointer-events:none}
.product-page .site-header{transition:box-shadow .35s ease,background-color .35s ease}
.product-page.pd-has-scrolled .site-header{box-shadow:0 8px 30px #1635490b}
.product-page.pd-effects .pd-hero-copy>*{animation:pd-intro-in .85s var(--pd-ease) both}
.product-page.pd-effects .pd-hero-copy>:nth-child(2){animation-delay:.07s}
.product-page.pd-effects .pd-hero-copy>:nth-child(3){animation-delay:.14s}
.product-page.pd-effects .pd-hero-copy>:nth-child(n+4){animation-delay:.21s}
.product-page .pd-gallery-figure{transition:box-shadow .5s var(--pd-ease),border-color .5s ease}
.product-page .pd-gallery-main{transition:transform .8s var(--pd-ease)}
.product-page .pd-gallery-zoom-hint{transition:background .3s ease,box-shadow .3s ease}
.product-page .pd-button{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s var(--pd-ease),box-shadow .3s ease,background-color .3s ease}
.product-page .pd-button::after{content:"";position:absolute;inset:-70% auto -70% -65%;width:40%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);pointer-events:none;z-index:-1;transition:left .65s var(--pd-ease)}
.product-page .pd-button svg,.product-page .pd-inline-link svg{transition:transform .3s var(--pd-ease)}
.product-page :is(.pd-gallery-thumb,.bc-card,.pd-application-photo,.wg-pattern-card,.wg-detail-grid>article,.wg-download-grid>a){transition:transform .4s var(--pd-ease),box-shadow .4s ease,border-color .3s ease}
.product-page :is(.pd-application-photo,.wg-pattern-card,.pd-related>a>div){overflow:hidden}
.product-page :is(.pd-application-photo>img,.wg-pattern-card>img){transition:transform .8s var(--pd-ease)}
.product-page .pd-process li{transition:border-color .3s ease}
.product-page .pd-process li>span{transition:color .3s ease,background .3s ease,transform .3s ease}
.product-page .pd-spec-table tbody tr{transition:background .25s ease}
.product-page .pd-spec-table tbody tr:hover{background:#e7eff580}
.product-page .pd-faq details{transition:border-color .3s ease,background .3s ease}
.product-page .pd-faq details[open]{border-color:#a5bdcd}
.product-page .pd-faq details[open]>p{animation:pd-answer-in .35s ease both}
.product-page .pd-quote-form{transition:box-shadow .35s ease}
.product-page .pd-quote-form:focus-within{box-shadow:0 16px 50px #07172426}
.product-page .pd-quote-form :is(input,textarea){transition:border-color .25s ease,box-shadow .25s ease}
.product-page .pd-quote-form :is(input,textarea):focus{outline:2px solid #6d9abb;outline-offset:2px;border-color:#527c9a}
.product-page .pd-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--pd-ease) var(--pd-reveal-delay,0ms),transform .75s var(--pd-ease) var(--pd-reveal-delay,0ms)}
.product-page .pd-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){
  .product-page .pd-gallery-figure:hover{border-color:#b3c5d1;box-shadow:0 18px 50px #1c3f5410}
  .product-page .pd-gallery-open:hover .pd-gallery-main{transform:scale(1.025)}
  .product-page .pd-gallery-open:hover .pd-gallery-zoom-hint{background:#fff;box-shadow:0 4px 16px #17384e15}
  .product-page .pd-gallery-thumb:hover{transform:translateY(-3px);box-shadow:0 5px 14px #17384e12}
  .product-page .pd-button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #17384e24}
  .product-page .pd-button:hover::after{left:135%}
  .product-page .pd-button:hover svg,.product-page .pd-inline-link:hover svg{transform:translateX(3px)}
  .product-page :is(.bc-card,.pd-application-photo,.wg-pattern-card,.wg-detail-grid>article,.wg-download-grid>a):hover{transform:translateY(-5px);border-color:#b0c4d1;box-shadow:0 16px 36px #17384e12}
  .product-page :is(.pd-application-photo,.wg-pattern-card):hover>img{transform:scale(1.035)}
  .product-page .pd-process li:hover{border-color:#6d94ac}
  .product-page .pd-process li:hover>span{background:#21465f;color:#fff;transform:translateY(-2px)}
}
@keyframes pd-intro-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes pd-answer-in{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .product-page .pd-reveal{opacity:1;transform:none}
  .product-page :is(.pd-gallery-main,.pd-application-photo>img,.wg-pattern-card>img){transform:none!important}
  .pd-reading-progress{display:none}
}
