/* Arrive awareness gallery */
/* Percentage row gaps overflow tall, content-sized grids. */
#awareness { row-gap: 40px; }
.awareness-gallery { grid-column: 1 / -1; min-width: 0; margin-top: 22px; }
.awareness-group + .awareness-group { margin-top: 58px; }
.awareness-group-heading { display: block; padding-bottom: 20px; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.awareness-group-heading h3 { margin: 0; font-size: 27px; }
.awareness-group-heading p { margin: 12px 0 0; font-size: 13px; color: var(--muted); max-width: 470px; }
.awareness-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
.awareness-card { margin: 0; min-width: 0; }
.awareness-player { position: relative; background: #171419; aspect-ratio: 16 / 10; overflow: hidden; }
.awareness-player video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.awareness-play { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 24px; display: flex; flex-direction: column; gap: 12px; justify-content: center; align-items: center; color: white; background: linear-gradient(180deg, #00000008, #00000055); cursor: pointer; font: inherit; }
.awareness-play-icon { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid #ffffffb3; border-radius: 50%; background: #181818a6; padding-left: 3px; font-size: 19px; transition: background .2s, transform .2s; }
.awareness-play-label { font-size: 12px; letter-spacing: .07em; font-weight: 700; background: #181818c9; border-radius: 20px; padding: 8px 14px; }
.awareness-play-label span { opacity: .75; font-weight: 400; }
.awareness-play:hover .awareness-play-icon, .awareness-play:focus-visible .awareness-play-icon { background: #5f016f; transform: scale(1.07); }
.awareness-play:focus-visible { outline-offset: -5px; }
.awareness-play[hidden] { display: none; }
.awareness-card figcaption { padding-top: 16px; }
.awareness-card h4 { font-family: Manrope, Arial, sans-serif; font-size: 18px; letter-spacing: -.035em; line-height: 1.3; margin: 0 0 5px; }
.awareness-card figcaption p { color: var(--muted); font-size: 13px; margin: 0; }
@media (max-width: 800px) { .awareness-group-heading { display: block; } .awareness-group-heading p { margin-top: 12px; } }
@media (max-width: 600px) { .awareness-grid { grid-template-columns: 1fr; } .awareness-group + .awareness-group { margin-top: 40px; } }
@media (prefers-reduced-motion: reduce) { .awareness-play-icon { transition: none; } }