/* Readable service cards with relevant, lightweight visual previews. */
.service-universe { padding-block: 90px 80px; }
.service-universe .v3-section-heading { margin-bottom: 32px; }
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px; border: 1px solid #dedee8; border-radius: 17px; background: #ffffffa6; }
.catalog-categories { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.catalog-categories button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 13px; border: 1px solid #dcdce7; border-radius: 9px; background: #f5f5f9; color: #55596d; font-size: 13px; line-height: 1.4; transition: background 200ms,border-color 200ms; }
.catalog-categories button > span { font: 500 10px/1.5 var(--head); min-width: 21px; height: 21px; display: inline-grid; place-items: center; border-radius: 50%; background: #e6e5ef; color: #777487; }
.catalog-categories button.is-active { background: #2b2940; color: #fff; border-color: #2b2940; box-shadow: 0 4px 12px #24213715; }
.catalog-categories button.is-active > span { color: #e2dcff; background: #ffffff18; }
.catalog-categories button:hover { border-color: #aaa0ce; }
.catalog-search { display: flex; align-items: center; gap: 11px; width: 280px; min-width: 220px; flex-shrink: 0; min-height: 50px; padding: 5px 7px 5px 14px; border: 1px solid #d5d5e2; border-radius: 10px; background: #fff; color: #7e7c93; }
.catalog-search:focus-within { border-color: #8980bd; box-shadow: 0 0 0 3px #8175c114; }
.catalog-search > svg { flex-shrink: 0; width: 18px; height: 18px; }
.catalog-search input { width: 100%; min-width: 0; border: 0; outline: 0; padding: 6px 0; background: transparent; font-size: 16px; color: #30313d; }
.catalog-search input::placeholder { color: #898a9a; font-size: 14px; }
.catalog-search input::-webkit-search-cancel-button { display: none; }
.catalog-search button { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0; color: #67647c; border: 0; border-radius: 7px; }
.catalog-search button:hover { background: #eeecf7; }
.catalog-resultbar { display: flex; align-items: center; gap: 18px; min-height: 60px; padding: 13px 2px; }
.catalog-resultbar p { font-size: 14px; color: #65677b; margin: 0; line-height: 1.5; }
.catalog-resultbar p > span { font-family: var(--head); font-weight: 600; color: #363348; }
.catalog-resultbar > button { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; border: 0; padding: 0; font-size: 12px; color: #6d5d97; }
.catalog-visual-note { margin-left: auto; color: #9393a4; letter-spacing: 1px; font-size: 8px; }
.catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.catalog-card { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 22px; min-width: 0; padding: 22px; border: 1px solid #dfdfe9; border-radius: 17px; background: #fff; color: #252731; transition: border-color 250ms,box-shadow 250ms,transform 250ms; }
.catalog-media { display: block; position: relative; width: 112px; height: 132px; flex-shrink: 0; border-radius: 11px; overflow: hidden; background: #e5e2df; margin-top: 2px; }
.catalog-media > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--thumb-position,50% 50%); transition: transform 500ms cubic-bezier(.2,.7,.25,1); }
.catalog-media > span,.catalog-media .service-index { position: absolute; left: 7px; bottom: 7px; top: auto; margin: 0; min-width: 24px; text-align: center; color: #fff; font: 500 9px/1.5 var(--head); padding: 3px 5px; border: 1px solid #ffffff4d; border-radius: 5px; background: #1718229c; backdrop-filter: blur(7px); }
.catalog-card-copy { display: flex; flex-direction: column; min-width: 0; }
.catalog-card-category { font-size: 10px; line-height: 1.4; letter-spacing: .7px; color: #827793; margin-bottom: 7px; }
.catalog-card h3 { font: 600 23px/1.25 var(--head); letter-spacing: -.55px; text-wrap: pretty; color: #292a35; }
.catalog-card p { font-size: 16px; line-height: 1.6; color: #5b5f70; margin: 11px 0 15px; }
.catalog-card-action { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: auto; padding-top: 12px; border-top: 1px solid #eeedf3; color: #696078; font-size: 12px; font-weight: 500; line-height: 1.5; }
.catalog-card-action svg { width: 18px; height: 18px; flex-shrink: 0; transition: transform 250ms; }
.catalog-card:focus-visible { outline: 3px solid #8d7bc9; outline-offset: 3px; }
.catalog-empty { padding: 48px 24px; border: 1px dashed #c9c3d9; border-radius: 17px; text-align: center; background: #ffffff80; color: #514a66; }
.catalog-empty > svg { margin: 0 auto 16px; color: #9283b3; }
.catalog-empty h3 { font-size: 26px; line-height: 1.3; letter-spacing: -.7px; }
.catalog-empty p { font-size: 16px; line-height: 1.7; color: #737083; margin: 12px 0 18px; }
.catalog-empty button { display: inline-flex; align-items: center; gap: 16px; min-height: 48px; padding: 12px 17px; border: 1px solid #cec6df; border-radius: 8px; color: #5c497a; font-size: 14px; }
.catalog-project-link { position: relative; display: flex; align-items: center; gap: 20px; padding: 26px; margin-top: 25px; border: 1px solid #c9c0dc; border-radius: 17px; background: linear-gradient(115deg,#242330,#302a45); color: #f2eef8; }
.catalog-project-symbol { display: grid; place-items: center; width: 53px; height: 53px; flex-shrink: 0; border-radius: 13px; color: #c6b3ef; border: 1px solid #b5a2d738; background: #a68fc80c; }
.catalog-project-link strong { font: 500 21px/1.3 var(--head); letter-spacing: -.3px; }
.catalog-project-link p { font-size: 14px; line-height: 1.7; color: #b9b4c8; margin-top: 5px; }
.catalog-project-link > a { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; flex-shrink: 0; min-height: 52px; border: 1px solid #c7b2f84d; border-radius: 8px; padding: 13px 17px; color: #eee5ff; background: #ab8dd61c; font-size: 14px; margin-left: auto; }
.catalog-project-link > a:hover { background: #ab8dd634; }
.catalog-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
@media (hover:hover) {
  .catalog-card:hover { transform: translateY(-3px); border-color: #bdb2d5; box-shadow: 0 10px 30px #3630470c; }
  .catalog-card:hover .catalog-media img { transform: scale(1.055); }
  .catalog-card:hover .catalog-card-action svg { transform: translate(2px,-2px); }
}
@media (max-width:1200px) { .catalog-toolbar { flex-direction: column; align-items: stretch; gap: 15px; } .catalog-search { width: 100%; } }
@media (max-width:900px) { .catalog-card { grid-template-columns: 86px minmax(0,1fr); gap: 16px; padding: 19px; } .catalog-media { width: 86px; height: 111px; } .catalog-card h3 { font-size: 21px; } .catalog-project-link { flex-wrap: wrap; gap: 16px; } .catalog-project-link > a { margin-left: 73px; } }
@media (max-width:700px) { .catalog-grid { grid-template-columns: 1fr; } .catalog-card { grid-template-columns: 100px minmax(0,1fr); gap: 20px; padding: 21px; } .catalog-media { width: 100px; height: 126px; } .catalog-card h3 { font-size: 23px; } }
@media (max-width:640px) {
  .service-universe { padding-block: 55px 50px; }
  .service-universe .v3-section-heading { margin-bottom: 26px; }
  .catalog-toolbar { padding: 13px; border-radius: 14px; gap: 15px; }
  .catalog-categories { gap: 6px; }
  .catalog-categories button { min-height: 44px; font-size: 12px; padding: 8px 10px; gap: 7px; }
  .catalog-categories button > span { min-width: 19px; height: 19px; font-size: 9px; }
  .catalog-search { min-width: 0; min-height: 49px; padding-left: 12px; }
  .catalog-search input { font-size: 16px; }
  .catalog-search input::placeholder { font-size: 13px; }
  .catalog-resultbar { flex-wrap: wrap; gap: 0 18px; min-height: 62px; padding-block: 13px; }
  .catalog-resultbar p { font-size: 13px; }
  .catalog-visual-note { display: none; }
  .catalog-grid { gap: 13px; }
  .catalog-card { grid-template-columns: 80px minmax(0,1fr); padding: 18px; gap: 15px; border-radius: 14px; }
  .catalog-media { width: 80px; height: 106px; border-radius: 9px; }
  .catalog-card-category { font-size: 9px; letter-spacing: .4px; margin-bottom: 7px; }
  .catalog-card h3 { font-size: 22px; line-height: 1.25; letter-spacing: -.5px; }
  .catalog-card p { font-size: 16px; line-height: 1.6; margin-top: 10px; }
  .catalog-card-action { font-size: 11px; padding-top: 11px; }
  .catalog-project-link { padding: 21px; margin-top: 20px; gap: 14px; }
  .catalog-project-symbol { width: 42px; height: 42px; border-radius: 10px; }
  .catalog-project-link > div { flex: 1; min-width: 0; }
  .catalog-project-link strong { font-size: 20px; }
  .catalog-project-link p { font-size: 14px; }
  .catalog-project-link > a { margin: 4px 0 0; flex-basis: 100%; font-size: 15px; min-height: 54px; }
  .catalog-empty { padding-inline: 20px; }
  .catalog-empty h3 { font-size: 25px; }
}
@media (prefers-reduced-motion:reduce) { .catalog-card,.catalog-media > img,.catalog-card-action svg { transition: none; } .catalog-card:hover,.catalog-card:hover .catalog-media img,.catalog-card:hover .catalog-card-action svg { transform: none; } }