.fan-layout{--card-w:10.5rem;--hero-w:11.9rem;height:22rem}@media (min-width:480px){.fan-layout{--card-w:12.5rem;--hero-w:14.1rem;height:26rem}}@media (min-width:640px){.fan-layout{--card-w:14rem;--hero-w:15.8rem;height:28rem}}@media (min-width:768px){.fan-layout{--card-w:16.5rem;--hero-w:18.6rem;height:34rem}}@media (min-width:1024px){.fan-layout{--card-w:19rem;--hero-w:21.4rem;height:38rem}}.fan-card{width:var(--card-w);height:calc(var(--card-w) * 1.75);opacity:0;will-change:transform;background:#f3f1ed;border-radius:1.1rem;transition:width .4s;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0000002e,0 2px 8px #0000001a}.fan-card.is-hero{width:var(--hero-w)}@media (min-width:640px){.fan-card{border-radius:1.25rem}}@media (min-width:1024px){.fan-card{border-radius:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}