.featured-case-study{--featured-case-study-border: rgba(var(--color-foreground), .12);--featured-case-study-muted: rgba(var(--color-foreground), .74);overflow:hidden}.featured-case-study.gradient{background-color:var(--pk-gradient-white-background, #fafaf8);background-image:var(--pk-gradient-band-background, linear-gradient(180deg, #e2e9e7 0%, #fafaf8 100%));background-repeat:no-repeat;background-position:center;background-size:cover}.featured-case-study__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3.2rem,5vw,6.4rem);align-items:stretch}.featured-case-study__grid--media-left .featured-case-study__content{order:2}.featured-case-study__grid--media-left .featured-case-study__media-column{order:1}.featured-case-study__content{max-width:56rem}.featured-case-study__heading{margin:0}.featured-case-study__description{margin-top:2rem;color:var(--featured-case-study-muted)}.featured-case-study__description p{color:var(--color-black);font-family:var(--font-heading-alt-family);margin:0;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.featured-case-study__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.4rem;margin-top:clamp(3rem,4vw,4rem)}.featured-case-study__stat{display:flex;flex-direction:column;gap:.8rem;padding:.4rem 0}.featured-case-study__stat-value-wrap{display:inline-flex;align-items:baseline;gap:.2rem;line-height:1;color:var(--color-dark-green)}.featured-case-study__stat-value,.featured-case-study__stat-postfix{font-family:var(--font-heading-alt-family);font-size:40px;font-style:normal;font-weight:700;line-height:108%;text-transform:capitalize;color:var(--color-dark-green)}.featured-case-study__stat-description{margin:0;max-width:100%;color:var(--color-black);font-family:var(--font-heading-alt-family);font-size:16px;font-style:normal;font-weight:400;line-height:150%}.featured-case-study__stat-description strong,.featured-case-study__stat-description b{font-weight:700}.featured-case-study__empty{margin:2rem 0 0;color:var(--featured-case-study-muted)}.featured-case-study__media-column{display:flex}.featured-case-study__media-frame{position:relative;display:flex;width:100%;height:100%;overflow:hidden;border-radius:0;background:rgba(var(--color-foreground),.06);box-shadow:0 2rem 5rem #11181314}.featured-case-study__preview,.featured-case-study__placeholder{position:relative;width:100%;min-height:100%;aspect-ratio:var(--featured-case-study-aspect-ratio, 16 / 10);background:#dfe4de}.featured-case-study__video,.featured-case-study__placeholder-image{display:block;width:100%;height:100%;object-fit:cover}.featured-case-study__placeholder{display:flex;align-items:center;justify-content:center}.featured-case-study__placeholder .placeholder-svg{width:100%;height:100%}.featured-case-study__placeholder-copy{position:absolute;inset:auto 2rem 2rem;margin:0;padding:1rem 1.4rem;border-radius:1rem;background:#ffffffeb;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.5}.featured-case-study__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;z-index:1}.featured-case-study__play-circle{display:inline-flex;align-items:center;justify-content:center;width:clamp(7.2rem,7vw,9rem);height:clamp(7.2rem,7vw,9rem);border-radius:50%;background:#fffffff2;color:#111;box-shadow:0 1rem 2.5rem #0003;transition:transform .25s ease,background-color .25s ease}.featured-case-study__play:hover .featured-case-study__play-circle,.featured-case-study__play:focus-visible .featured-case-study__play-circle{transform:scale(1.04);background:#fff}.featured-case-study__play .icon,.featured-case-study__play svg{width:2.2rem;height:2.2rem}.featured-case-study__modal{background:#121814d1}.featured-case-study__modal .modal-video__content{display:flex;align-items:center;justify-content:center;background:transparent;padding:0;overflow:hidden}.featured-case-study__modal .modal-video__content-info{display:flex;align-items:center;justify-content:center;width:auto;height:auto;max-width:calc(100vw - 4rem);max-height:calc(100vh - 6rem);padding:0}.featured-case-study__modal .modal-video__toggle{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;padding:0;border-radius:50%;border:.1rem solid rgba(255,255,255,.65);background:#fffffff5;color:#2d2d2d;box-shadow:0 .8rem 2rem #0000002e;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.featured-case-study__modal .modal-video__toggle:hover,.featured-case-study__modal .modal-video__toggle:focus-visible{background:#a8bdb6;border-color:#a8bdb6;color:#1f2d29;transform:scale(1.05)}.featured-case-study__modal .modal-video__toggle .svg-wrapper{display:inline-flex;align-items:center;justify-content:center}.featured-case-study__modal .modal-video__toggle svg,.featured-case-study__modal .modal-video__toggle .icon{width:2rem;height:2rem}.featured-case-study__modal-video-shell{display:flex;align-items:center;justify-content:center;width:min(calc((100vh - 6rem) * var(--featured-case-study-aspect-ratio, 1.7778)),calc(100vw - 4rem));height:auto;max-width:calc(100vw - 4rem);max-height:calc(100vh - 6rem);aspect-ratio:var(--featured-case-study-aspect-ratio, 1.7778);background:transparent;border-radius:1.2rem;overflow:hidden;box-shadow:0 2rem 6rem #00000047}.featured-case-study__modal-video-element{display:block;width:100%;height:100%;max-width:100%;max-height:calc(100vh - 6rem);object-fit:cover;background:transparent}@media screen and (min-width:990px){.featured-case-study__preview,.featured-case-study__placeholder{height:100%;min-height:52rem;aspect-ratio:auto}}@media screen and (max-width:749px){.featured-case-study__grid{grid-template-columns:1fr}.featured-case-study__content,.featured-case-study__grid--media-left .featured-case-study__content,.featured-case-study__grid--media-left .featured-case-study__media-column{order:initial}.featured-case-study__content{max-width:none}.featured-case-study__media-column{display:block}.featured-case-study__media-frame{height:auto}}@media screen and (max-width:749px){.featured-case-study__heading{font-size:clamp(3rem,10vw,4.2rem)}.featured-case-study__stats{grid-template-columns:1fr;gap:1.8rem}.featured-case-study__media-frame{border-radius:0}.featured-case-study__modal-video-shell{width:calc(100vw - 2rem);border-radius:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-featured-case-study.css.map */
