.mobile-works{--works-surface:#0e0b16;--works-brand:#97648b;--works-text:#faf9fc;--works-navigation:#fff;--works-navigation-bg:#00000059;--works-navigation-border:#fff3;--works-navigation-shadow:0 2px 10px #00000059;--works-card-border:#97648b54;--works-card-shadow:0 22px 58px -18px #97648b70, 0 0 0 1px #97648b30;--works-tag-bg:#97648b21;--works-tag-border:#97648b61;--works-overlay:linear-gradient(90deg, #0e0b16 0%, #0e0b16eb 34%, #0e0b1694 53%, transparent 72%);display:contents}.mobile-works[dir=rtl]{--works-overlay:linear-gradient(270deg, #0e0b16 0%, #0e0b16eb 34%, #0e0b1694 53%, transparent 72%)}.mobile-work-card{background:var(--works-surface);border:1px solid var(--works-card-border);box-shadow:var(--works-card-shadow);border-radius:22px}.mobile-work-overlay{background:var(--works-overlay)}.mobile-work-title{color:var(--works-text);font-size:14px;font-weight:600;line-height:1.2}.mobile-work-tag{color:var(--works-text);border:1px solid var(--works-tag-border);background:var(--works-tag-bg);border-radius:999px;font-size:11px}.mobile-work-link{color:var(--works-brand);font-size:14px;font-weight:500}.mobile-work-arrow,.mobile-work-arrow:hover{color:var(--works-navigation);background:var(--works-navigation-bg);border:1px solid var(--works-navigation-border);box-shadow:var(--works-navigation-shadow);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}.mobile-work-arrow svg{width:22px;height:22px}.mobile-work-hint{color:var(--works-navigation)}@media(prefers-reduced-motion:reduce){.mobile-works .works-arrow-icon-next,.mobile-works .works-arrow-icon-prev{animation:none}}