html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
.hero-overlay { background: linear-gradient(90deg, rgba(3, 7, 18, .96) 0%, rgba(3, 7, 18, .82) 50%, rgba(3, 7, 18, .28) 100%); }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.brand-grid { background-image: radial-gradient(rgba(37, 99, 235, .15) 1px, transparent 1px); background-size: 22px 22px; }
.brand-marquee { display: flex; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.brand-marquee-track { display: flex; width: max-content; animation: marquee 42s linear infinite; }
.brand-logo-item { display: flex; width: 140px; flex: 0 0 140px; flex-direction: column; align-items: center; gap: .65rem; color: #64748b; font-size: .75rem; font-weight: 700; }
.brand-logo-item img { width: 46px; height: 46px; object-fit: contain; opacity: .55; filter: grayscale(1); transition: opacity .2s ease, filter .2s ease; }
.brand-logo-item:hover img { opacity: .9; filter: grayscale(0); }
.gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 180px; gap: .75rem; }
.gallery-item { overflow: hidden; border-radius: 1rem; background: #172033; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease, opacity .3s ease; }
.gallery-item:hover img { transform: scale(1.035); }
@media (min-width: 768px) { .gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 210px; } .gallery-item-1, .gallery-item-6 { grid-column: span 2; } .gallery-item-1 { grid-row: span 2; } }
@keyframes marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { opacity: 1; transform: none; transition: none; } }
@media (prefers-reduced-motion: reduce) { .brand-marquee-track { animation-play-state: paused; } }