.play-cinematic{position:relative;isolation:isolate;overflow:clip;font-style:var(--play-body-style,normal);font-weight:var(--play-body-weight,400)}.play-cinematic .play-heading{font-style:var(--play-heading-style,normal)}.play-cinematic .play-wrap{position:relative;z-index:1}.play-cinematic .play-heading{margin-bottom:22px}.play-cinematic .play-copy p{margin:0}.play-cinematic .play-copy p+p{margin-top:16px}.play-cinematic .play-button{position:relative;box-shadow:none;max-width:100%;text-align:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s}.play-cinematic .play-button:hover{filter:brightness(.94);transform:translateY(-3px)}.play-cinematic .play-button:active{transform:translateY(0)}.play-cinematic .play-hero-frame{isolation:isolate}.play-cinematic.play-hero{padding-block:var(--play-padding)}.play-cinematic.play-hero[data-presentation=framed]{padding:calc(var(--play-padding) + 20px) 24px var(--play-padding)}.play-cinematic.play-hero[data-presentation=framed] .play-hero-frame{border-radius:40px}.play-cinematic .play-hero-content{width:min(calc(100% - 96px),var(--play-width));min-height:inherit;padding-block:56px;z-index:2}.play-cinematic .play-hero-copy{position:relative;max-width:100%}.play-cinematic .play-hero-copy .play-heading{max-width:12ch}.play-cinematic .play-hero-copy .play-copy{max-width:31ch}.play-cinematic .play-hero-copy .play-heading{margin-bottom:var(--play-gap)}.play-cinematic .play-hero-copy .play-button{margin-top:var(--play-gap)}.play-cinematic[data-copy-side=center] .play-hero-content{justify-content:center}.play-cinematic[data-copy-side=right] .play-hero-content{justify-content:flex-end}.play-cinematic[data-copy-side=center] .play-hero-copy{padding-right:0}.play-cinematic .play-hero-copy{text-align:var(--play-align)}.play-cinematic .play-hero-copy .play-copy{margin-inline:0}.play-cinematic .play-hero-image{z-index:-2;background:var(--play-bg)}.play-cinematic[data-play-motion=true] .play-hero-image img{transform:scale(1.025) translate3d(0,var(--play-depth,0px),0)}.play-cinematic .play-hero-overlay{z-index:-1}.play-hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.play-shape{display:block;position:absolute}.play-shape-flower,.play-story-flower{background:var(--play-accent);clip-path:polygon(50% 0%,60% 24%,79% 8%,78% 34%,100% 35%,82% 51%,98% 72%,72% 72%,72% 98%,53% 80%,34% 100%,32% 73%,8% 79%,24% 57%,0% 46%,25% 37%,14% 15%,39% 24%)}.play-shape-flower{width:88px;height:88px;left:43%;bottom:30px;rotate:-14deg}.play-shape-ring{width:70px;height:70px;left:43%;top:34px;border:13px solid var(--play-head);border-radius:50%;opacity:.8}.play-shape-dot{width:24px;height:24px;border-radius:50%;left:4%;bottom:28px;background:var(--play-accent)}[data-play-decor=false] .play-hero-shapes,[data-play-decor=false] .play-story-flower{display:none}.play-cinematic.play-paths:before{content:"";position:absolute;width:190px;height:120px;top:12px;right:4%;background:var(--play-accent);opacity:.1;border-radius:50%;rotate:-20deg;pointer-events:none}.play-cinematic.play-paths[data-play-decor=false]:before{display:none}.play-cinematic .play-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:var(--play-gap);max-width:none;margin-bottom:56px}.play-cinematic .play-intro .play-heading{margin:0}.play-cinematic .play-intro .play-copy{max-width:44ch}.play-cinematic .play-path-grid{align-items:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--play-gap)}.play-cinematic .play-path{display:block;min-width:0;text-align:var(--play-align)}.play-cinematic .play-path-media{border-radius:28px;transform:rotate(var(--play-card-angle,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1);background:var(--play-bg)}.play-cinematic[data-card-layout=staggered] .play-path:nth-child(2n){padding-top:52px;--play-card-angle:3deg}.play-cinematic[data-card-layout=staggered] .play-path:nth-child(odd){--play-card-angle:-2deg}.play-cinematic .play-path:hover .play-path-media{transform:rotate(0) translateY(-7px)}.play-cinematic .play-path:hover img{transform:scale(1.03)}.play-cinematic .play-path h3{font:var(--play-weight) var(--play-card-heading)/1.2 var(--play-heading-font);font-style:var(--play-heading-style);min-height:2.4em;margin:26px 0 12px;letter-spacing:var(--play-tracking)}.play-cinematic .play-path p{font-size:inherit;max-width:none}.play-cinematic.play-paths[data-columns="1"] .play-path-grid{grid-template-columns:1fr}.play-cinematic.play-paths[data-columns="2"] .play-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-cinematic.play-paths[data-columns="3"] .play-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-cinematic .play-section-title{gap:var(--play-gap);margin-bottom:48px}.play-cinematic .play-section-title>div{max-width:760px}.play-cinematic.play-shelf:before{content:"";display:block;position:absolute;height:24px;top:-23px;left:0;right:0;background:var(--play-bg);clip-path:polygon(0% 100%,0% 64%,10% 12%,20% 70%,30% 12%,40% 70%,50% 12%,60% 70%,70% 12%,80% 70%,90% 12%,100% 64%,100% 100%)}.play-cinematic.play-shelf[data-play-decor=false]:before{display:none}.play-cinematic .play-product-grid{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:44px}.play-cinematic.play-shelf[data-columns="1"] .play-product-grid{grid-template-columns:1fr}.play-cinematic.play-shelf[data-columns="2"] .play-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-cinematic.play-shelf[data-columns="3"] .play-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-cinematic .play-card{min-width:0;display:flex;flex-direction:column;box-shadow:none;text-align:var(--play-align)}.play-cinematic .play-card-image{border-radius:24px}.play-cinematic .play-card-image img{transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s}.play-cinematic .play-card-image:hover img:not(.play-card-secondary){transform:scale(1.045)}.play-cinematic .play-card-copy{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:22px 4px 0}.play-cinematic .play-card h3{font:var(--play-weight) var(--play-card-heading)/1.25 var(--play-heading-font);font-style:var(--play-heading-style);min-height:0;letter-spacing:var(--play-tracking);overflow-wrap:anywhere}.play-cinematic .play-set-name{font-size:inherit;min-height:0;max-width:none}.play-cinematic .play-card-price{font-size:inherit;padding-top:14px;margin-top:auto;margin-bottom:18px}.play-card-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:1px solid var(--play-button-bg);color:var(--play-button-bg);border-radius:var(--play-button-radius);font:500 var(--play-button-size)/1.35 var(--play-body-font);padding:12px 16px;margin-top:auto;transition:background .25s,color .25s}.play-card-button:hover{background:var(--play-button-bg);color:var(--play-button-text)}.play-card-button:focus-visible{outline:3px solid var(--play-head);outline-offset:4px}.play-cinematic .play-story-layout{grid-template-columns:1.2fr 1fr;gap:var(--play-gap);align-items:center}.play-cinematic .play-story-media{position:relative;padding:16px 10px 16px 0}.play-cinematic .play-story-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:16px;border:1px solid var(--play-head);border-radius:36px;rotate:3deg;opacity:.35;z-index:-1}.play-cinematic .play-story-media .play-picture{border-radius:32px}.play-cinematic .play-story-copy{padding:8px 12px 8px 20px;text-align:var(--play-align)}.play-story-flower{position:absolute;width:96px;height:96px;left:-24px;bottom:-24px;pointer-events:none;rotate:10deg}.play-cinematic .play-story-ideas{border:0;margin-top:30px}.play-cinematic .play-idea{padding:20px 0}.play-cinematic .play-idea summary,.play-cinematic .play-question summary{font:var(--play-weight) var(--play-card-heading)/1.35 var(--play-heading-font);font-style:var(--play-heading-style);text-align:var(--play-align);align-items:center}.play-cinematic summary span{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--play-border);border-radius:50%;font:400 24px/1 var(--play-body-font);transition:transform .2s}.play-cinematic .play-question{padding:24px 0}.play-cinematic .play-faq-layout{grid-template-columns:1fr 1.2fr;gap:var(--play-gap)}.play-cinematic .play-faq-layout>div:first-child{padding-right:24px;text-align:var(--play-align)}.play-home .shopify-section--newsletter{position:relative;overflow:hidden;border-radius:40px 40px 0 0}.play-home .shopify-section--newsletter .newsletter-content{max-width:960px;margin-inline:auto;padding-block:20px;gap:28px}.play-home .shopify-section--newsletter .newsletter-content .prose{max-width:760px}.play-home .shopify-section--newsletter .form{width:100%;max-width:620px}.play-home .shopify-section--newsletter .fieldset-with-submit{align-items:stretch;gap:12px}.play-home .shopify-section--newsletter .input,.play-home .shopify-section--newsletter .button{min-height:56px;border-radius:12px;font-size:inherit}.play-home .shopify-section--newsletter .button{flex-shrink:0}.play-home .shopify-section--newsletter .input{background:transparent}.play-home .shopify-section--newsletter .floating-label{background:rgb(var(--ul-background));color:inherit;opacity:1}.play-home .shopify-section--newsletter input:focus{outline-offset:3px}.play-home .shopify-section--footer{border-top:0}.footer img[style*=--footer-logo-width]{width:var(--footer-logo-width)}[data-play-section][data-play-motion=false] *{transition:none}[data-play-section][data-play-motion=false] .play-path:hover .play-path-media{transform:rotate(var(--play-card-angle,0deg))}[data-play-section][data-play-motion=false] .play-card-image:hover img:not(.play-card-secondary),[data-play-section][data-play-motion=false] .play-path:hover img,[data-play-section][data-play-motion=false] .play-button:hover{transform:none}[data-play-section][data-play-motion=true][data-play-inview=true] .play-shape-flower{animation:play-flower-turn 18s ease-in-out infinite alternate}[data-play-section][data-play-motion=true][data-play-inview=true] .play-shape-ring{animation:play-ring-float 6s ease-in-out infinite alternate}@keyframes play-flower-turn{0%{rotate:-14deg}to{rotate:20deg}}@keyframes play-ring-float{0%{translate:0 0}to{translate:0 12px}}@media(min-width:1000px){.play-cinematic .play-copy[style*=center]{margin-inline:auto}}@media(max-width:999px){.play-cinematic .play-hero-content{width:calc(100% - 64px)}.play-cinematic .play-intro{gap:28px}.play-cinematic .play-path-grid,.play-cinematic .play-product-grid,.play-cinematic.play-shelf[data-columns="3"] .play-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-cinematic .play-story-layout{grid-template-columns:1fr 1fr}.play-cinematic .play-story-copy{padding:0 0 0 12px}}@media(max-width:699px){.play-cinematic{font-size:var(--play-mobile-body)}.play-cinematic.play-hero{padding-block:var(--play-mobile-padding)}.play-cinematic.play-hero[data-presentation=framed]{padding:calc(var(--play-mobile-padding) + 10px) 12px var(--play-mobile-padding)}.play-cinematic.play-hero[data-presentation=framed] .play-hero-frame{border-radius:26px}.play-cinematic .play-hero-content{width:calc(100% - 36px);padding-block:26px;min-height:inherit}.play-cinematic .play-hero-copy{width:100%;padding:0;text-align:var(--play-mobile-align)}.play-cinematic .play-hero-copy .play-heading{max-width:none;font-size:var(--play-mobile-heading);margin-bottom:var(--play-mobile-gap)}.play-cinematic .play-hero-copy .play-copy{max-width:none}.play-cinematic .play-hero-mobile--full .play-hero-image{top:90px}.play-cinematic .play-hero-mobile--full{background:var(--play-bg)}.play-cinematic .play-hero-copy .play-button{margin-top:var(--play-mobile-gap)}.play-cinematic .play-hero-mobile--original .play-hero-image,.play-cinematic .play-hero-mobile--square .play-hero-image,.play-cinematic .play-hero-mobile--portrait .play-hero-image,.play-cinematic .play-hero-mobile--landscape .play-hero-image{top:0}.play-shape-flower{width:48px;height:48px;bottom:20px;left:auto;right:20px}.play-shape-ring{width:30px;height:30px;left:20px;top:auto;bottom:35px;border-width:7px}.play-shape-dot{display:none}.play-cinematic .play-intro{display:block;margin-bottom:32px}.play-cinematic .play-intro .play-heading{margin-bottom:20px}.play-cinematic .play-intro .play-copy{max-width:none}.play-cinematic .play-path{text-align:var(--play-mobile-align)}.play-cinematic .play-path-grid,.play-cinematic.play-paths[data-columns="1"] .play-path-grid,.play-cinematic.play-paths[data-columns="2"] .play-path-grid,.play-cinematic.play-paths[data-columns="3"] .play-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px var(--play-mobile-gap)}.play-cinematic.play-paths[data-mobile-columns="1"] .play-path-grid{grid-template-columns:1fr}.play-cinematic[data-card-layout=staggered] .play-path:nth-child(2n){padding-top:24px;--play-card-angle:1.5deg}.play-cinematic[data-card-layout=staggered] .play-path:nth-child(odd){--play-card-angle:-1.5deg}.play-cinematic .play-path-media{border-radius:20px}.play-cinematic .play-path h3{font-size:var(--play-mobile-card-heading);min-height:0;margin-top:18px}.play-cinematic .play-path p{font-size:var(--play-mobile-body)}.play-cinematic .play-section-title{margin-bottom:32px}.play-cinematic .play-section-title .play-button{margin-top:24px}.play-cinematic .play-card{text-align:var(--play-mobile-align)}.play-cinematic .play-product-grid,.play-cinematic.play-shelf[data-columns="1"] .play-product-grid,.play-cinematic.play-shelf[data-columns="2"] .play-product-grid,.play-cinematic.play-shelf[data-columns="3"] .play-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px var(--play-mobile-gap)}.play-cinematic.play-shelf[data-mobile-columns="1"] .play-product-grid{grid-template-columns:1fr}.play-cinematic .play-card h3{font-size:var(--play-mobile-card-heading);min-height:0}.play-cinematic .play-card-copy{padding:18px 0 0}.play-cinematic .play-set-name,.play-cinematic .play-card-price{font-size:var(--play-mobile-body)}.play-cinematic .play-card-image{border-radius:18px}.play-card-button{padding:12px 8px;overflow-wrap:anywhere}.play-cinematic .play-story-layout{grid-template-columns:1fr;gap:var(--play-mobile-gap)}.play-cinematic .play-story-media{padding:10px 10px 14px 0}.play-cinematic .play-story-media .play-picture{border-radius:24px}.play-cinematic .play-story-media:before{border-radius:24px}.play-story-flower{width:60px;height:60px;left:-10px;bottom:-8px}.play-cinematic .play-story-copy{padding:18px 0 0;text-align:var(--play-mobile-align)}.play-cinematic .play-idea summary,.play-cinematic .play-question summary{font-size:var(--play-mobile-card-heading);text-align:var(--play-mobile-align)}.play-cinematic .play-faq-layout{grid-template-columns:1fr;gap:var(--play-mobile-gap)}.play-cinematic .play-faq-layout>div:first-child{padding:0;text-align:var(--play-mobile-align)}.play-home .shopify-section--newsletter{border-radius:28px 28px 0 0}.play-home .shopify-section--newsletter .newsletter-content{padding-block:12px}.play-home .shopify-section--newsletter .fieldset-with-submit{display:flex;flex-direction:column;width:100%}.play-home .shopify-section--newsletter .fieldset-with-submit>*{width:100%}.play-home .shopify-section--newsletter .input,.play-home .shopify-section--newsletter .button{min-height:56px}.footer img[style*=--footer-logo-width]{width:var(--footer-mobile-logo-width)}}@media(prefers-reduced-motion:reduce){.play-cinematic *,.play-home .shopify-section--newsletter *{animation:none!important;transition:none!important}.play-cinematic .play-hero-image img{transform:none!important}.play-cinematic .play-path:hover .play-path-media,.play-cinematic .play-button:hover{transform:none}}.shopify-section--newsletter .newsletter-content .input::placeholder{color:currentColor;opacity:1}@media(max-width:699px){.play-hero .play-hero-frame .play-hero-image{top:0;right:0;bottom:0;left:0}.play-cinematic.play-hero[data-presentation=framed]{padding-top:var(--play-mobile-padding)}.play-cinematic.play-hero .play-hero-image img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/play-cinematic.css.map */