.ref-perspective-pin,.ref-perspective-scroll-range{position:relative}@media (min-width:1000px) and (prefers-reduced-motion:no-preference){.ref-perspectives.ref-perspectives-scroll{padding-bottom:0}.ref-perspectives-scroll .ref-perspective-scroll-range{height:280svh}.ref-perspectives-scroll .ref-perspective-pin{position:-webkit-sticky;position:sticky;top:86px;height:calc(100svh - 86px);display:grid;align-items:center}.ref-perspectives-scroll .ref-perspective-layout{width:100%;height:auto;min-height:0}.ref-perspectives-scroll .ref-perspective-art{height:min(630px,calc(100svh - 120px))}.ref-perspectives-scroll .ref-collage-photo{top:0;height:89%}.ref-perspectives-scroll .ref-collage-paper,.ref-perspectives-scroll .ref-collage-paper-bottom,.ref-perspectives-scroll .ref-collage-photo{transition:transform .45s ease,background-color .45s ease}.ref-perspectives-scroll .ref-perspective-art-2 .ref-collage-paper{background-color:#d7c3ed;transform:rotate(-3deg) translateY(8px)}.ref-perspectives-scroll .ref-perspective-art-2 .ref-collage-paper-bottom{transform:rotate(3deg)}.ref-perspectives-scroll .ref-perspective-art-2 .ref-collage-photo{transform:translateX(8px) rotate(-1deg)}.ref-perspectives-scroll .ref-perspective-art-3 .ref-collage-paper{background-color:#e7d8bb;transform:rotate(2deg) translateY(-5px)}.ref-perspectives-scroll .ref-perspective-art-3 .ref-collage-paper-bottom{background-color:#b3b9a7;transform:rotate(-2deg)}.ref-perspectives-scroll .ref-perspective-art-3 .ref-collage-photo{transform:translateY(-8px)}.ref-perspectives-scroll .ref-perspective-art-4 .ref-collage-paper{background-color:#c5ccb9;transform:rotate(-2deg) translateX(7px)}.ref-perspectives-scroll .ref-perspective-art-4 .ref-collage-paper-bottom{background-color:#c6b6d5;transform:rotate(2deg)}.ref-perspectives-scroll .ref-perspective-art-4 .ref-collage-photo{transform:translateX(-8px) rotate(1deg)}}@media (min-width:1000px) and (max-height:740px) and (prefers-reduced-motion:no-preference){.ref-perspectives-scroll .ref-perspective-tabs{gap:25px}.ref-perspectives-scroll .ref-perspective-tabs button{font-size:27px}.ref-perspectives-scroll .ref-perspective-description p{font-size:15px}.ref-perspectives-scroll .ref-collage-paper{height:min(270px,58%)}.ref-perspectives-scroll .ref-collage-paper-bottom{height:min(230px,48%)}}