:where(#ThatsAbout) .discovery{height:160svh;min-height:0}:where(#ThatsAbout) .discovery-stage{height:100svh;min-height:720px}:where(#ThatsAbout) .discovery-collage{left:46%;right:4%;top:115px;bottom:35px}:where(#ThatsAbout) .found-record{width:39%;left:0;top:27%;transform:translate3d(calc(35px - var(--discover) * 35px),calc(90px - var(--discover) * 145px),0) rotate(calc(-18deg + var(--discover) * 14deg)) scale(calc(.88 + var(--discover) * .17))}:where(#ThatsAbout) .found-chair{width:49%;right:2%;top:2%;transform:translate3d(calc(35px - var(--discover) * 35px),calc(-25px + var(--discover) * 110px),0) rotate(calc(16deg - var(--discover) * 19deg)) scale(calc(.88 + var(--discover) * .14))}:where(#ThatsAbout) .discovery h2{transform:translate(calc(-20px + var(--discover) * 20px))}:where(#ThatsAbout) .discovery h2>span{transform:translate(calc(35px - var(--discover) * 35px))}:where(#ThatsAbout) .discovery-note{left:calc(var(--gutter) - 46vw);bottom:4%;max-width:230px;transform:none}:where(#ThatsAbout) .collage-orbit{transform:rotate(calc(-25deg + var(--discover) * 60deg)) scale(calc(.75 + var(--discover) * .25))}:where(#ThatsAbout) .orbit-label{right:0}:where(#ThatsAbout) .observation-reticle{transform:rotate(calc(var(--detail-progress, 0) * 110deg)) scale(calc(1.15 - var(--detail-progress, 0) * .3));transition:none}:where(#ThatsAbout) .world-record{transform:translate3d(calc(30px - var(--together) * 30px),calc(90px - var(--together) * 120px),0) rotate(calc(-25deg + var(--together) * 13deg)) scale(calc(.8 + var(--together) * .2))}:where(#ThatsAbout) .world-light{transform:translateY(calc(-65px + var(--together) * 100px)) rotate(calc(20deg - var(--together) * 13deg)) scale(calc(.8 + var(--together) * .2))}:where(#ThatsAbout) .world-chair{transform:translateY(calc(70px - var(--together) * 105px)) rotate(calc(12deg - var(--together) * 17deg))}:where(#ThatsAbout) .together-orbits{transform:rotate(calc(-20deg + var(--together) * 28deg)) scale(calc(.8 + var(--together) * .2))}:where(#ThatsAbout) .together h2>span:first-child{transform:translate(calc(-40px + var(--together) * 40px))}:where(#ThatsAbout) .together h2>span:nth-child(2){transform:translate(calc(45px - var(--together) * 45px))}:where(#ThatsAbout) .together h2>span:last-child{transform:translate(calc(-25px + var(--together) * 25px))}@media(min-width:768px)and (max-width:1100px){:where(#ThatsAbout) .discovery h2{font-size:9.6vw}:where(#ThatsAbout) .discovery-collage{left:48%;right:3%}:where(#ThatsAbout) .discovery-note{left:calc(var(--gutter) - 48vw);max-width:200px;bottom:5%}}@media(max-width:767px){:where(#ThatsAbout) .discovery{height:auto}:where(#ThatsAbout) .discovery-stage{height:auto;min-height:0}:where(#ThatsAbout) .discovery-collage{inset:auto;height:510px;margin-top:65px}:where(#ThatsAbout) .found-record{width:43%;left:0;top:28%;transform:translateY(calc(38px - var(--discover) * 68px)) rotate(calc(-15deg + var(--discover) * 12deg)) scale(calc(.9 + var(--discover) * .13))}:where(#ThatsAbout) .found-chair{width:48%;right:0;top:0;transform:translateY(calc(-22px + var(--discover) * 64px)) rotate(calc(14deg - var(--discover) * 12deg)) scale(calc(.9 + var(--discover) * .13))}:where(#ThatsAbout) .discovery h2{transform:translate(calc(-8px + var(--discover) * 8px))}:where(#ThatsAbout) .discovery h2>span{transform:translate(calc(12px - var(--discover) * 12px))}:where(#ThatsAbout) .discovery-note{left:50%;bottom:2%;max-width:155px}:where(#ThatsAbout) .world-record{transform:translateY(calc(30px - var(--together) * 55px)) rotate(calc(-21deg + var(--together) * 9deg))}:where(#ThatsAbout) .world-light{transform:translateY(calc(-25px + var(--together) * 50px)) rotate(calc(16deg - var(--together) * 9deg))}:where(#ThatsAbout) .world-chair{transform:translateY(calc(25px - var(--together) * 50px)) rotate(calc(5deg - var(--together) * 10deg))}:where(#ThatsAbout) .together h2>span:first-child{transform:translate(calc(-12px + var(--together) * 12px))}:where(#ThatsAbout) .together h2>span:nth-child(2){transform:translate(calc(15px - var(--together) * 15px))}:where(#ThatsAbout) .together h2>span:last-child{transform:translate(calc(-8px + var(--together) * 8px))}}@media(max-width:359px){:where(#ThatsAbout) .discovery-collage{height:460px}:where(#ThatsAbout) .discovery-note{left:48%;max-width:140px}}.motion-off :where(#ThatsAbout) .discovery h2,.motion-off :where(#ThatsAbout) .discovery h2>span,.motion-off :where(#ThatsAbout) .together h2>span,.motion-off :where(#ThatsAbout) .observation-reticle{transform:none}html.thats-about-document.motion-off :where(#ThatsAbout) .note-line{transform:none;transition:none}@media(prefers-reduced-motion:reduce){:where(#ThatsAbout) .discovery{height:auto}:where(#ThatsAbout) .discovery h2,:where(#ThatsAbout) .discovery h2>span,:where(#ThatsAbout) .together h2>span,:where(#ThatsAbout) .observation-reticle{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/thats-about-motion-v2.css.map */