/* ============================================ MONLIS Website - Team Page Team member display with category filtering ============================================ *//* ========================================== TEAM HERO ========================================== */.team-hero {width:100%;padding:140px 0 80px;background-color:#fafafa;text-align:center;}.team-hero__container {max-width:1340px;margin:0 auto;padding:0 20px;}.team-hero__title {font-family:var(--font-secondary);font-weight:700;font-size:64px;text-transform:uppercase;letter-spacing:2px;color:var(--color-mine-shaft);margin:0 0 24px;}.team-hero__divider {width:60px;height:3px;background-color:var(--color-mine-shaft);margin:0 auto 32px;}.team-hero__description {font-family:var(--font-secondary);font-size:16px;line-height:1.6;color:#666666;max-width:640px;margin:0 auto;}/* ========================================== TEAM NAVIGATION (Category Tabs) ========================================== */.team-nav {position:relative;z-index:40;background-color:#fff;padding:50px 0 60px;}.team-nav__container {max-width:1100px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:16px;column-gap:8px;}.team-nav__tab {position:relative;padding:12px 24px;background:transparent;border:none;border-radius:100px;font-family:var(--font-secondary);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#888;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;}.team-nav__tab:hover {color:#333;background:rgba(0,0,0,0.04);}.team-nav__tab--active {background:#1a1a1a;color:#fff;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,0.15);}.team-nav__tab--active:hover {background:#000;color:#fff;}/* ========================================== TEAM CONTENT ========================================== */.team-content {width:100%;background-color:var(--color-white);min-height:600px;}.team-content__container {max-width:1340px;margin:0 auto;padding:64px 20px;transition:opacity 0.2s ease;}/* ========================================== TEAM GROUP (for Nails category) ========================================== */.team-group {margin-bottom:80px;}.team-group:last-child {margin-bottom:0;}.team-group__header {display:flex;align-items:center;gap:16px;margin-bottom:40px;}.team-group__title {font-family:var(--font-secondary);font-weight:700;font-size:32px;text-transform:uppercase;letter-spacing:2px;color:var(--color-mine-shaft);margin:0;flex-shrink:0;}.team-group__line {height:1px;background-color:#e5e5e5;width:200px;max-width:100%;}.team-group__count {font-family:var(--font-secondary);font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#9ca3af;flex-shrink:0;}/* ========================================== TEAM GRID ========================================== */.team-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px 24px;}/* ========================================== TEAM CARD ========================================== */.team-card {cursor:pointer;}.team-card__image-wrapper {position:relative;overflow:hidden;background-color:#f5f5f5;margin-bottom:24px;}.team-card__image {width:100%;height:auto;display:block;transition:transform 0.7s ease;}.team-card:hover .team-card__image {transform:scale(1.05);}.team-card__overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);opacity:0;transition:opacity 0.5s ease;pointer-events:none;}.team-card:hover .team-card__overlay {opacity:1;}.team-card__studio {position:absolute;top:16px;right:16px;padding:6px 12px;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(4px);font-family:var(--font-secondary);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--color-mine-shaft);opacity:0;transform:translateY(-10px);transition:all 0.5s ease;}.team-card:hover .team-card__studio {opacity:1;transform:translateY(0);}.team-card__info {text-align:center;}.team-card__name {font-family:var(--font-secondary);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:1px;color:var(--color-mine-shaft);margin:0 0 6px;transition:color 0.3s ease;}.team-card:hover .team-card__name {color:#000000;}.team-card__role {font-family:var(--font-secondary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888888;margin:0 0 12px;}.team-card__underline {width:0;height:1px;background-color:var(--color-mine-shaft);margin:0 auto;transition:width 0.5s ease;}.team-card:hover .team-card__underline {width:24px;}/* ========================================== TEAM CTA ========================================== */.team-cta {width:100%;padding:80px 0;background-color:var(--color-mine-shaft);text-align:center;}.team-cta__container {max-width:1340px;margin:0 auto;padding:0 20px;}.team-cta__title {font-family:var(--font-secondary);font-weight:400;font-size:32px;text-transform:uppercase;letter-spacing:2px;color:var(--color-white);margin:0 0 24px;}.team-cta__text {font-family:var(--font-secondary);font-size:15px;line-height:1.6;color:#9ca3af;max-width:480px;margin:0 auto 32px;}.team-cta__btn {display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;border:1px solid rgba(255,255,255,0.3);border-radius:4px;font-family:var(--font-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#fff;text-decoration:none;transition:all 0.3s ease;}.team-cta__btn svg {width:16px;height:16px;stroke:currentColor;}.team-cta__btn:hover {background-color:#fff;color:#1a1a1a;border-color:#fff;}/* ========================================== RESPONSIVE ========================================== */@media (max-width:1200px) {.team-grid {grid-template-columns:repeat(3,1fr);}.team-hero__title {font-size:52px;}}@media (max-width:1024px) {.team-nav {padding:40px 0 50px;}.team-nav__container {justify-content:center;row-gap:12px;column-gap:6px;padding:0 30px;}.team-nav__tab {padding:10px 20px;font-size:10px;letter-spacing:1.2px;}.team-hero {padding:120px 0 60px;}.team-hero__title {font-size:44px;}.team-group__title {font-size:26px;}}@media (max-width:768px) {.team-grid {grid-template-columns:repeat(2,1fr);gap:20px;}.team-hero {padding:100px 0 48px;}.team-hero__title {font-size:36px;}.team-hero__description {font-size:14px;}.team-nav {padding:32px 0 40px;}.team-nav__container {row-gap:10px;column-gap:4px;padding:0 20px;}.team-nav__tab {padding:8px 16px;font-size:9px;letter-spacing:1px;}.team-content__container {padding:48px 16px;}.team-group {margin-bottom:60px;}.team-group__header {flex-wrap:wrap;gap:12px;margin-bottom:32px;}.team-group__title {font-size:22px;}.team-group__line {display:none;}.team-card__image-wrapper {margin-bottom:16px;}.team-card__name {font-size:15px;}.team-card__role {font-size:11px;}.team-cta__title {font-size:24px;}}@media (max-width:480px) {.team-grid {grid-template-columns:1fr;max-width:320px;margin:0 auto;}.team-hero__title {font-size:28px;}.team-nav {padding:24px 0 32px;}.team-nav__container {row-gap:8px;column-gap:4px;padding:0 12px;}.team-nav__tab {padding:8px 14px;font-size:8px;letter-spacing:0.5px;}.team-group__title {font-size:20px;}.team-cta {padding:60px 0;}.team-cta__title {font-size:20px;}}