.aa-works { background: #fff; }   
.aa-works + .aa-plans { padding-top: calc(var(--aa-pad, 96px) * .4); }
.aa-works__head { text-align: center; justify-items: center; }
.aa-works__viewport { width: 100%; overflow-x: auto; overflow-y: hidden; padding-block: 8px 18px; overscroll-behavior-x: contain; scrollbar-width: none; scroll-behavior: auto; touch-action: pan-x pan-y; }
.aa-works__viewport::-webkit-scrollbar { display: none; }
.aa-works__viewport:focus-visible { outline: 3px solid var(--aa-primary-deep, #4F3FD0); outline-offset: -3px; }
.aa-works__track { display: flex; width: max-content; min-width: 100%; gap: clamp(12px, 1.2vw, 20px); margin: 0; padding: 0 16px; list-style: none; }
.aa-works__item { flex: 0 0 clamp(240px, 22vw, 360px); width: clamp(240px, 22vw, 360px); }
.aa-works__item[data-shape="square"] { flex-basis: calc(clamp(240px, 22vw, 360px) * 1.25); width: calc(clamp(240px, 22vw, 360px) * 1.25); }   
.aa-works__item[data-shape="square"] .aa-works__tile { aspect-ratio: 1 / 1; }
.aa-works__tile { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; isolation: isolate; border-radius: var(--aa-r-md, 24px); background: #EEEFF2; color: var(--aa-ink, #1B2140); text-decoration: none; box-shadow: 0 8px 22px rgba(27, 33, 64, .05); }
.aa-works__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }   
.aa-works__label { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 28px); padding: 8px 13px; border-radius: 999px; background: rgba(255, 255, 255, .96); font-size: 13px; font-weight: 760; line-height: 1.35; box-shadow: 0 4px 14px rgba(27, 33, 64, .08); }
.aa-works__label .aa-i { width: 14px; height: 14px; color: var(--aa-primary-deep, #4F3FD0); }
.aa-works__tile:focus-visible { outline: 3px solid var(--aa-primary-deep, #4F3FD0); outline-offset: -3px; }
.aa-works__viewport[data-aa-static="true"] .aa-works__item[data-aa-clone] { display: none; }
@media (max-width: 760px) {
  .aa-works__track { gap: 12px; padding-inline: 18px; }
  .aa-works__item { flex-basis: min(72vw, 320px); width: min(72vw, 320px); }
  .aa-works__item[data-shape="square"] { flex-basis: calc(min(72vw, 320px) * 1.25); width: calc(min(72vw, 320px) * 1.25); }
  .aa-works__tile { border-radius: 20px; }
  .aa-works__label { left: 12px; bottom: 12px; padding: 7px 11px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .aa-works__item[data-aa-clone] { display: none; }
}


.aa-works__viewport--cats { --aa-cat-gap: 20px; container-type: inline-size; width: min(calc(100% - 2 * var(--aa-gutter, 32px)), 1200px); margin-inline: auto; -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.aa-works__viewport--cats .aa-works__track { gap: var(--aa-cat-gap); padding-inline: 0; }
.aa-works__item--cat { flex: 0 0 calc((100cqw - 2 * var(--aa-cat-gap)) / 3); width: calc((100cqw - 2 * var(--aa-cat-gap)) / 3); }
.aa-works__item--cat .aa-works__tile { margin: 0; aspect-ratio: 600 / 816; border-radius: 20px; background: #F4F5F8; }
.aa-works__item--cat .aa-works__img { object-position: center; }
.aa-works__more { display: flex; justify-content: center; margin-top: clamp(20px, 2.4vw, 32px); padding-inline: var(--aa-gutter, 22px); }
@media (max-width: 760px) {
  .aa-works__viewport--cats { --aa-cat-gap: 12px; width: 100%; -webkit-mask-image: none; mask-image: none; }
  .aa-works__viewport--cats .aa-works__track { padding-inline: 0; }
  .aa-works__item--cat { flex-basis: calc((100cqw - var(--aa-cat-gap)) / 2); width: calc((100cqw - var(--aa-cat-gap)) / 2); }
  .aa-works__item--cat .aa-works__tile { border-radius: 16px; }
  .aa-works__item--cat .aa-works__label { left: 8px; bottom: 8px; padding: 5px 10px; }
}