.quote{--quote-progress:0;--quote-media-left:33.0208%;--quote-media-right:34.1146%;--quote-media-top:34.8148%;--quote-media-bottom:32.4074%;--quote-media-scale-x:1;--quote-media-scale-y:1;--quote-media-recentre-x:1.664%;--quote-media-recentre-y:-3.672%;--quote-media-enter-y:0px;--quote-media-perspective:1400px;--quote-media-enter-rot-x:0deg;--quote-word-enter-x:0px;--quote-word-enter-y:0px;--quote-button-size:min(25.8rem, 25.8vw);background-color:#070707;width:100%;height:100vh;position:relative;overflow:hidden}.quote__grid{z-index:0;pointer-events:none;position:absolute;inset:0}.quote__gridLine{background-color:#ffffff1a;position:absolute}.quote__gridLineV{width:1px;height:100%;top:0}.quote__gridLineV1{left:15.6771%}.quote__gridLineV2{left:64.1667%}.quote__gridLineH{width:100%;height:1px;left:0}.quote__gridLineH1{top:42.1296%}.quote__gridLineH2{bottom:0}.quote__rest{z-index:2;position:absolute;inset:0}.quote__title{color:#fff;font-family:var(--font-dm-sans);text-align:center;text-transform:uppercase;margin:0;font-size:min(11rem,11vw);font-style:normal;font-weight:400;line-height:100%;position:absolute;left:50%;transform:translate(-50%)}.quote__titleTop{width:min(98.7rem,98.7vw);top:min(11.9rem,11.9vw)}.quote__titleBottom{white-space:pre-line;width:min(82.7rem,82.7vw);bottom:min(7.8rem,7.8vw)}.quote__paragraph{color:#fff;width:min(30.8rem,30.8vw);font-family:var(--font-dm-sans);text-transform:uppercase;margin:0;font-size:min(1.8rem,1.8vw);font-style:normal;font-weight:400;line-height:110%;position:absolute;bottom:min(6.5rem,6.5vw);left:min(5rem,5vw)}.quote__media{z-index:1;left:var(--quote-media-left);right:var(--quote-media-right);top:var(--quote-media-top);bottom:var(--quote-media-bottom);transform-origin:50%;transform:perspective(var(--quote-media-perspective)) translate(calc(var(--quote-media-recentre-x) * var(--quote-progress)), calc(var(--quote-media-enter-y) + var(--quote-media-recentre-y) * var(--quote-progress))) rotateX(var(--quote-media-enter-rot-x)) scale(var(--quote-media-scale-x), var(--quote-media-scale-y));margin:0;position:absolute;overflow:hidden}.quote__media video{object-fit:cover;width:100%;height:100%;display:block}.quote__mediaOverlay{background-color:#0003;position:absolute;inset:0}.quote__word{z-index:3;color:#fff3;font-family:var(--font-dm-sans);text-transform:uppercase;white-space:nowrap;transform:translate(calc(var(--quote-word-enter-x) + var(--quote-word-shift) * var(--quote-progress)), var(--quote-word-enter-y));font-size:min(7rem,7vw);font-style:normal;font-weight:400;line-height:100%;position:absolute;top:46.5%}.quote__wordPlay{--quote-word-shift:min(18.1rem, 18.1vw);text-align:right;transform:translate(calc(-100% + var(--quote-word-enter-x) + var(--quote-word-shift) * var(--quote-progress)), var(--quote-word-enter-y));left:min(59.3rem,59.3vw)}.quote__wordReel{--quote-word-shift:calc(min(16rem, 16vw) * -1);left:min(130.6rem,130.6vw)}.quote__button{z-index:3;width:var(--quote-button-size);height:var(--quote-button-size);margin-left:calc(var(--quote-button-size)/-2);margin-top:calc(var(--quote-button-size)/-2);-webkit-backdrop-filter:blur(26.95px);backdrop-filter:blur(26.95px);cursor:pointer;opacity:0;background-color:#d9d9d91f;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%}.quote__button img{width:min(4.669rem,4.669vw);height:auto;margin-left:min(.4rem,.4vw)}.quote__tag{z-index:3;color:#fff;font-family:var(--font-eb-garamond);text-transform:uppercase;white-space:nowrap;opacity:0;font-size:min(1.6rem,1.6vw);font-style:normal;font-weight:400;line-height:110%;position:absolute;bottom:min(3.84rem,3.84vw)}.quote__tagLeft{left:min(4.1rem,4.1vw)}.quote__tagRight{left:min(161.4rem,161.4vw)}.quote--handoff{z-index:5;overflow:visible}.quote--handoff .quote__media{transform-origin:0 0;width:100vw;height:100vh;inset:0 auto auto 0}.quote--handoff .quote__media video,.quote--handoff .quote__media img{transform-origin:50%;position:absolute;top:50%;left:50%}@media screen and (orientation:portrait){.quote{--quote-title-top:min(230.543px, 26.4384vh);--quote-title-bottom:min(250.674px, 28.747vh);--quote-media-left:6.0016%;--quote-media-right:6.0016%;--quote-media-top:calc(var(--quote-title-top) + 85.431px);--quote-media-bottom:calc(var(--quote-title-bottom) + 93.101px);--quote-button-size:120px}.quote__media{left:calc(var(--quote-media-left)*(1 - var(--quote-progress)));right:calc(var(--quote-media-right)*(1 - var(--quote-progress)));top:calc(var(--quote-media-top)*(1 - var(--quote-progress)));bottom:calc(var(--quote-media-bottom)*(1 - var(--quote-progress)));transform:none}.quote__gridLineV1{left:min(11.9769rem,27.8533vw)}.quote__gridLineV2{display:none}.quote__gridLineH1{top:40.7341%}.quote__title{font-family:var(--font-bw-diagrid);font-size:min(4rem,9.3023vw);line-height:90%}.quote__titleTop{top:var(--quote-title-top);width:min(31.63rem,73.5581vw)}.quote__titleBottom{bottom:var(--quote-title-bottom);width:min(31.63rem,73.5581vw)}.quote__paragraph{width:min(27.7786rem,64.6014vw);font-size:min(1.4rem,3.2558vw);bottom:15px;left:min(2.5rem,5.814vw)}.quote__word{top:calc((var(--quote-media-top) + 100vh - var(--quote-media-bottom))/2 - 12.5px);font-size:min(2.5rem,5.814vw)}.quote__wordPlay{--quote-word-shift:min(7.033rem, 16.3558vw);left:min(6.467rem,15.0395vw)}.quote__wordReel{--quote-word-shift:max(-7.032rem, -16.3535vw);left:min(36.532rem,84.9581vw)}.quote__button img{width:min(2.2rem,5.1163vw);margin-left:min(.2rem,.4651vw)}.quote__tag{font-size:min(1.2rem,2.7907vw);bottom:25px}.quote__tagLeft{left:min(1.9rem,4.4186vw)}.quote__tagRight{left:auto;right:min(1.9rem,4.4186vw)}}