/* Deliberate, optional motion for the redesigned site. Never loaded on PushBack's landing page. */
[data-site-motion]{--motion-accent:var(--pink,#ff98cb);--motion-ease:cubic-bezier(.2,.75,.25,1);--motion-fast:180ms;--motion-medium:320ms}
.guide-page[data-site-motion]{--motion-accent:#63e6d1}
[data-site-motion] :where(button,.button,.btn,.cat-button,.dl,.chip,.account,.platform-choice-button){transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-medium),translate var(--motion-fast),scale var(--motion-fast);touch-action:manipulation}
[data-site-motion] :where(button,.button,.btn,.cat-button,.dl,.chip,.account):active{scale:.97}
[data-site-motion] :where(a,button,input,textarea,select,summary):focus-visible{outline-offset:5px;transition:outline-offset var(--motion-fast),box-shadow var(--motion-fast)}
[data-site-motion] :where(input:not([type=range]):not([type=checkbox]),textarea,select){transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast)}
[data-site-motion] :where(input:not([type=range]):not([type=checkbox]),textarea,select):focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--motion-accent) 12%,transparent)}
[data-site-motion] input[type=range]{transition:filter 160ms;touch-action:pan-y}
[data-site-motion] input[type=range]:active{filter:brightness(1.2)}
[data-site-motion] input[type=range]::-webkit-slider-thumb{transition:scale 150ms,box-shadow 150ms}
[data-site-motion] input[type=range]:active::-webkit-slider-thumb{scale:1.2;box-shadow:0 0 0 5px color-mix(in srgb,var(--motion-accent) 15%,transparent)}
[data-site-motion] input[type=checkbox]{transition:scale 150ms,filter 150ms}
[data-site-motion] input[type=checkbox]:active{scale:.9}
[data-site-motion] :where(.work,.cat-product,.product,.panel,.status-card,.policy-toc a,.contact-aside,.route a,.cat-owner-links a){transition:translate var(--motion-medium) var(--motion-ease),border-color var(--motion-medium),box-shadow var(--motion-medium),background-color var(--motion-medium)}
[data-site-motion] :where(.work-art img,.portrait img,.hero-art-stage>img){transition:scale 650ms var(--motion-ease),filter 400ms}
[data-site-motion] :where(.tb-nav a,.cat-navlinks a,.product-links a,.site-footer a,.cat-footer a,.policy-nav a){transition:color var(--motion-fast),opacity var(--motion-fast),translate var(--motion-fast)}
[data-site-motion] :where(.npplayicon,.npbtn svg,.npsq svg){transform-origin:center;transition:scale 160ms,rotate 200ms}
[data-site-motion] .npbtn:hover svg{scale:1.12}
[data-site-motion] :where(.npsq,.npbtn):active svg{scale:.88}
[data-site-motion] :where(.faq summary,.product-details summary,.control-reference>summary){transition:color var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast)}
[data-site-motion] :where(.faq summary,.control-reference>summary):hover{color:var(--motion-accent)}
[data-site-motion] details>summary::after{transition:scale 220ms var(--motion-ease),color 160ms}
[data-site-motion] details[open]:not([data-motion-closing])>summary::after{scale:.9}
[data-site-motion] details[data-motion-closing]>summary::after{scale:1}
[data-site-motion].motion-enhanced .motion-pending{opacity:0;translate:0 20px}
[data-site-motion] .motion-ripple{position:absolute;inset:0;border:1px solid currentColor;border-radius:inherit;pointer-events:none;opacity:0;z-index:1}
[data-site-motion] [data-motion-ghost]{pointer-events:none!important;user-select:none!important;contain:layout style;z-index:350!important}
[data-site-motion] [data-motion-ghost] :where(button,a,input){pointer-events:none!important}
[data-site-motion] .motion-field-feedback{box-shadow:0 0 0 4px color-mix(in srgb,var(--motion-accent) 15%,transparent)}
[data-site-motion] #npwave{display:block;width:100%;height:64px;margin:18px 0 8px;opacity:.8}
[data-site-motion] #npwave[hidden]{display:none}
@media(hover:hover) and (pointer:fine){
 [data-site-motion] :where(.button,.btn,.cat-button,.account):hover{translate:0 -2px;box-shadow:0 8px 28px #0003}
 [data-site-motion] :where(.work,.cat-product,.product):hover{translate:0 -4px;box-shadow:0 20px 54px #0003}
 [data-site-motion] :where(.cat-owner-links a,.route a,.policy-toc a):hover{translate:3px 0}
 [data-site-motion] :where(.work-art,.portrait):hover img{scale:1.035}
 [data-site-motion] :where(.tb-nav a,.cat-navlinks a,.product-links a):hover{translate:0 -1px}
}
@media(prefers-reduced-motion:reduce){
 [data-site-motion] *,[data-site-motion] *::before,[data-site-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-site-motion].motion-enhanced .motion-pending{opacity:1;translate:none}
 [data-site-motion] :where(button,.button,.btn,.cat-button,.dl,.chip,.account):active{scale:none}
 [data-site-motion] :where(.button,.btn,.cat-button,.account,.work,.cat-product,.product,.cat-owner-links a,.route a,.policy-toc a,.tb-nav a,.cat-navlinks a,.product-links a):hover{translate:none}
 [data-site-motion] :where(.work-art,.portrait):hover img{scale:none}
 [data-site-motion] [data-motion-ghost]{display:none!important}
 [data-site-motion] #npwave{display:none}
}

/* Ordinary document links use the same section-entry motion as direct visits.
   Native document snapshots are intentionally not enabled: rapid Back/reload
   can reject an inaccessible Chromium transition promise. */
/* premium crown */
.spinz-crown{display:inline-block;width:1em;height:1em;vertical-align:-.14em;color:#f2c14e;flex:none;filter:drop-shadow(0 0 6px rgba(242,193,78,.45))}
a.account-link.is-premium{gap:7px;border-color:rgba(242,193,78,.45)!important;box-shadow:inset 0 0 0 1px rgba(242,193,78,.12)}
a.account-link.is-premium .spinz-crown{font-size:15px}
