.wp-techniques{--wpt-zoom: 1.1;--wpt-zoom-dur: 2s;--wpt-lift: -6px;--wpt-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--wpt-radius: 18px;--wpt-inset: 10px;--wpt-ratio: 1 / 1;--wpt-card: var(--color-background-main-secondary, #f5f5f5);--wpt-soft: color-mix(in srgb, var(--color-text-main) 78%, transparent);--wpt-columns-tab: 3;--wpt-visible-mob: 1.2;--wpt-gap: 20px;--wpt-pad: var(--gutter-container, 40px);--wpt-bleed: calc(var(--wpt-pad) + max(0px, (100cqw - var(--theme-max-width, 100cqw)) / 2));display:block;container-type:inline-size;container-name:wpt;background:var(--wpt-bg, var(--color-background-main));color:var(--color-text-main)}.wp-techniques__inner{display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,3.2vh,32px);box-sizing:border-box;min-height:100svh;padding-block:clamp(2rem,5vh,4rem) clamp(2rem,5vh,4.5rem)}@container wpt (min-width: 768px){.wp-techniques__inner{padding-block:clamp(5rem,12vh,8rem)}}.wp-techniques__head{flex:none;text-align:center}.wp-techniques__eyebrow{margin:0 0 .6rem;color:var(--wp-color-eyebrow);text-transform:uppercase;letter-spacing:.08em}.wp-techniques__hgroup{margin:0}.wp-techniques__heading{margin:0;text-wrap:balance}@media screen and (max-width:767px){.wp-techniques__heading.heading-size--regular,.wp-techniques__ideal.heading-size--regular{font-size:min(calc((100vw - 6rem)/8),calc(34px / 60 * var(--base-headings-primary-size)))}}.wp-techniques__ideal{margin:0;text-wrap:balance}.wp-techniques__rotator{display:inline-grid;text-align:start;vertical-align:bottom;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;color:var(--wp-color-eyebrow)}.wp-techniques__word{grid-area:1 / 1;white-space:nowrap;transform:translateY(105%);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease}.wp-techniques__word.is-active{transform:none;opacity:1}.wp-techniques__word.is-leaving{transform:translateY(-105%);opacity:0}.wp-techniques__description{max-width:46rem;margin:.875rem auto 0;color:var(--wpt-soft);text-wrap:pretty}.wp-techniques__slider{display:flex;flex-direction:column;gap:clamp(10px,2vh,18px)}.wp-techniques__track{--wpt-cols: var(--wpt-columns, 5);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--wpt-gap);margin:0;padding:0;list-style:none}.wp-techniques__item{display:flex;flex:0 0 calc((100% - var(--wpt-gap) * (var(--wpt-cols) - 1)) / var(--wpt-cols));min-width:0}.wp-techniques__card{position:relative;display:flex;flex-direction:column;width:100%;border-radius:var(--wpt-radius);overflow:hidden;isolation:isolate;background:var(--wpt-card);color:var(--color-text-main);text-decoration:none;border:var(--wp-border-card);box-shadow:var(--wp-shadow-card);transition:transform var(--wpt-spring),box-shadow .35s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.wp-techniques__text{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px 13px;text-align:center}.wp-techniques__title{margin:0;font-size:calc(22px / 16 * var(--base-body-primary-size));line-height:1.15;text-wrap:balance}.wp-techniques__caption{--wpt-caption-lh: 1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:30ch;min-height:calc(2em * var(--wpt-caption-lh));margin:auto 0;font-size:calc(14px / 16 * var(--base-body-primary-size));line-height:var(--wpt-caption-lh);color:var(--wpt-soft)}.wp-techniques__media{position:relative;flex:none;align-self:center;width:calc(100% - var(--wpt-inset) * 2);aspect-ratio:var(--wpt-ratio);margin:0 0 var(--wpt-inset);overflow:hidden;border-radius:calc(var(--wpt-radius) - var(--wpt-inset));background:var(--color-background-main-secondary, #ebe6df)}.wp-techniques__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;transition:transform var(--wpt-zoom-dur) cubic-bezier(0,0,.44,1.18)}@media(hover:hover)and (pointer:fine){.wp-techniques__card:hover{transform:translateY(var(--wpt-lift));box-shadow:var(--wp-shadow-card-hover)}.wp-techniques__card:hover .wp-techniques__img{transform:scale(var(--wpt-zoom))}}.wp-techniques__card:focus-visible{outline:3px solid var(--wp-color-eyebrow);outline-offset:3px;transform:translateY(var(--wpt-lift));box-shadow:var(--wp-shadow-card-hover)}.wp-techniques__card:focus-visible .wp-techniques__img{transform:scale(var(--wpt-zoom))}@media(hover:none),(pointer:coarse){.wp-techniques__item.is-current .wp-techniques__img{transform:scale(var(--wpt-zoom))}}.wp-techniques__dots{display:flex;justify-content:center;gap:8px;flex:none}.wp-techniques__dots[hidden]{display:none}.wp-techniques__dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#2d2c3833;cursor:pointer;overflow:hidden;transition:width .3s ease;-webkit-tap-highlight-color:transparent}.wp-techniques__dot.is-active{width:32px}.wp-techniques__dot.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-text-main);transform-origin:0 50%;animation:wp-techniques-fill var(--wpt-autoplay, 4.5s) linear forwards}.wp-techniques__slider.is-paused .wp-techniques__dot.is-active:after{animation-play-state:paused}.wp-techniques__slider.no-autoplay .wp-techniques__dot.is-active:after{animation:none;transform:none}.wp-techniques__dot:focus-visible{outline:2px solid var(--wp-color-eyebrow);outline-offset:3px}@keyframes wp-techniques-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@container wpt (max-width: 1023px){.wp-techniques__inner{--wpt-gap: 16px}.wp-techniques__track{--wpt-cols: var(--wpt-columns-tab)}}@container wpt (max-width: 767px){.wp-techniques__inner{--wpt-gap: 12px}.wp-techniques__track{flex-wrap:nowrap;justify-content:flex-start;margin:0 calc(var(--wpt-bleed) * -1) 0 0;padding:0 var(--wpt-bleed) 0 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}.wp-techniques__track::-webkit-scrollbar{display:none}.wp-techniques__track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.wp-techniques__track.is-dragging .wp-techniques__card{pointer-events:none}.wp-techniques__item{flex:0 0 calc((100cqw - var(--wpt-pad) - var(--wpt-gap) * (var(--wpt-visible-mob) - 1)) / var(--wpt-visible-mob));scroll-snap-align:start}.wp-techniques__title{font-size:calc(20px / 16 * var(--base-body-primary-size))}}@media(prefers-reduced-motion:reduce){.wp-techniques__card,.wp-techniques__img,.wp-techniques__word{transition:none}.wp-techniques__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/wp-techniques.css.map */
