.pv-trio{--pv-blue: #0156cb;--pv-yellow: #f7c852;--pv-ink: #212121;--pv-ease: cubic-bezier(.2, .8, .2, 1);--rail-h: 150px;--item: 96px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#fff}.pv-trio--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-trio--1{grid-template-columns:minmax(0,1fr)}.pv-trio__panel{position:relative;isolation:isolate;overflow:hidden;height:clamp(560px,94vh,940px);height:clamp(560px,94svh,940px);background:#f3f1ea;color:#fff}.pv-trio__panel--dark{color:var(--pv-ink)}.pv-trio picture{display:contents}.pv-trio__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);transition:transform 1.4s var(--pv-ease),filter .6s ease;animation:pv-trio-in 1.2s var(--pv-ease) both;animation-delay:calc(var(--i, 0) * .12s)}.pv-trio__photo--empty svg{width:100%;height:100%}.pv-trio__panel:hover .pv-trio__photo{transform:scale(1.03)}@media(hover:hover){.pv-trio:hover .pv-trio__panel:not(:hover) .pv-trio__photo{filter:brightness(.82) saturate(.9)}}.pv-trio__shade{position:absolute;inset:0 0 auto;height:46%;background:linear-gradient(to bottom,#0000006b,#0000);pointer-events:none}.pv-trio__panel--dark .pv-trio__shade{background:linear-gradient(to bottom,#ffffff8c,#fff0)}.pv-trio__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pv-trio__copy{position:absolute;z-index:2;left:clamp(20px,2.4vw,40px);right:clamp(20px,2.4vw,40px);top:calc(var(--header-height, 110px) + 34px);display:grid;justify-items:start;gap:10px;pointer-events:none;animation:pv-trio-copy .9s var(--pv-ease) both;animation-delay:calc(var(--i, 0) * .12s + .25s)}.pv-trio__copy a{pointer-events:auto}.pv-trio__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.9}.pv-trio__eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--pv-yellow);animation:pv-trio-pulse 2.4s ease-out infinite}.pv-trio__title{margin:0;font-family:inherit;font-size:clamp(22px,1.9vw,32px);font-weight:700;line-height:1.12;letter-spacing:-.01em;text-transform:none;text-wrap:balance;color:inherit}.pv-trio__text{margin:0;max-width:30ch;font-size:13px;line-height:1.5;opacity:.88}.pv-trio .pv-trio__cta{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding-bottom:3px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:inherit;-webkit-text-fill-color:currentColor;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition:background-size .3s ease,gap .3s var(--pv-ease)}.pv-trio .pv-trio__cta:hover,.pv-trio__panel:hover .pv-trio__cta{gap:14px;background-size:0 1px;background-position:100% 100%}.pv-trio__rail{position:absolute;z-index:2;left:0;right:0;bottom:0;height:var(--rail-h);overflow:hidden;-webkit-mask:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.pv-trio__track{position:absolute;left:0;bottom:0;display:flex;width:max-content;height:100%;animation:pv-trio-run var(--rail-speed, 60s) linear infinite}.pv-trio__rail--rev .pv-trio__track{animation-direction:reverse}.pv-trio__rail:hover .pv-trio__track,.pv-trio__rail:focus-within .pv-trio__track{animation-play-state:paused}.pv-trio__half{display:flex;align-items:flex-end;gap:12px;height:100%;padding:0 6px 22px}.pv-trio__item{flex:none;display:grid;place-items:center;width:var(--item);height:var(--item);padding:8px;border-radius:14px;background:#fff;box-shadow:0 12px 26px -14px #05144699;transition:transform .35s cubic-bezier(.3,1.35,.45,1),box-shadow .3s ease}.pv-trio__item>:not(img),.pv-trio__half>:not(.pv-trio__item){display:none!important}.pv-trio__item img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pv-trio__item:hover,.pv-trio__item:focus-visible{transform:translateY(-8px) rotate(-2deg);box-shadow:0 18px 30px -14px #051446b3}.pv-trio__item:focus-visible{outline:2px solid var(--pv-yellow);outline-offset:3px}@media only screen and (max-width:1199px){.pv-trio{--item: 80px;--rail-h: 124px}}@media only screen and (max-width:749px){.pv-trio{grid-template-columns:repeat(2,minmax(0,1fr));--item: 72px;--rail-h: 108px}.pv-trio__panel{height:auto;aspect-ratio:3 / 4}.pv-trio__panel--feature{grid-column:1 / -1;order:-1;aspect-ratio:4 / 5}.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__copy{top:16px;left:14px;right:14px;gap:6px}.pv-trio__panel--feature .pv-trio__copy{top:calc(var(--header-height, 64px) + 20px)}.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__title{font-size:15px}.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__cta{font-size:9.5px;letter-spacing:.06em}.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__cta span{display:none}.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__text,.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__rail,.pv-trio__panel:not(.pv-trio__panel--feature) .pv-trio__eyebrow{display:none}.pv-trio__title{font-size:22px}}@keyframes pv-trio-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes pv-trio-copy{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pv-trio-run{to{transform:translate(-50%)}}@keyframes pv-trio-pulse{0%{box-shadow:0 0 #f7c852b3}to{box-shadow:0 0 0 10px #f7c85200}}@media(prefers-reduced-motion:reduce){.pv-trio *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/pv-trio-hero.css.map */