.info-bubble[data-v-6735269b]{background-color:#a7aba1;border-radius:5px;color:#fff;display:block;font-size:14px;font-weight:400;line-height:18px;max-width:80vw;opacity:0;padding:10px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;transform:translateY(calc(-100% - 7px)) scale(.1);transform-origin:90% 120%;transition:all .2s linear;white-space:normal;width:300px;z-index:2000}.info-bubble.small[data-v-6735269b]{width:160px}.info-button .info-bubble.below[data-v-6735269b]{right:-30px}.info-button .info-bubble.below.left[data-v-6735269b]{right:10px}.info-bubble.below.small[data-v-6735269b]{right:-16px}.info-bubble.below[data-v-6735269b]{transform:translateY(calc(100% - 7px)) scale(.1);transform-origin:90% 20%}.info-bubble .info-triangle[data-v-6735269b]{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #a7aba1;bottom:-8px;height:0;position:absolute;right:10%;width:0}.info-bubble.below .info-triangle[data-v-6735269b]{border-bottom:10px solid #a7aba1;border-top:none;bottom:auto;top:-8px}.info-bubble.below.left .info-triangle[data-v-6735269b]{right:5px}.info-button:hover .info-bubble[data-v-6735269b],.nav-button:hover .info-bubble[data-v-6735269b]{opacity:1;transform:translateY(calc(-100% - 12px))}.info-button:hover .info-bubble.below[data-v-6735269b],.nav-button:hover .info-bubble.below[data-v-6735269b]{opacity:1;transform:translateY(calc(100% - 12px))}.artist-button-holder{align-items:center;display:flex}.artist-button-holder .button-group{align-items:center;display:flex;justify-content:flex-start;margin-right:5px}.artist-button-holder .button-group a{margin-right:5px}.scrollfiller{height:0}.flex-pf22-june{background-color:#fff;box-sizing:border-box;-moz-column-gap:10px;column-gap:10px;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:0;max-width:1660px;transition:top .2s linear,opacity .2s linear;width:inherit;width:100%}.darkmode .flex-pf22-june{background-color:#000}.pf-name-area{display:flex;flex-grow:1;margin-bottom:8px;margin-top:-12px}.grid-buttons{align-items:center;display:flex;width:192px}.grid-button{background-image:url(../img/grid-1.svg);background-size:contain;cursor:pointer;height:30px;margin-right:8px;width:30px}.grid-button.masonry{background-image:url(../img/grid-masonry.svg)}.grid-button.masonry.sel,.grid-button.masonry:hover{background-image:url(../img/grid-masonry-sel.svg)}.grid-button.two{background-image:url(../img/grid-2.svg)}.grid-button.three{background-image:url(../img/grid-3.svg)}.grid-button.four{background-image:url(../img/grid-4.svg)}.grid-button.sel,.grid-button:hover{background-image:url(../img/grid-1-sel.svg)}.grid-button.two.sel,.grid-button.two:hover{background-image:url(../img/grid-2-sel.svg)}.grid-button.three.sel,.grid-button.three:hover{background-image:url(../img/grid-3-sel.svg)}.grid-button.four.sel,.grid-button.four:hover{background-image:url(../img/grid-4-sel.svg)}.pf-controls{display:flex;flex-grow:1;justify-content:space-between}.gridfiller{width:152px}.title-pic{align-items:center;cursor:pointer;display:flex;justify-content:flex-start}.roundel-holder{border-radius:50%;cursor:pointer;flex-shrink:0;height:110px;margin-left:16px;overflow:hidden;position:relative;transition:all .11s linear;width:110px}.scrolled .roundel-holder{height:50px;width:50px}.roundel-holder:hover,.title-pic:hover .roundel-holder{box-shadow:2px 2px 3px #00000080;transform:scale(1.2)}.roundel-holder.hidden{opacity:0;transform:scale(.3)}.roundel-holder img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-banner{box-sizing:border-box;padding-left:25px;padding-right:25px;position:relative;width:100%}.pf-name-vert{display:flex;flex-direction:column;row-gap:8px}@media screen and (max-width:1366px){.grid-button.four{display:none}}@media screen and (max-width:1650px){.genie .flex-pf22-june{display:block}}@media screen and (max-width:1200px){.roundel-holder{height:80px;width:80px}.flex-pf22-june{display:block}}@media screen and (max-width:960px){.grid-buttons{margin-top:6px}.grid-button.three{display:none}}@media screen and (min-width:1200px){.scrollfiller.scrolled{height:95px}.flex-pf22-june.scrolled{box-sizing:border-box;max-width:none;position:fixed;top:60px;z-index:48}.genie .flex-pf22-june.scrolled{padding-bottom:12px}.flex-pf22-june.scrolled.faded{opacity:.2}.flex-pf22-june.scrolled:hover{opacity:1}.scrolled .pf-name-area{align-items:center;margin-top:10px}}@media screen and (max-width:768px){.grid-buttons{margin-top:4px}.grid-button{height:26px;width:26px}.pf-one-float{width:48%}}@media screen and (max-width:640px){.portfolio-banner{padding-left:0;padding-right:0}.roundel-holder{height:60px;width:60px}.pf-name-vert{padding-top:5px;row-gap:0}.grid-buttons{display:none}.pf-controls{padding-right:20px}.artist-button-holder .button-group,.pf-controls{flex-wrap:wrap;row-gap:7px}}@media screen and (max-width:420px){.pf-controls{display:block}.artist-button-holder{margin-bottom:10px}}