/* Collection media and ultrawide composition. Local covers are optional. */
.project-art { min-height: 150px; aspect-ratio: 16 / 7; }
.project-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s, transform .6s; }
.project-art.has-cover .project-cover { opacity: 1; }
.project-art.has-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 45%, #141420aa); pointer-events: none; }
.project-art.has-cover :is(.art-number, .art-shape, .art-bars) { display: none; }
.project-art.has-cover .art-label { z-index: 1; padding: 5px 8px; border-radius: 4px; background: #151320b8; color: #eee7ff; }
.motion-enabled .project-card:hover .project-cover { transform: scale(1.035); }
.hero-stage { min-width: 0; }
.hero-inner { padding-top: 40px; padding-bottom: 26px; }
.scene-label { padding-inline: 3px; }
.spark-two { bottom: 49px; left: -15px; }
.hero-bottom { margin-top: 18px; }
.kinetic-band { position: relative; }
.kinetic-band::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #2d293e, transparent 6%, transparent 94%, #302a40); }
@media (min-width: 1800px) { .wrap { width: min(1600px, calc(100% - 120px)); } .hero-inner { grid-template-columns: .85fr 1.15fr; gap: 70px; } }
@media (max-width: 600px) { .project-art { min-height: 130px; } .spark-two { display: none; } }
@media (prefers-reduced-motion: reduce) { .project-cover { transition: none; } .project-card:hover .project-cover { transform: none; } }