.cases-section{padding:0}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:42px;column-gap:42px;row-gap:40px;align-items:stretch}.case-item{position:relative;display:flex;flex-direction:column;cursor:pointer;background:#fff;border:1px solid rgba(15,23,42,.05);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px #0f172a08,0 8px 20px #0f172a0f;will-change:transform,box-shadow;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .32s cubic-bezier(.22,1,.36,1)}.case-item:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,#3b82f614,#3b82f600 44%);transition:opacity .38s cubic-bezier(.22,1,.36,1)}.case-item:focus-visible{outline:2px solid rgba(34,103,246,.45);outline-offset:2px}.case-item:hover{transform:translate3d(0,-3px,0);border-color:#3b82f638;box-shadow:0 10px 20px #1e40af14,0 18px 30px #0f172a14}.case-item:hover:after{opacity:1}.case-item:hover .case-item__cover{transform:scale(1.045)}.case-item:hover .case-item__title{color:#1f4dcb}.case-item__media{position:relative;flex-shrink:0;aspect-ratio:16 / 10;background:#e8ecf1;overflow:hidden}.case-item__cover{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:transform .62s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1)}.case-item:hover .case-item__cover{filter:saturate(1.03) contrast(1.01)}.case-item__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;min-height:236px;padding:18px 18px 16px}.case-item__stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.case-item__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.case-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:1.25;padding:6px 11px;border-radius:6px;letter-spacing:.02em}.case-tag--0{background:#ffe4e8;color:#9f1239}.case-tag--1{background:#fef3c7;color:#b45309}.case-tag--2{background:#dbeafe;color:#1d4ed8}.case-tag--3{background:#ede9fe;color:#5b21b6}.case-tag--4{background:#ecfdf5;color:#047857}.case-tag--sub{font-weight:500;font-size:11px;padding:5px 9px;border-radius:5px;background:#0f172a0f;color:#0f172ab8}.case-item__title{margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.42;letter-spacing:-.01em;color:#0a1630;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-item__desc{margin:0;font-size:14px;line-height:1.78;color:#0f172a9e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.case-item__bar{display:flex;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid rgba(15,23,42,.05)}.case-item__logo{min-width:0;height:56px;display:flex;align-items:center;justify-content:flex-start}.case-item__logo img{max-width:96%;max-height:50px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;display:block;image-rendering:auto}@media(max-width:1120px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.case-grid{grid-template-columns:1fr}}@media(max-width:768px){.case-grid{grid-template-columns:1fr!important}.case-item__body{min-height:0}.case-item__title{font-size:20px;line-height:1.42}}.cases-section__head[data-v-62de0c57]{margin-bottom:24px}.cases-section__title[data-v-62de0c57]{margin:0;font-size:34px;line-height:1.25;color:#1b2848}.cases-section__subtitle[data-v-62de0c57]{margin:8px 0 0;color:#5a6788;font-size:15px}.cases-section__tabs[data-v-62de0c57]{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.cases-section__tab[data-v-62de0c57]{height:34px;border-radius:999px;border:1px solid #d6dff2;background:#fff;color:#4d5c83;padding:0 14px;font-size:13px;cursor:pointer;transition:all .2s ease}.cases-section__tab.is-active[data-v-62de0c57]{color:#2f4ccf;border-color:#bdc9f6;background:#eef2ff}.cases-pager[data-v-62de0c57]{display:flex;justify-content:center;margin-top:30px;padding-bottom:8px}@media(max-width:768px){.cases-section__title[data-v-62de0c57]{font-size:26px}.cases-section__subtitle[data-v-62de0c57]{font-size:14px}.cases-section__tabs[data-v-62de0c57]{margin-top:14px;gap:8px}}.case-item__media--playable[data-v-62de0c57]{cursor:pointer}.case-item__play[data-v-62de0c57]{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#0f172a29,#0f172a00 48%)}.case-item__play-icon[data-v-62de0c57]{width:56px;height:56px;border-radius:999px;background:#0f172aad;box-shadow:0 12px 24px #0f172a52;position:relative}.case-item__play-icon[data-v-62de0c57]:after{content:"";position:absolute;left:50%;top:50%;transform:translate(calc(-50% + 2px),-50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #ffffff}.case-row-carousel[data-v-62de0c57]{display:flex;align-items:stretch;gap:.35rem;margin-top:.15rem}.case-row-carousel__viewport[data-v-62de0c57]{flex:1 1 auto;min-width:0}.case-grid.case-grid--row-carousel[data-v-62de0c57]{display:grid;grid-template-columns:repeat(var(--row-cols, 3),minmax(0,1fr));-moz-column-gap:clamp(1rem,2.2vw,1.65rem);column-gap:clamp(1rem,2.2vw,1.65rem);row-gap:0;align-items:stretch}.case-row-carousel__btn[data-v-62de0c57]{flex:0 0 auto;align-self:center;width:2.25rem;height:3rem;margin:0;padding:0;border:1px solid rgba(148,163,184,.45);border-radius:.65rem;background:#fff;color:#334155;font-size:1.35rem;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.case-row-carousel__btn[data-v-62de0c57]:hover:not(:disabled){border-color:#2267f673;color:#2267f6;background:#f8fafc}.case-row-carousel__btn[data-v-62de0c57]:disabled{opacity:.32;cursor:not-allowed}.case-row-carousel__btn[data-v-62de0c57]:focus-visible{outline:2px solid rgba(34,103,246,.45);outline-offset:2px}@media(max-width:640px){.case-row-carousel__btn[data-v-62de0c57]{width:2rem;height:2.75rem;font-size:1.2rem}}
