.trainer-quotes{position:relative;margin:clamp(3rem,7vw,5.5rem) 0}.trainer-quotes-stage{position:relative;max-width:1400px;margin:0 auto;padding:0 var(--k9-space-5);height:clamp(560px,78vh,820px)}.trainer-quotes-head{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);max-width:480px;text-align:center;pointer-events:none}.trainer-quotes-accent{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--k9-color-blue);margin-bottom:var(--k9-space-3)}.trainer-quotes-kicker{display:block;font-family:var(--k9-font-body);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--k9-color-charcoal);opacity:.85;margin-bottom:var(--k9-space-2)}.trainer-quotes-heading{font-family:var(--k9-font-display);font-weight:400;font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:.95;letter-spacing:0;text-transform:uppercase;color:var(--k9-color-ink)}.trainer-quotes-instruction{margin:var(--k9-space-4) 0 0;font-family:var(--k9-font-body);font-size:.72rem;letter-spacing:.02em;color:var(--k9-color-charcoal);opacity:.85}.trainer-quotes-instruction-label--hover{display:none}@media(hover:hover)and (pointer:fine){.trainer-quotes-instruction-label--hover{display:inline}.trainer-quotes-instruction-label--tap{display:none}}.trainer-quotes-cards{position:absolute;inset:clamp(32px,5vh,52px) 0 0;z-index:1}.trainer-card{position:absolute;will-change:transform,opacity;width:clamp(150px,15vw,220px);aspect-ratio:3 / 4;perspective:1200px;cursor:pointer;z-index:1}.trainer-card:nth-child(1){top:0%;left:0%;transform:rotate(-7deg)}.trainer-card:nth-child(2){top:2%;right:0%;transform:rotate(6deg)}.trainer-card:nth-child(3){top:30%;left:-4%;transform:rotate(4deg)}.trainer-card:nth-child(4){top:26%;right:-3%;transform:rotate(-5deg)}.trainer-card:nth-child(5){bottom:0%;left:6%;transform:rotate(-4deg)}.trainer-card:nth-child(6){bottom:-2%;right:8%;transform:rotate(7deg)}.trainer-card:nth-child(7){top:-2%;left:28%;transform:rotate(3deg)}.trainer-card:nth-child(8){bottom:-4%;left:46%;transform:rotate(-3deg)}.trainer-card-float{width:100%;height:100%;animation:trainer-card-float 7s ease-in-out infinite alternate}.trainer-card:nth-child(2) .trainer-card-float{animation-duration:8.5s;animation-delay:-2s}.trainer-card:nth-child(3) .trainer-card-float{animation-duration:6.5s;animation-delay:-4s}.trainer-card:nth-child(4) .trainer-card-float{animation-duration:9s;animation-delay:-1s}.trainer-card:nth-child(5) .trainer-card-float{animation-duration:7.5s;animation-delay:-5s}.trainer-card:nth-child(6) .trainer-card-float{animation-duration:8s;animation-delay:-3s}.trainer-card:nth-child(7) .trainer-card-float{animation-duration:6.8s;animation-delay:-6s}.trainer-card:nth-child(8) .trainer-card-float{animation-duration:9.4s;animation-delay:-2.5s}@keyframes trainer-card-float{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(2px,-7px,0) rotate(.6deg)}to{transform:translate3d(-2px,-3px,0) rotate(-.5deg)}}.trainer-card:hover .trainer-card-float,.trainer-card:focus-visible .trainer-card-float,.trainer-card.is-flipped .trainer-card-float{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.trainer-card-float{animation:none}}.trainer-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.1,.2,1);border-radius:6px;box-shadow:0 18px 40px #0a0f2838}@media(hover:hover)and (pointer:fine){.trainer-card:hover{z-index:20}.trainer-card:hover .trainer-card-inner{transform:rotateY(180deg)}}.trainer-card.is-flipped{z-index:20}.trainer-card.is-flipped .trainer-card-inner{transform:rotateY(180deg)}.trainer-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:6px;overflow:hidden;border:4px solid #fff}.trainer-card-face--front img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.trainer-card-face--back{transform:rotateY(180deg);background:var(--k9-color-bg-subtle, #f5f6fa);display:flex;flex-direction:column;justify-content:center;padding:var(--k9-space-4);color:var(--k9-color-ink)}.trainer-card-accent-rule{display:block;width:26px;height:3px;margin:0 0 var(--k9-space-3);background:var(--k9-color-blue)}.trainer-card-text{font-family:var(--k9-font-body);font-weight:500;font-size:clamp(.72rem,.95vw,.82rem);line-height:1.45;color:var(--k9-color-charcoal);margin:0 0 var(--k9-space-3)}.trainer-card-name{font-family:var(--k9-font-body);font-weight:800;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--k9-color-ink);opacity:.7;margin:0}@media(max-width:749px){.trainer-quotes-stage{height:auto;padding:0 clamp(20px,6vw,32px)}.trainer-quotes-head{position:static;transform:none;max-width:none;margin:0 auto var(--k9-space-5);pointer-events:auto}.trainer-quotes-heading{font-size:clamp(2.1rem,9vw,2.8rem)}.trainer-quotes-cards{position:static;display:grid;grid-template-columns:1fr;gap:var(--k9-space-4);padding-bottom:var(--k9-space-5)}.trainer-card{position:static;width:auto;aspect-ratio:3 / 2;transform:none!important}}@media(min-width:750px)and (prefers-reduced-motion:no-preference){.trainer-quotes{height:calc(clamp(560px,78vh,820px) + 150vh)}.trainer-quotes-stage{position:sticky;top:var(--k9-header-offset, 114px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/trainer-quotes.css.map */