The Project Team

/* ===== AMBER TEAM (FIX WHITE BG + MOBILE 3 PER VIEW SLIDER) ===== */ .acTeam, .acTeam *{ box-sizing:border-box; } .acTeam{ /* фон во всю ширину (чтобы не было белого) */ width:100vw; margin-left:calc(50% - 50vw); padding:clamp(36px, 5vw, 70px) 0; color:#fff; font-family:Inter, Arial, sans-serif; position:relative; overflow:hidden; /* ЖЁСТКИЙ тёмный фон + красивые огни */ background: radial-gradient(900px 320px at 18% -6%, rgba(255,190,120,.14), transparent 42%), radial-gradient(900px 320px at 84% 8%, rgba(255,90,0,.12), transparent 42%), radial-gradient(700px 280px at 60% 90%, rgba(90,160,255,.08), transparent 55%), linear-gradient(180deg, #060607 0%, #0b0b10 40%, #060607 100%); } .acTeam__wrap{ width:min(1120px, 92vw); margin:0 auto; } .acTeam__head{ text-align:center; margin-bottom:clamp(18px, 2.6vw, 30px); } .acTeam__title{ margin:0 0 10px; font-size:clamp(26px, 3.2vw, 44px); font-weight:900; letter-spacing:.02em; line-height:1.05; } .acTeam__sub{ margin:0; opacity:.78; font-size:clamp(13px, 1.6vw, 16px); line-height:1.4; } /* ===== DESKTOP GRID ===== */ .acTeam__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(14px, 2vw, 22px); } @media (max-width: 980px){ .acTeam__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } /* CARD */ .acTeam__card{ position:relative; border-radius:22px; padding:16px 16px 14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 55px rgba(0,0,0,.55); overflow:hidden; display:flex; gap:14px; align-items:center; opacity:1; transform:none; filter:none; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; } /* градиентная “рамка” */ .acTeam__card::before{ content:""; position:absolute; inset:0; padding:1px; border-radius:22px; background:linear-gradient(135deg, rgba(255,178,90,.75), rgba(255,90,0,.22), rgba(90,160,255,.18) ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none; opacity:.7; } /* свечение */ .acTeam__card::after{ content:""; position:absolute; right:-120px; top:-120px; width:240px; height:240px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(255,175,80,.55), transparent 60%); filter: blur(18px); opacity:.28; pointer-events:none; animation: acGlow 5.2s ease-in-out infinite; } @keyframes acGlow{ 0%{opacity:.20; transform:translate3d(0,0,0) scale(1);} 50%{opacity:.42; transform:translate3d(-8px,10px,0) scale(1.04);} 100%{opacity:.20; transform:translate3d(0,0,0) scale(1);} } .acTeam__avatar{ width:74px; height:74px; border-radius:18px; object-fit:cover; flex:0 0 auto; border:1px solid rgba(255,255,255,.12); box-shadow:0 12px 30px rgba(0,0,0,.55); transition: transform .25s ease, box-shadow .25s ease; } .acTeam__text{ min-width:0; } .acTeam__name{ font-weight:900; font-size:15px; letter-spacing:.01em; margin:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .acTeam__role{ margin:0; opacity:.78; font-size:12.8px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .acTeam__tags{ margin-top:10px; display:flex; flex-wrap:wrap; gap:8px; } .acTeam__tag{ font-size:11px; font-weight:800; letter-spacing:.06em; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.28); bo

Amber Сoin