.sc-wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.sc-card{aspect-ratio:4/5;cursor:pointer;flex:1 1 45%;min-width:320px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.sc-card:hover{transform:scale(1.02)}.sc-bg{background-position:50%;background-size:cover;clip-path:inset(0 30% 0 30%);-webkit-clip-path:inset(0 30% 0 30%);inset:0;position:absolute;transform:scale(1);transition:clip-path .6s ease,-webkit-clip-path .6s ease,transform .6s ease}.sc-active .sc-bg{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);transform:scale(1.15)}.sc-scrim{background:var(--sc-color,#00f7f7);height:100%;left:50%;mix-blend-mode:screen;opacity:.4;position:absolute;top:0;transform:translateX(-50%);width:40%}.sc-title{align-items:center;color:#fff;display:flex;font-size:80px;font-weight:800;inset:0;justify-content:center;pointer-events:none;position:absolute;text-align:center;transition:opacity .45s ease;z-index:1}.sc-active .sc-title{opacity:0}.sc-panel{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:32px;justify-content:flex-end;padding:48px;transform:translateY(40px);transition:opacity .4s ease .1s,transform .5s ease .1s;visibility:hidden;z-index:1}.sc-panel,.sc-panel:before{inset:0;opacity:0;position:absolute}.sc-panel:before{background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.45) 35%,transparent);content:"";pointer-events:none;transition:opacity .4s ease .1s;z-index:0}.sc-active .sc-panel{opacity:1;transform:translateY(0);visibility:visible}.sc-active .sc-panel:before{opacity:1}.sc-btn,.sc-panel-text,.sc-panel-title{position:relative;z-index:1}.sc-panel-title{font-size:42px;font-weight:800;margin:0}.sc-panel-text p{font-size:20px;line-height:1.5;margin:0 0 1em}.sc-btn{align-items:center;align-self:flex-end;background:var(--sc-color,#00f7f7);color:#17191c;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;max-width:max-content;padding:.6rem 1.2rem;text-decoration:none;white-space:nowrap;width:auto}.sc-btn:hover{background-color:#f7f7f7;color:#17191c;transition:background-color .4s ease}@media(max-width:1024px){.sc-card{flex:1 1 100%}.sc-title{font-size:42px}.sc-panel{padding:40px}.sc-panel-title{font-size:44px}.sc-panel-text{font-size:16px}}@media(max-width:768px){.sc-panel{padding:26px 20px}.sc-panel-text{font-size:16px}.sc-btn{align-self:flex-start;padding:14px 28px}}