.product-story{overflow:clip;position:relative}.product-story__text{margin:0 auto 2rem;max-width:52rem;position:relative;text-align:center}.product-story__stage{margin:0 auto;padding:var(--section-spacing) 0;position:relative;width:calc(100% - var(--page-margin)*2)}@media screen and (max-width:899px){.product-story__canvas{display:none}}@media screen and (min-width:900px){.product-story__stage{height:calc(250vh + var(--section-spacing)*2);max-width:133vh}}.product-story__sticky{display:flex;flex-direction:column;justify-content:center;position:sticky;top:var(--header-height)}@media screen and (min-width:900px){.product-story__sticky{min-height:calc(100vh - var(--header-height))}}.product-story__canvas{aspect-ratio:1240/710;position:relative;width:100%}.product-story__image{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--progress)/500));transform:translate(-50%,-50%);width:42.857%}.product-story__part{height:50%;opacity:calc(var(--progress)*.02);position:absolute;width:42.857%}.product-story__part--images{left:0;top:0;transform:translate(calc(.5%*(100 - var(--progress))),calc(.5%*(100 - var(--progress)))) scale(calc(1 - (100 - var(--progress))/250)) rotate(calc(5deg - 5deg*var(--progress)/100));transform-origin:bottom right}.product-story__part--images .image-grid{display:grid;left:0;position:absolute;top:0;width:80%;grid-gap:1rem;grid-template-columns:repeat(5,1fr)}.product-story__part--images .image-grid img{aspect-ratio:1/1;border-radius:1rem;box-shadow:0 10px 60px 0 rgba(82,0,190,.25);object-fit:cover;overflow:hidden;width:100%}.product-story__part--images .image-grid img:first-child{grid-column:2/4}.product-story__part--images .image-grid img:nth-child(2){grid-column:4/6}.product-story__part--images .image-grid img:nth-child(3){grid-column:1/3}.product-story__part--images .image-grid img:nth-child(4){grid-column:3/5}.product-story__part--video{right:0;top:0;transform:translate(calc(-.5%*(100 - var(--progress))),calc(.5%*(100 - var(--progress)))) scale(calc(1 - (100 - var(--progress))/250)) rotate(calc(-5deg + 5deg*var(--progress)/100));transform-origin:bottom left}.product-story__part--video video{aspect-ratio:2/3;border-radius:1rem;box-shadow:0 10px 60px 0 rgba(82,0,190,.25);left:50%;object-fit:cover;overflow:hidden;position:absolute;top:60%;transform:translate(-50%,-50%);width:45%}.product-story__part--copy{bottom:0;left:0;transform:translate(calc(.5%*(100 - var(--progress))),calc(-.5%*(100 - var(--progress)))) scale(calc(1 - (100 - var(--progress))/250)) rotate(calc(-5deg + 5deg*var(--progress)/100));transform-origin:top right}.product-story__part--copy img{bottom:0;height:auto;position:absolute;right:5%;width:100%}.product-story__part--attributes{bottom:0;right:0;transform:translate(calc(-.5%*(100 - var(--progress))),calc(-.5%*(100 - var(--progress)))) scale(calc(1 - (100 - var(--progress))/250)) rotate(calc(5deg - 5deg*var(--progress)/100));transform-origin:top left}.product-story__part--attributes img{height:auto;left:5%;position:absolute;top:20%;width:100%}.product-story__label{background:#fff;border-radius:8px;box-shadow:0 10px 60px 0 rgba(82,0,190,.25);color:#8f8fec;font-weight:600;padding:.3em .8em;position:absolute}.product-story__part--images .product-story__label{left:0;top:8%;transform:translate(calc(1%*(100 - var(--progress))),calc(1%*(100 - var(--progress))))}.product-story__part--video .product-story__label{right:13%;top:23%;transform:translate(calc(-1%*(100 - var(--progress))),calc(1%*(100 - var(--progress))))}.product-story__part--copy .product-story__label{bottom:70%;left:10%;transform:translate(calc(1%*(100 - var(--progress))),calc(-1%*(100 - var(--progress))))}.product-story__part--attributes .product-story__label{bottom:6%;right:10%;transform:translate(calc(-1%*(100 - var(--progress))),calc(-1%*(100 - var(--progress))))}.product-story__gradient{aspect-ratio:1/1;background:conic-gradient(from -55deg at 60% 30%,rgba(147,58,255,.2) 0deg,rgba(124,189,253,.2) 180deg,rgba(255,155,245,.2) 1turn);border-radius:100%;filter:blur(100px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(calc(3.6deg*var(--progress))) scale(calc(1 - (100 - var(--progress))/250));width:calc(var(--progress)*.5%);z-index:-1}@media screen and (max-width:899px){.product-story-mobile{aspect-ratio:1/1;position:relative;width:100%}.product-story-mobile__image{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:65%}.product-story-mobile__images{display:grid;left:0;position:absolute;top:0;width:42%;grid-gap:8px;grid-template-columns:repeat(5,1fr)}.product-story-mobile__images img{aspect-ratio:1/1;border-radius:8px;box-shadow:0 5px 30px 0 rgba(82,0,190,.25);object-fit:cover;overflow:hidden;width:100%}.product-story-mobile__images img:first-child{grid-column:2/4}.product-story-mobile__images img:nth-child(2){grid-column:4/6}.product-story-mobile__images img:nth-child(3){grid-column:1/3}.product-story-mobile__images img:nth-child(4){grid-column:3/5}.product-story-mobile__video{aspect-ratio:2/3;border-radius:8px;box-shadow:0 5px 30px 0 rgba(82,0,190,.25);object-fit:cover;overflow:hidden;position:absolute;right:5%;top:0;width:30%}.product-story-mobile__copy{bottom:-8%;height:auto;left:-13%;object-fit:contain;position:absolute;width:70%}.product-story-mobile__attributes{bottom:12%;height:auto;object-fit:contain;position:absolute;right:0;width:50%}.product-story-mobile__gradient{aspect-ratio:1/1;background:conic-gradient(from -55deg at 60% 30%,rgba(147,58,255,.2) 0deg,rgba(124,189,253,.2) 180deg,rgba(255,155,245,.2) 1turn);border-radius:100%;filter:blur(50px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:-1}.product-story-mobile__label{background:#fff;border-radius:4px;box-shadow:0 10px 60px 0 rgba(82,0,190,.25);color:#8f8fec;font-weight:600;padding:.35em .8em .3em;position:absolute}.product-story-mobile__label--images{left:0;top:0;transform:translateY(-50%)}.product-story-mobile__label--video{right:0;top:0;transform:translateY(50%)}.product-story-mobile__label--copy{bottom:28%;left:0;transform:translate(0)}.product-story-mobile__label--attributes{bottom:12%;right:4%;transform:translate(0)}}@media screen and (min-width:900px){.product-story-mobile{display:none}}