.leo-ages{overflow:hidden}.leo-ages__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.8rem;margin:0;padding:.8rem .4rem 1.6rem;list-style:none}@media screen and (min-width:750px){.leo-ages__grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:3.2rem;padding-top:6.4rem}}.leo-ages__item{--leo-tile-edge: color-mix(in srgb, var(--leo-tile-bg) 66%, #1f2a5b);min-width:0}.leo-ages__tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem;height:100%;min-height:18rem;padding:2.4rem 2rem 2.4rem 2.6rem;border-radius:3rem;background:var(--leo-tile-bg);color:var(--leo-tile-fg);text-decoration:none;box-shadow:.8rem 1rem 0 0 var(--leo-tile-edge);transform:rotate(var(--leo-tilt, 0deg));transition:transform .3s var(--leo-ease-out),box-shadow .3s var(--leo-ease-out)}.leo-ages__tile:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:.25rem dashed color-mix(in srgb,#fff 62%,transparent);border-radius:2.2rem;pointer-events:none}.leo-ages__copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}.leo-ages__number{display:flex;flex-direction:column;line-height:1}.leo-ages__small{font-family:var(--leo-font-heading);font-size:1.8rem;font-weight:600;letter-spacing:.01em}.leo-ages__big{margin-top:.2rem;font-family:var(--leo-font-heading);font-weight:700;font-size:var(--leo-num-size);line-height:.95;letter-spacing:-.03em;white-space:nowrap;text-shadow:0 .06em 0 color-mix(in srgb,var(--leo-tile-edge) 55%,transparent)}.leo-ages__text{max-width:24ch;font-size:1.5rem;font-weight:600;line-height:1.4}.leo-ages__lead{font-weight:900}.leo-ages__cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:.4rem;padding:.7rem 1.2rem .7rem 1.6rem;border-radius:var(--leo-radius-pill);background:#fff;color:var(--leo-navy);font-size:1.4rem;font-weight:800;line-height:1.2;box-shadow:0 .3rem 0 0 var(--leo-tile-edge)}.leo-ages__cta-icon{display:inline-flex;width:1.8rem;height:1.8rem;transition:transform .2s var(--leo-ease-out)}.leo-ages__cta-icon .leo-icon{width:100%;height:100%}.leo-ages__photo{position:relative;display:block;width:12rem;height:12rem;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 .6rem #fff,.6rem .8rem 0 .6rem var(--leo-tile-edge);transform:rotate(calc(var(--leo-tilt, 0deg) * -2));flex:0 0 auto;transition:transform .4s var(--leo-ease-out)}.leo-ages__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--leo-ease-out)}@media screen and (min-width:750px){.leo-ages__tile{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:.8rem;padding:0 3rem 3.4rem}.leo-ages__photo{grid-row:1;justify-self:end;width:13rem;height:13rem;margin:-5.6rem -.8rem 0 0}.leo-ages__copy{grid-row:2;height:100%}.leo-ages__cta{margin-top:auto}.leo-ages__number{margin-bottom:.2rem}.leo-ages__big{font-size:min(var(--leo-num-size),8.2vw)}}@media screen and (min-width:1200px){.leo-ages__photo{width:15rem;height:15rem;margin-top:-6.4rem}}@media(hover:hover)and (pointer:fine){.leo-ages__tile:hover{transform:rotate(0) translateY(-.6rem);box-shadow:.8rem 1.4rem 0 0 var(--leo-tile-edge)}.leo-ages__tile:hover .leo-ages__photo{transform:rotate(calc(var(--leo-tilt, 0deg) * 3)) scale(1.04)}.leo-ages__tile:hover .leo-ages__cta-icon{transform:translate(.3rem)}}.leo-ages__tile:active{transform:rotate(0) translateY(.4rem);box-shadow:.4rem .4rem 0 0 var(--leo-tile-edge)}@media screen and (max-width:749px){.leo-ages__tile{min-height:0;padding:2.2rem 1.8rem 2.2rem 2.4rem;transform:rotate(calc(var(--leo-tilt, 0deg) * .6))}.leo-ages__tile:before{top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border-radius:2.2rem}.leo-ages__text{font-size:1.4rem}.leo-ages__photo{width:10.4rem;height:10.4rem}}@keyframes leo-age-drop{0%{opacity:0;transform:translateY(-7rem) rotate(-9deg)}50%{opacity:1;transform:translateY(.8rem) rotate(2deg)}70%{transform:translateY(-.5rem) rotate(-1deg)}86%{transform:translateY(.2rem) rotate(0)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(prefers-reduced-motion:no-preference){.leo-ages__grid.is-waiting .leo-ages__item{opacity:0}.leo-ages__grid.is-in:not(.is-instant) .leo-ages__item{animation:leo-age-drop .9s var(--leo-ease-out) backwards;animation-delay:calc(var(--leo-n, 0) * .12s)}}@media(prefers-reduced-motion:reduce){.leo-ages__tile,.leo-ages__img,.leo-ages__photo,.leo-ages__cta-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/leo-age-blocks.css.map */