:root{--logo-width:7em;--card-border-radius:calc(var(--logo-width)*.17);--logo-border-radius:calc(var(--logo-width)*.43);--title-font-size:calc(var(--logo-width)*.35);--title-font-weight:400;--logo-padding:calc(var(--logo-width)*.07);--logo-inner-padding:calc(var(--logo-width)*.07);--mobile-modal-radius:calc(var(--logo-width)*.214);--title-offset:1}@media screen and (min-width:1199px){:root{--logo-width:4.7em}}@media screen and (max-width:1199px){:root{--logo-width:6.5em}}@media screen and (max-width:800px){:root{--logo-width:6em}}@media screen and (max-width:480px){:root{--logo-width:4.5em}}.card-wrapper{aspect-ratio:1080/1920;cursor:pointer;width:100%;display:flex;position:relative;overflow:hidden}.card-wrapper .card-image-wrapper img{border-radius:var(--card-border-radius);filter:grayscale();width:100%;height:100%;transition:filter .6s}.card-wrapper .card-way{width:var(--logo-width);height:100%;position:absolute;top:0;right:0}.card-wrapper .card-way .card-title{font-size:var(--title-font-size);font-weight:var(--title-font-weight);color:var(--card-text);z-index:10;transform-origin:50%;white-space:nowrap;opacity:0;visibility:hidden;position:absolute;top:65%;left:50%;overflow:hidden;transform:translate(-50%,-65%)rotate(90deg)}.card-wrapper .card-way .card-title span{opacity:0;display:inline-block;transform:translateY(-30px)}.card-wrapper .card-way .card-ray{background-color:var(--card-background);height:calc(var(--logo-width) - (var(--logo-width)/2));width:100%;transition:all .8s cubic-bezier(.7,.47,.53,.74);position:absolute;bottom:0;right:0}.card-wrapper .card-way .card-ray:before{content:"";top:calc((var(--logo-width)*-1));width:calc(var(--logo-width)/2);height:calc(var(--logo-width)/2);box-shadow:calc(var(--logo-width)/4)0 0 var(--card-background);background-color:#0000;border-radius:0 0 50%;position:absolute;right:0}.card-wrapper .card-way:before{content:"";bottom:0;right:var(--logo-width);width:calc(var(--logo-width)/2);height:calc(var(--logo-width)/2);box-shadow:calc(var(--logo-width)/4)0 0 var(--card-background);background-color:#0000;border-radius:0 0 50%;position:absolute}.card-wrapper .card-way .card-logo-wrapper{width:var(--logo-width);height:var(--logo-width);aspect-ratio:1;padding:var(--logo-padding);box-sizing:border-box;background-color:var(--card-background);border-radius:var(--logo-border-radius)0 0;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.7,.47,.53,.74);position:absolute;bottom:0;right:0}.card-wrapper .card-way .card-logo-wrapper img{z-index:1;object-fit:contain;width:100%;height:100%;padding:var(--logo-inner-padding);box-sizing:border-box;background-color:#f2f2f2;border-radius:50%;display:flex;position:relative}.card-wrapper:hover .card-image-wrapper img{filter:grayscale(0%)}.card-wrapper:hover .card-ray{height:calc(85% - (var(--logo-width)/2))}.card-wrapper:hover .card-logo-wrapper{bottom:calc(85% - var(--logo-width))}.card-wrapper:hover .card-title{opacity:1;visibility:visible;transition:opacity .6s,visibility .6s}.card-wrapper:hover .card-way .card-title span{opacity:1;transition:opacity .4s ease var(--open-delay),transform .4s ease var(--open-delay);transform:translateY(0)}.card-wrapper:not(:hover) .card-way .card-title{opacity:0;visibility:hidden;transition:opacity .2s .55s,visibility .2s .55s}.card-wrapper:not(:hover) .card-way .card-title span{opacity:0;transition:opacity .2s ease var(--close-delay),transform .2s ease var(--close-delay);transform:translateY(30px)}@media screen and (max-width:768px){.card-wrapper{aspect-ratio:9/16;max-width:100%}.video-modal-content{width:95vw;height:90vh}}@media (hover:none) and (pointer:coarse){.card-wrapper{cursor:pointer}}.card-creamake-logo,.collaboration-x{opacity:0;transition:opacity .3s,visibility .3s;right:0}.card-creamake-logo{width:calc(var(--logo-width)*1.2);z-index:10;opacity:0;position:absolute;top:8%;left:30%;transform:translate(-50%,-50%)}.card-creamake-logo img{object-fit:contain;width:100%;height:auto}.collaboration-x{justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:-100px}.collaboration-x svg{width:20px;height:20px}.card-wrapper:hover .card-creamake-logo,.card-wrapper:hover .collaboration-x{opacity:1;transition:opacity .3s,visibility .3s}@media screen and (max-width:800px){.card-wrapper .card-image-wrapper img{filter:grayscale(0%)!important}.card-wrapper .card-ray{height:calc(85% - (var(--logo-width)/2))!important}.card-wrapper .card-logo-wrapper{bottom:calc(85% - var(--logo-width))!important}.card-wrapper .card-title{opacity:1!important;transition:opacity .6s,visibility .6s!important}.card-wrapper .card-creamake-logo,.card-wrapper .collaboration-x{opacity:1;transition:opacity .3s,visibility .3s}.card-wrapper .card-way .card-title{opacity:1!important;visibility:visible!important}.card-wrapper .card-way .card-title span{opacity:1!important;transform:translateY(0)!important}}