.ocs-archive-page{background-color:#0f0f23;color:#e0e0e0;margin:0 -50vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;padding-bottom:60px}.ocs-archive-page *,.ocs-archive-page *::before,.ocs-archive-page *::after{box-sizing:border-box}.ocs-archive-page a{color:inherit;text-decoration:none}.ocs-container{max-width:1100px;margin:0 auto;padding:0 24px}.ocs-archive-header{padding:60px 0 30px;border-bottom:1px solid rgb(255 255 255 / .06);margin-bottom:30px}.ocs-archive-title{font-size:42px;font-weight:700;color:#fff;margin:0}.ocs-archive-description{font-size:15px;color:#a0a0b8;margin:12px 0 0;max-width:600px}.ocs-filters{margin-bottom:40px}.ocs-filters-form{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.ocs-filter-group{flex:1;min-width:200px}.ocs-filter-group:last-child{flex:0 0 auto;min-width:auto;display:flex;gap:10px;align-items:center}.ocs-filter-select{width:100%;background:#151530;color:rgb(255 255 255 / .85);border:1px solid rgb(255 255 255 / .12);border-radius:12px;padding:16px 20px;font-size:15px;font-weight:400;letter-spacing:.02em;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px;transition:border-color 0.2s}.ocs-filter-select:hover{border-color:rgb(255 255 255 / .25)}.ocs-filter-select:focus{outline:none;border-color:rgb(255 255 255 / .35)}.ocs-filter-select option{background:#151530;color:#e0e0e0}.ocs-filter-btn{background:#F4A10D;color:#1a1a2e;border:none;border-radius:50px;padding:16px 36px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap}.ocs-filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgb(244 161 13 / .3)}.ocs-filter-reset{color:#a0a0b8;font-size:14px;padding:10px 12px;transition:color 0.2s;white-space:nowrap}.ocs-filter-reset:hover{color:#fff}.ocs-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ocs-archive-card{background:#13132b;border:1px solid rgb(255 255 255 / .06);border-radius:16px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;display:flex;flex-direction:column}.ocs-archive-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgb(0 0 0 / .4);border-color:rgb(244 161 13 / .15)}.ocs-archive-card-link{display:flex;flex-direction:column;height:100%}.ocs-archive-card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden}.ocs-archive-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.ocs-archive-card:hover .ocs-archive-card-image img{transform:scale(1.08)}.ocs-archive-card-overlay{position:absolute;top:14px;left:14px;z-index:2}.ocs-card-category{display:inline-block;background:rgb(244 161 13 / .9);color:#0f0f23;padding:5px 14px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ocs-archive-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a36,#252550)}.ocs-archive-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.ocs-archive-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ocs-archive-card-client{display:flex;align-items:center;gap:8px}.ocs-card-client-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgb(255 255 255 / .1)}.ocs-card-client-name{font-size:12px;font-weight:600;color:#F4A10D;letter-spacing:.02em}.ocs-card-year{font-size:11px;color:rgb(255 255 255 / .35);font-weight:500;background:rgb(255 255 255 / .05);padding:3px 10px;border-radius:4px}.ocs-archive-card-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 10px 0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ocs-archive-card-excerpt{font-size:13px;color:#6e6e8a;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.ocs-archive-card-footer{margin-top:18px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .06)}.ocs-archive-card-btn{display:inline-flex;align-items:center;gap:4px;color:#F4A10D;font-size:13px;font-weight:600;letter-spacing:.02em;transition:gap 0.2s ease}.ocs-archive-card:hover .ocs-archive-card-btn{gap:8px}.ocs-pagination{margin-top:50px;text-align:center}.ocs-pagination .nav-links{display:flex;justify-content:center;gap:8px}.ocs-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#1a1a36;color:#e0e0e0;font-size:14px;transition:background 0.2s}.ocs-pagination .page-numbers.current,.ocs-pagination .page-numbers:hover{background:#F4A10D;color:#1a1a2e}.ocs-no-results{text-align:center;padding:60px 0;color:#808098;font-size:16px}@media (max-width:768px){.ocs-archive-grid{grid-template-columns:repeat(2,1fr);gap:16px}.ocs-archive-title{font-size:28px}.ocs-filters-form{flex-direction:column;align-items:stretch}.ocs-filter-group{min-width:100%}.ocs-filter-group:last-child{flex-direction:column}.ocs-container{padding:0 16px}}@media (max-width:480px){.ocs-archive-grid{grid-template-columns:1fr}}