.ob-wrapper{width:100%;box-sizing:border-box}.ob-section-title{font-size:2.4rem;font-weight:700;color:#1a1a2e;margin-bottom:48px;text-align:center;line-height:1.2}.ob-grid{display:grid;gap:32px}.ob-grid--cols-1{grid-template-columns:1fr}.ob-grid--cols-2{grid-template-columns:repeat(2,1fr)}.ob-grid--cols-3{grid-template-columns:repeat(3,1fr)}.ob-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.ob-grid--cols-3,.ob-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ob-grid--cols-2,.ob-grid--cols-3,.ob-grid--cols-4{grid-template-columns:1fr}}.ob-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.3s ease,transform 0.3s ease}.ob-card:hover{box-shadow:0 8px 40px rgba(0,0,0,.14);transform:translateY(-4px)}.ob-card__image-wrap{position:relative;width:100%;height:260px;overflow:hidden;border-radius:12px 12px 0 0;flex-shrink:0}.ob-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.ob-card:hover .ob-card__image{transform:scale(1.04)}.ob-card__image-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 24px 20px;background:linear-gradient(to top,rgba(10,14,40,.9) 0%,rgba(10,14,40,.55) 60%,transparent 100%)}.ob-card__title{font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}.ob-card__subtitle{font-size:.95rem;font-weight:400;color:#e2e8f0;margin:0;line-height:1.4}.ob-card__title--dark{color:#1a1a2e}.ob-card__subtitle--dark{color:#4a5568;margin-bottom:8px}.ob-card__body{padding:28px;display:flex;flex-direction:column;gap:16px;flex:1}.ob-card__desc{font-size:.95rem;color:#4a5568;line-height:1.65;margin:0}.ob-card__btns{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}.ob-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 16px;border:1.5px solid #cbd5e0;border-radius:6px;background:#fff;color:#1a1a2e;font-size:.875rem;font-weight:500;text-decoration:none;transition:background 0.22s ease,color 0.22s ease,border-color 0.22s ease;cursor:pointer;line-height:1}.ob-btn:hover{background:#1a1a2e;color:#fff;border-color:#1a1a2e;text-decoration:none}.ob-btn__arrow{font-size:.85rem;transition:transform 0.22s ease;flex-shrink:0}.ob-btn:hover .ob-btn__arrow{transform:translateX(3px)}@media (max-width:480px){.ob-section-title{font-size:1.8rem}.ob-card__btns{grid-template-columns:1fr}.ob-card__btns .ob-btn:last-child:nth-child(odd){grid-column:span 1}}