|
- .artwork-wrapper{position:relative;display:block;overflow:hidden;width:100%}.artwork-wrapper:before{content:"";display:block;padding-top:45%}@media (max-width: 999px){.artwork-wrapper:before{padding-top:52%}}section .artwork-wrapper{position:absolute;height:100%;top:0}.artwork{position:absolute;right:0;top:0;height:100%;width:calc(43vw - 160px)}@media (max-width: 1199px){.artwork{width:50vw;margin:1% -18%;max-height:90vw}}@media (max-width: 767px){.artwork{margin:3% -24%;height:94%}}@media (max-width: 567px){.artwork{margin:5% -32%;height:90%}}.artwork .foreground,.artwork .background{position:absolute;left:0;right:0;top:0;transform-origin:right top;height:75%;transform:rotate(-3deg);overflow:hidden}.artwork .foreground:before,.artwork .background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--swatches-primary-500);margin:-16% 0;border-top-left-radius:26% 50%;border-bottom-left-radius:26% 50%}.artwork .background{transform:rotate(-9deg);left:-3vw;margin-left:-60px}@media (max-width: 999px){.artwork .background{margin-left:-45px;margin-top:5px}}@media (max-width: 567px){.artwork .background{margin-left:-30px;margin-top:10px}}.artwork .background:before{background:linear-gradient(323deg,rgba(75,164,144,0) -5.42%,var(--gradient-a) 85.26%),var(--swatches-primary-500)}.artwork-left{position:absolute;left:0;top:0;height:100%;width:calc(50vw - var(--container-width) / 2)}.artwork-left+.artwork{width:calc(50vw - var(--container-width) / 2)}.artwork-left+.artwork .foreground,.artwork-left+.artwork .background{height:437px;transform-origin:center center;transform:rotate(0)!important}@media (max-width: 767px){.artwork-left{margin:3% -24%;height:94%}}@media (max-width: 567px){.artwork-left{margin:5% -32%;height:90%}}.artwork-left .foreground,.artwork-left .background{position:absolute;left:0;right:0;top:0;transform-origin:center center;height:437px;transform:rotate(0);overflow:hidden}.artwork-left .foreground:before,.artwork-left .background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--swatches-primary-500);margin:-16% 0;border-top-right-radius:26% 50%;border-bottom-right-radius:26% 50%}.artwork-left .background{transform:rotate(0);left:-482px;margin-right:-60px}@media (max-width: 999px){.artwork-left .background{margin-right:-45px;margin-top:5px}}@media (max-width: 567px){.artwork-left .background{margin-right:-30px;margin-top:10px}}.artwork-left .background:before{background:linear-gradient(152deg,rgba(75,164,144,0) -25.03%,var(--gradient-a) 96.63%),var(--swatches-primary-500)}[data-type=artwork-background-image]{color:var(--color-background)}[data-type=artwork-background-image] .image-box{position:absolute;top:0;left:0;right:0;bottom:0}[data-type=artwork-background-image] .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,rgba(var(--swatches-primary-500-rgb),1),rgba(var(--swatches-primary-500-rgb),.2))}[data-type=artwork-background-image] .image-box img{position:relative;display:block;width:100%;height:100%;object-fit:cover}[data-type=artwork-background-image] .artwork{z-index:1;margin-top:20px}[data-type=artwork-background-image] .artwork .foreground:before,[data-type=artwork-background-image] .artwork .background:before{background:var(--color-background);opacity:.7}[data-type=artwork-background-image] .artwork .background:before{opacity:.3}[data-type=artwork-image] .image-box,[data-type=artwork-image] .artwork-image-link{position:absolute;display:block;width:calc(43vw - 160px);right:0;top:0;transform-origin:right top;height:75%;transform:rotate(-3deg);overflow:hidden}@media (max-width: 1199px){[data-type=artwork-image] .image-box,[data-type=artwork-image] .artwork-image-link{width:50vw;margin:1% -18%;max-height:90vw}}@media (max-width: 767px){[data-type=artwork-image] .image-box,[data-type=artwork-image] .artwork-image-link{margin:3% -24%;max-height:94%}}@media (max-width: 567px){[data-type=artwork-image] .image-box,[data-type=artwork-image] .artwork-image-link{margin:5% -32%;max-height:90%;height:70vw}}[data-type=artwork-image] .image-box picture,[data-type=artwork-image] .artwork-image-link picture{position:absolute;top:0;left:0;right:0;bottom:0;margin:-16% 0;border-top-left-radius:26% 50%;border-bottom-left-radius:26% 50%;overflow:hidden}[data-type=artwork-image] .image-box img,[data-type=artwork-image] .artwork-image-link img{position:absolute;display:block;top:10%;width:100%;height:80%;object-fit:cover;transform:rotate(3deg);max-width:none}[data-type=artwork-image] .artwork .foreground,[data-type=artwork-image] .artwork-image-link{opacity:0}
|
