.top-banner{background:#111;color:#ffffffd9;text-align:center;padding:12px 20px;font-size:13px;font-weight:500;letter-spacing:.04em}.top-banner strong{color:#fff;font-weight:800}.hero{padding:100px 48px;max-width:1280px;margin:0 auto;background:#6073c2;display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.hero-content{flex:1}.hero-logo{flex-shrink:0;width:clamp(220px,26vw,380px);opacity:.95;height:300px}.hero-title{font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:1.22;letter-spacing:-.025em;color:#fff;margin-bottom:24px;word-break:keep-all}.hero-sub{font-size:clamp(15px,1.5vw,18px);color:#fff;line-height:1.7;max-width:560px;word-break:keep-all}.about{padding:40px 0 0;max-width:1280px;margin:0 auto}.about-inner{max-width:1280px;margin:0 auto;display:flex;gap:30px;align-items:start}.about-left-heading{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#fff}.about-right-desc,.about-right-quote{font-size:17px;font-weight:600;color:#fff;line-height:1.7;word-break:keep-all}.filter-wrap{max-width:1280px;margin:0 auto;padding:60px 48px 28px}.filter-list{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:9px 24px;border-radius:100px;border:1.5px solid #ddd;background:transparent;font-size:14px;font-weight:500;color:#777;transition:all .18s;font-family:inherit;cursor:pointer}.filter-btn:hover{border-color:#111;color:#111}.filter-btn.active{background:#111;border-color:#111;color:#fff}.projects-wrap{max-width:1280px;margin:0 auto;padding:20px 48px 96px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3 / 2;transition:transform .28s cubic-bezier(.22,.68,0,1.2),box-shadow .28s ease;cursor:pointer}.card:hover{transform:translateY(-6px);box-shadow:0 20px 56px #00000038}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.28) 0%,transparent 38%),linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 48%);pointer-events:none}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block;max-width:100%}.card:hover .card-img{transform:scale(1.04)}.card-head{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:12px}.card-title{font-size:16px;font-weight:700;color:#fff;line-height:1.45;word-break:keep-all;text-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-text-stroke:.5px #fff}.card-badge{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:100px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#6073c2;color:#fff;-webkit-text-stroke:.5px #fff}.card-foot{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:16px 20px}.card-date{font-size:14px;font-weight:500;color:#fff;-webkit-text-stroke:.5px #fff}.logos-section{background:#f8f9fa;padding:72px 0;overflow:hidden}.logos-heading{text-align:center;font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:48px;padding:0 48px;word-break:keep-all}.logos-runway{position:relative;overflow:hidden}.logos-runway:before,.logos-runway:after{content:"";position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none}.logos-runway:before{left:0;background:linear-gradient(to right,#f8f9fa,transparent)}.logos-runway:after{right:0;background:linear-gradient(to left,#f8f9fa,transparent)}.logos-rows{display:flex;flex-direction:column;gap:20px}.logos-track{display:flex;gap:20px;width:max-content;animation:logoScrollLeft 70s linear infinite}.logos-track--reverse{animation:logoScrollRight 70s linear infinite}.logos-track:hover,.logos-track--reverse:hover{animation-play-state:paused}@keyframes logoScrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes logoScrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-chip{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:160px;height:72px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:12px 16px;transition:border-color .2s;position:relative}.logo-dark{background:#000;border-color:#000}.logo-chip:hover{border-color:#2b7fff}.logo-chip img{max-width:120px;max-height:44px;object-fit:contain;display:block}.logo-chip:after{content:attr(data-name);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b8;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;border-radius:13px;pointer-events:none;opacity:0;transition:opacity .18s ease}.logo-chip:hover:after{opacity:1}.cta-section{background:#111;color:#fff;text-align:center;padding:120px 48px}.cta-heading{font-size:clamp(24px,3.5vw,48px);font-weight:800;letter-spacing:-.025em;line-height:1.3;margin-bottom:44px;word-break:keep-all}.cta-btn{display:inline-block;padding:18px 52px;background:#2b7fff;color:#fff;border-radius:100px;font-size:16px;font-weight:700;letter-spacing:.02em;transition:background .2s,transform .2s,box-shadow .2s;text-decoration:none}.cta-btn:hover{background:#2847e0;transform:translateY(-3px);box-shadow:0 12px 32px #3b5bff73}.slot-col{display:inline-block;overflow:hidden;vertical-align:bottom}.slot-reel{display:flex;flex-direction:column;will-change:transform}@media (max-width: 1200px){.about-inner{flex-direction:column;gap:24px}}@media (max-width: 1024px){.projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero{padding:60px 24px;flex-direction:column;align-items:flex-start}.hero-logo{display:none}.about-inner{flex-direction:column;gap:24px}.filter-wrap{padding:48px 24px 24px}.projects-wrap{padding:16px 24px 72px}.logos-heading{padding:0 24px}.cta-section{padding:80px 24px}}