/* Reuse the homepage's section-header and management-cta styles directly. */
/* Match the 4rem outgoing gap before The Fleet; avoid stacking Fleet's
   6–10rem bottom padding with a second section's full top padding. */
.fleet:has(+ .home-experiences) { padding-bottom: 4rem; }
.home-experiences { padding: 8rem 4rem 10rem; scroll-margin-top: 100px; }
.home-experiences-inner { max-width: 1320px; margin: 0 auto; }
.home-experiences-card { display: block; width: 100%; max-width: 760px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(192,192,192,.1); background: rgba(16,37,64,.6); color: #e8e8e8; text-decoration: none; transition: border-color .25s, transform .25s; }
.home-experiences-card:hover { border-color: rgba(230,233,235,.4); transform: translateY(-4px); }
.home-experiences-photo { aspect-ratio: 2; overflow: hidden; }
.home-experiences-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 54%; transition: transform .6s; }
.home-experiences-card:hover img { transform: scale(1.025); }
.home-experiences-card-body { padding: 2rem; }
.home-experiences-card h3 { margin: 0; color: #e8e8e8; font: 300 1.625rem/1.4 'Basically A Sans Serif', sans-serif; letter-spacing: .02em; }
.home-experiences-card p { margin: 14px 0 22px; color: rgba(232,232,232,.68); font-size: .9rem; font-weight: 300; line-height: 1.75; letter-spacing: .02em; }
.home-experiences-card-action { display: inline-flex; align-items: center; gap: 18px; font: 400 .65rem/1.6 'Basically A Sans Serif', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.home-experiences-card-action > span { flex-shrink: 0; }
.home-experiences-actions { text-align: center; }
.home-experiences a:focus-visible { outline: 2px solid #e8e8e8; outline-offset: 5px; }
@media (max-width: 900px) { .home-experiences { padding: 6rem 2.5rem 8rem; } }
@media (max-width: 449px) {
  .home-experiences { padding: 4rem 1.25rem 6rem; }
  .home-experiences-photo { aspect-ratio: 1.45; }
  .home-experiences-card-body { padding: 2rem 1.5rem 1.75rem; }
  .home-experiences-card h3 { font-size: 1.375rem; }
  .home-experiences-card p { font-size: .85rem; }
  .home-experiences-actions .management-cta { max-width: 100%; padding-inline: 1.5rem; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .home-experiences { padding: 5rem 2.5rem 6rem; }
  .home-experiences-card-body { padding: 2rem 1.5rem 1.5rem; }
  .home-experiences-card h3 { font-size: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-experiences-card, .home-experiences-photo img { transition: none; }
  .home-experiences-card:hover, .home-experiences-card:hover img { transform: none; }
}