.media-clipbook{--media-clipbook-gap: clamp(1.45rem, 3vw, 2.4rem);--media-clipbook-stack-yellow: #ffc000;--media-clipbook-stack-black: #161616;--media-clipbook-stack-gray: #333333;--media-clipbook-stack-gray-deep: #282828;--media-clipbook-stack-light: #f8f8f8}.media-clipbook--compact{margin-bottom:calc(var(--section-gap) * .45 * var(--fluid-1-5));padding-bottom:calc(var(--section-gap) * .45 * var(--fluid-1-5));padding-top:calc(2 * var(--space-unit))}.media-clipbook--compact .media-clipbook__toolbar{margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}.media-clipbook--compact .media-clipbook__grid{gap:clamp(1.35rem,2.25vw,2rem)}.media-clipbook--compact .multi-column-card--interactive{margin:calc(-1 * var(--space-unit));padding:calc(1 * var(--space-unit));box-shadow:0 0 0 1px rgb(var(--text-color) / .1);transition:transform .35s cubic-bezier(.23,.57,.4,1),box-shadow .35s cubic-bezier(.23,.57,.4,1)}.media-clipbook--compact .media-clipbook__body{padding-top:calc(1.25 * var(--space-unit))}.media-clipbook--compact .media-clipbook__cta-wrap{margin-bottom:0}.media-clipbook__toolbar{display:flex;justify-content:center;margin-bottom:clamp(2rem,4vw,3rem)}.media-clipbook__filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.media-clipbook__filter{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgb(var(--text-color) / .18);border-radius:999px;color:inherit;cursor:pointer;font:inherit;font-size:var(--btn-font-size);font-weight:700;letter-spacing:var(--subheading-letter-spacing);line-height:1.2;padding:.75rem 1.15rem;text-transform:var(--subheading-text-transform);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.media-clipbook__filter:hover,.media-clipbook__filter:focus-visible{border-color:rgb(var(--text-color) / .35);outline:none}.media-clipbook__filter.is-active{background:rgb(var(--text-color));border-color:rgb(var(--text-color));color:rgb(var(--bg-color))}.media-clipbook__grid{display:grid;gap:var(--media-clipbook-gap);grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}@media(min-width:600px){.media-clipbook__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.media-clipbook__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.media-clipbook__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.media-clipbook__card{display:flex;flex-direction:column;height:100%;min-width:0}.media-clipbook__card-inner{height:100%}.media-clipbook__card[hidden]{display:none!important}.media-clipbook__media{aspect-ratio:16 / 9;background:radial-gradient(ellipse 115% 95% at 100% 100%,color-mix(in srgb,var(--media-clipbook-stack-yellow) 50%,transparent) 0%,transparent 52%),linear-gradient(155deg,var(--media-clipbook-stack-black) 0%,var(--media-clipbook-stack-gray-deep) 100%);border-radius:8px;color:var(--media-clipbook-stack-light);display:block;overflow:hidden;position:relative;transform:scale(1);transition:transform .55s cubic-bezier(.23,.57,.4,1)}.media-clipbook__media--has-image{background:rgb(var(--bg-color));transform:none;transition:none}.media-clipbook__thumbnail{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;position:absolute;transform:scale(1.03);transition:transform .55s cubic-bezier(.23,.57,.4,1);width:100%}.media-clipbook__media.card__media .media-clipbook__thumbnail{border-radius:0}.media-clipbook__media--has-image .media-clipbook__media-inner,.media-clipbook__media--has-image .media-clipbook__author-overlay{z-index:1}.media-clipbook__media--has-image .media-clipbook__media-inner{pointer-events:none}.media-clipbook__media--podcast{background:radial-gradient(ellipse 100% 90% at 0% 100%,color-mix(in srgb,var(--media-clipbook-stack-yellow) 42%,transparent) 0%,transparent 48%),linear-gradient(165deg,var(--media-clipbook-stack-gray-deep) 0%,var(--media-clipbook-stack-black) 100%)}.media-clipbook__media--video{background:radial-gradient(ellipse 90% 75% at 50% 0%,color-mix(in srgb,var(--media-clipbook-stack-yellow) 38%,transparent) 0%,transparent 58%),linear-gradient(180deg,var(--media-clipbook-stack-black) 0%,var(--media-clipbook-stack-gray) 100%)}.media-clipbook__media-inner{align-items:center;display:flex;flex-direction:column;gap:.85rem;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:absolute;text-align:center}.media-clipbook__media:has(.media-clipbook__author-overlay) .media-clipbook__media-inner{padding-bottom:2.75rem}.media-clipbook__author-overlay{background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .78) 100%);bottom:0;color:var(--media-clipbook-stack-light);font-size:calc(var(--body-font-size) * .75px);font-weight:600;inset-inline:0;line-height:1.35;padding:1.75rem .85rem .65rem;position:absolute;text-align:center}.media-clipbook__source{font-size:calc(var(--body-font-size) * .875px);font-weight:700;letter-spacing:var(--subheading-letter-spacing);line-height:1.25;max-width:100%;text-transform:var(--subheading-text-transform)}.media-clipbook__play{align-items:center;background:var(--media-clipbook-stack-yellow);border-radius:999px;color:var(--media-clipbook-stack-black);display:inline-flex;height:3.5rem;justify-content:center;transition:transform .35s cubic-bezier(.23,.57,.4,1);width:3.5rem}.media-clipbook__play svg{display:block;height:1.15rem;margin-left:.15rem;width:1.15rem}.media-clipbook__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem;padding-top:calc(2 * var(--space-unit))}.media-clipbook__title{color:rgb(var(--text-color));font-family:var(--body-font-family);font-size:calc(var(--body-font-size) * .9375px);font-style:var(--body-font-style);font-weight:700;letter-spacing:normal;line-height:1.3;margin:0;text-transform:none;transition:transform .35s cubic-bezier(.23,.57,.4,1)}.media-clipbook__cta-wrap{margin-top:auto}.media-clipbook__cta.btn{font-family:var(--body-font-family, inherit);font-style:var(--body-font-style, normal);gap:.35rem;line-height:1.2;padding:calc(.45rem + 2px) 1rem}@media(hover:hover)and (pointer:fine){.media-clipbook .multi-column-card--interactive:hover{box-shadow:0 28px 56px #00000029,0 12px 28px #0000001a,0 0 0 1px #0000000f;transform:translateY(-8px)}.media-clipbook .multi-column-card--interactive:hover .media-clipbook__title.card__heading{transform:translateY(-2px)}.media-clipbook__card-inner.multi-column-card--interactive:hover .media-clipbook__thumbnail{transform:scale(1.06)}.media-clipbook__card-inner.multi-column-card--interactive:hover .media-clipbook__media:not(.media-clipbook__media--has-image){transform:scale(.96)}.media-clipbook__card-inner.multi-column-card--interactive:hover .media-clipbook__play{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.media-clipbook--compact .multi-column-card--interactive,.media-clipbook__title,.media-clipbook__media,.media-clipbook__thumbnail,.media-clipbook__play{transition:none}.media-clipbook .multi-column-card--interactive:hover,.media-clipbook .multi-column-card--interactive:hover .media-clipbook__title.card__heading,.media-clipbook__card-inner.multi-column-card--interactive:hover .media-clipbook__thumbnail,.media-clipbook__card-inner.multi-column-card--interactive:hover .media-clipbook__media:not(.media-clipbook__media--has-image),.media-clipbook__card-inner.multi-column-card--interactive:hover .media-clipbook__play{transform:none}.media-clipbook__thumbnail{transform:scale(1.03)}}.media-clipbook__footer{align-items:center;border-top:1px solid rgb(var(--text-color) / .12);display:flex;flex-direction:column;gap:1.25rem;margin-top:clamp(2rem,4vw,3rem);padding-top:1.25rem;text-align:center}.media-clipbook__summary{color:rgb(var(--text-color) / .72);font-size:calc(var(--body-font-size) * .875px);margin:0;width:100%}.media-clipbook__load-more-wrap{display:flex;justify-content:center;width:100%}.media-clipbook__load-more{font-family:var(--body-font-family, inherit);font-style:var(--body-font-style, normal);min-width:10rem;text-transform:uppercase}.media-clipbook__empty{border:1px dashed rgb(var(--text-color) / .2);border-radius:.5rem;padding:clamp(1.5rem,4vw,2.5rem);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/60/assets/media-clipbook.css.map */