.flp .flp__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,1.6vw,22px);margin-top:clamp(28px,3vw,44px)}
.flp__card{flex:0 0 calc((100% - 2*clamp(14px,1.6vw,22px))/3);height:clamp(320px,26vw,380px);perspective:1400px;outline:none;cursor:pointer;opacity:0;transform:translateY(46px)}
.flp.is-in .flp__card{opacity:1;transform:none;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.flp.is-in .flp__card:nth-child(2){transition-delay:.1s}.flp.is-in .flp__card:nth-child(3){transition-delay:.2s}.flp.is-in .flp__card:nth-child(4){transition-delay:.3s}.flp.is-in .flp__card:nth-child(5){transition-delay:.4s}.flp.is-in .flp__card:nth-child(6){transition-delay:.5s}
.flp__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.85,.25,1.15)}
.flp__face{position:absolute;inset:0;border-radius:var(--r,22px);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,34px)}
.flp__front{background:var(--k);color:var(--w);justify-content:space-between;box-shadow:0 26px 50px -26px rgba(0,0,0,.55)}
.flp__front::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0%,rgba(255,218,3,.16),rgba(255,218,3,0) 60%);pointer-events:none}
.flp__num{position:relative;font-size:clamp(110px,10vw,168px);font-weight:700;line-height:.85;letter-spacing:-.05em;color:var(--y);font-variant-numeric:tabular-nums}
.flp__t{position:relative;font-size:clamp(19px,1.5vw,23px);line-height:1.2;margin:0;max-width:16ch;padding-right:44px;color:var(--w)}
.flp__hint{position:absolute;right:22px;bottom:22px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);transition:transform .5s,border-color .3s}
.flp__hint::before,.flp__hint::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--y);transform:translate(-50%,-50%)}
.flp__hint::after{transform:translate(-50%,-50%) rotate(90deg)}
.flp__card:hover .flp__hint,.flp__card:focus-visible .flp__hint{transform:rotate(90deg);border-color:var(--y)}
.flp__back{background:var(--w);color:var(--k);transform:rotateY(180deg);justify-content:flex-start;gap:12px;box-shadow:0 26px 50px -26px rgba(0,0,0,.35)}
.bg-white .flp__back,.bg-cloud .flp__back{background:var(--y)}
.bg-black .flp__back{background:#151515;color:var(--w);border:1px solid rgba(255,218,3,.35)}
.flp__mini{font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--stone)}
.bg-black .flp__mini{color:var(--y)}
.flp__bt{font-size:clamp(19px,1.5vw,23px);line-height:1.2;margin:0;font-weight:700}
.flp__text{margin:0;color:var(--ink);font-size:16px;line-height:1.55}
.bg-black .flp__text{color:#cfcfcf}
.flp__link{margin-top:auto}
@media (hover:hover) and (pointer:fine){.flp__card:hover .flp__inner{transform:rotateY(180deg)}}
.flp__card.is-flipped .flp__inner,.flp__card:focus-visible .flp__inner,.flp__card:has(a:focus-visible) .flp__inner{transform:rotateY(180deg)}
@media (max-width:980px){.flp__card{flex-basis:calc((100% - clamp(14px,1.6vw,22px))/2)}}
@media (max-width:600px){.flp__card{flex-basis:100%;height:300px}.flp__num{font-size:112px}}
@media (prefers-reduced-motion:reduce){.flp__card{opacity:1;transform:none}.flp__inner{transition:none}}