.work-cards{--card-scale:.7047}@media (min-width:768px){.work-cards{--card-scale:1}}@media (max-width:767px){.work-cards{--rs:var(--rs-m,1)}}.work-cards{overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;border-radius:16px;overflow-x:auto}.work-cards::-webkit-scrollbar{display:none}.work-drift{width:max-content;display:flex}.work-card{width:calc(var(--w) * var(--card-scale) * var(--rs,1));height:calc(var(--h,350px) * var(--card-scale) * var(--rs,1));margin-right:calc(15px * var(--card-scale));border-radius:calc(12px * var(--card-scale));background:#ffffff12;flex:none;overflow:hidden}.work-reveal{grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows .62s cubic-bezier(.16,1,.3,1);display:grid}.work-reveal>*{min-width:0;min-height:0;overflow:clip}.work-reveal-inner{opacity:0;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .42s ease-out;transform:translateY(28px)}.work-reveal[data-open=true]{grid-template-rows:1fr}.work-reveal[data-open=true] .work-reveal-inner{opacity:1;transition-delay:80ms;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.work-reveal,.work-reveal-inner{transition:none}}
