.sp-section{margin-top:3rem}.sp-cat-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.sp-cat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;flex-shrink:0}.sp-cat-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.sp-cat-count{font-size:.72rem;color:#94a3b8;font-weight:500;margin-left:auto}.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:.875rem}.sp-card{position:relative;display:block;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;animation:spIn .5s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--delay, 0ms)}.sp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000024,0 0 0 1px #ffffff0f}.sp-card--hero{grid-column:span 2;grid-row:span 2}.sp-card--side-top,.sp-card--side-bot{grid-column:span 2;grid-row:span 1}.sp-card--std{grid-column:span 1;grid-row:span 1}.sp-card--duo{grid-column:span 2;grid-row:span 1}.sp-card--full{grid-column:span 4;grid-row:span 1}.sp-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s ease}.sp-card:hover .sp-card__img{transform:scale(1.06);filter:brightness(.8)}.sp-card__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.78) 100%);transition:background .4s ease}.sp-card:hover .sp-card__scrim{background:linear-gradient(180deg,#0000000d 20%,#0000004d 50%,#000000d9)}.sp-card__num{position:absolute;top:.85rem;right:.85rem;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:#fff;background:color-mix(in srgb,var(--ac) 55%,rgba(0,0,0,.3));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid color-mix(in srgb,var(--ac) 35%,rgba(255,255,255,.15));border-radius:50%;transition:all .35s cubic-bezier(.4,0,.2,1)}.sp-card:hover .sp-card__num{background:var(--ac);border-color:color-mix(in srgb,var(--ac) 100%,#fff 30%);transform:scale(1.08);box-shadow:0 4px 14px color-mix(in srgb,var(--ac) 40%,transparent)}.sp-card__info{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:1.25rem;display:flex;flex-direction:column;gap:.3rem;transform:translateY(2rem);transition:transform .4s cubic-bezier(.4,0,.2,1)}.sp-card:hover .sp-card__info{transform:translateY(0)}.sp-card__title{font-size:1rem;font-weight:700;color:#fff;line-height:1.25;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.35)}.sp-card--hero .sp-card__title{font-size:1.35rem}.sp-card:hover .sp-card__title{color:#fff}.sp-card__desc{font-size:.78rem;line-height:1.5;color:#ffffffa6;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s ease .05s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sp-card:hover .sp-card__desc{max-height:3.5rem;opacity:1}.sp-card--hero .sp-card__desc{font-size:.85rem}.sp-card--hero:hover .sp-card__desc{max-height:4.5rem}.sp-card__cta{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--ac);margin-top:.2rem;opacity:0;transform:translate(-6px);transition:all .3s cubic-bezier(.4,0,.2,1) .05s}.sp-card:hover .sp-card__cta{opacity:1;transform:translate(0)}.sp-card__cta svg{transition:transform .25s ease}.sp-card:hover .sp-card__cta svg{transform:translate(2px,-2px)}.sp-card__glow{position:absolute;inset:0;border-radius:inherit;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 0 var(--ac);transition:box-shadow .4s ease}.sp-card:hover .sp-card__glow{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ac) 60%,transparent),0 0 24px color-mix(in srgb,var(--ac) 15%,transparent)}@keyframes spIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.sp-grid{grid-auto-rows:180px;gap:.75rem}.sp-card--hero .sp-card__title{font-size:1.2rem}}@media (max-width: 640px){.sp-section{margin-top:2rem}.sp-cat-icon{width:28px;height:28px;font-size:.7rem;border-radius:8px}.sp-cat-title{font-size:1.05rem}.sp-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:.5rem}.sp-card--hero{grid-column:span 2;grid-row:span 2}.sp-card--side-top,.sp-card--side-bot,.sp-card--std,.sp-card--duo{grid-column:span 1}.sp-card--full{grid-column:span 2}.sp-card{border-radius:14px}.sp-card__info{padding:.85rem;transform:translateY(1.25rem)}.sp-card__title{font-size:.82rem}.sp-card--hero .sp-card__title{font-size:1rem}.sp-card__desc{font-size:.7rem}.sp-card__cta{font-size:.68rem}.sp-card__num{width:28px;height:28px;font-size:.58rem;top:.5rem;right:.5rem}}