.route-breadcrumb{display:flex;align-items:center;gap:.55rem;padding-top:1rem;padding-bottom:1rem;color:#625d55;font-size:.72rem}.route-breadcrumb a{color:#6f6047;text-decoration:underline;text-underline-offset:.2rem}.seo-route-hero .hero-inner{max-width:820px}.seo-route-hero h1{max-width:790px}.seo-route-hero picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.96) 0%,rgba(8,10,12,.82) 48%,rgba(8,10,12,.28) 100%)}.seo-route-hero picture img{filter:saturate(.78) contrast(1.05);object-position:center 58%}.route-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#292d30}.route-facts div{padding:1.35rem;background:#111416}.route-facts strong,.route-facts span{display:block}.route-facts strong{color:#e0b565;font-size:1.1rem}.route-facts span{margin-top:.35rem;color:#c8c1b5;font-size:.85rem;line-height:1.5}.route-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:clamp(2rem,5vw,5rem);align-items:start}.route-copy p{color:#5f5a52;line-height:1.75}.route-copy strong{color:#272a2c}.booking-card{position:sticky;top:7rem;padding:1.6rem;border:1px solid #d5cbb9;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.08)}.booking-card .fare{margin:.5rem 0 1rem;color:#9a6c25;font:700 3rem/1 Georgia,serif}.booking-card p{color:#5e5850;line-height:1.6}.booking-card ul{margin:1rem 0 1.4rem;padding-left:1.15rem;color:#5e5850;line-height:1.7}.booking-card .btn{display:block;width:100%;margin-top:.65rem;text-align:center}.route-steps,.related-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.route-step,.related-route{padding:1.35rem;border:1px solid #d8d1c7;background:#fff}.route-step b{color:#9a6c25}.route-step h3,.related-route h3{margin:.55rem 0}.route-step p,.related-route p{color:#666057;line-height:1.6}.faq-list{display:grid;gap:.75rem;max-width:920px;margin-top:1.5rem}.faq-list details{border:1px solid #d8d1c7;background:#fff}.faq-list summary{padding:1.1rem 1.25rem;cursor:pointer;font-weight:700}.faq-list details p{margin:0;padding:0 1.25rem 1.2rem;color:#625d55;line-height:1.7}.route-note{padding:1.15rem 1.25rem;border-left:3px solid #c99b4e;background:#f2eee6;color:#514c43;line-height:1.7}.related-route a{color:#8f641f;font-weight:700}.seo-route-page .rate-table{max-width:920px}.seo-route-page .rate-row{grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) auto}@media(max-width:900px){.route-facts{grid-template-columns:repeat(2,1fr)}.route-layout{grid-template-columns:1fr}.booking-card{position:static}.route-steps,.related-routes{grid-template-columns:1fr}.seo-route-hero picture:after{background:linear-gradient(90deg,rgba(8,10,12,.95),rgba(8,10,12,.6))}}@media(max-width:600px){.route-breadcrumb{overflow-x:auto;white-space:nowrap}.route-facts{grid-template-columns:1fr}.booking-card{padding:1.25rem}.seo-route-page .rate-row{grid-template-columns:1fr;gap:.3rem}.seo-route-page .rate-row span:last-child{color:#9a6c25;font-weight:800}.seo-route-hero picture:after{background:linear-gradient(180deg,rgba(8,10,12,.42),rgba(8,10,12,.92))}}

/* The Universal/Santa Monica photograph intentionally keeps the vehicle on
   the right. Constrain copy to the empty left side instead of covering it. */
@media (min-width: 901px) {
  body.universal-santa-monica-page .seo-route-hero .hero-inner {
    width: min(100% - 80px, 1180px);
    max-width: none;
    padding: 82px 56% 58px 0;
  }
  body.universal-santa-monica-page .seo-route-hero h1 {
    max-width: 520px;
    font-size: clamp(3.2rem, 4.45vw, 4.35rem);
  }
  body.universal-santa-monica-page .seo-route-hero .hero-lede,
  body.universal-santa-monica-page .seo-route-hero .hero-actions {
    max-width: 520px;
  }
}

@media (min-width: 721px) and (max-width: 900px) {
  body.universal-santa-monica-page .seo-route-hero {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero > picture {
    position: relative;
    display: block;
    width: 100%;
    height: 390px;
    order: 1;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero > picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  body.universal-santa-monica-page .seo-route-hero::after,
  body.universal-santa-monica-page .seo-route-hero > picture::after {
    display: none;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero .hero-inner {
    width: min(100% - 48px, 820px);
    max-width: none;
    padding: 38px 0 44px;
    order: 2;
  }
  body.universal-santa-monica-page .seo-route-hero :is(.eyebrow, h1, .hero-lede) {
    text-shadow: none;
  }
}

@media (max-width: 720px) {
  body.universal-santa-monica-page.seo-route-page .seo-route-hero > picture {
    height: 225px !important;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero > picture img {
    object-fit: cover !important;
    object-position: 72% center !important;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero .hero-inner {
    padding: 22px 0 30px !important;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero .eyebrow {
    margin-bottom: 14px;
    font-size: .61rem;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero h1 {
    margin-bottom: 18px;
    font-size: clamp(1.9rem, 8.5vw, 2.25rem) !important;
    line-height: 1.08;
  }
  body.universal-santa-monica-page.seo-route-page .seo-route-hero .hero-lede {
    margin-bottom: 22px;
    font-size: .96rem;
    line-height: 1.55;
  }
}