/* Matched to AMP's live conversion.css 0.24.13, verified 2026-11-03.
   Primary --amp-accent: #83ccc6. Dark base: #090e0f. About: #122021. */
.spatial-page, #transition-veil { background: var(--brand-bg); }
#journey-ambient { background: var(--brand-green-dark); }
#journey-ambient > img { opacity: .16; }
#journey-ambient::after { background: linear-gradient(130deg, rgba(18, 32, 33, .7), rgba(9, 14, 15, .86)); }
.spatial-page .site-header, .spatial-page .site-header.is-scrolled { background: linear-gradient(180deg, rgba(9, 14, 15, .65), rgba(9, 14, 15, 0)); }
.world-photo { background: var(--brand-panel); }
.chapter-films .world-shade, .chapter-experience .world-shade { background: linear-gradient(120deg, rgba(9, 14, 15, .88), rgba(18, 32, 33, .72) 65%, rgba(9, 14, 15, .86)); }
.chapter-story .world-heading em, .copy-inquire .world-heading em { color: var(--brand-green); }
.button-light, .spatial-page .desktop-nav > .nav-cta { color: #071213; background: var(--brand-green); border-color: var(--brand-green); }
.spatial-page .desktop-nav > .nav-cta:hover, .button-light:hover { color: #071213; background: var(--brand-green-hover); border-color: var(--brand-green-hover); }
.chapter-rail button[aria-current='step'], .chapter-rail button.is-active { color: var(--brand-green); }
.film-choice[aria-pressed='true'], .moment-choice[aria-pressed='true'] .moment-choice-name { color: var(--brand-green); }
.spatial-page .desktop-nav > a[aria-current='location']:not(.nav-cta) { color: var(--brand-green); }
.film-collection-dialog, .collection-dialog, .mobile-menu, .video-dialog, .credits-dialog { background: var(--brand-panel); }
.film-collection-dialog .eyebrow, .collection-dialog .eyebrow { color: var(--brand-green); }
dialog::backdrop { background: rgba(9, 14, 15, .88); }
.wedding-page, .wedding-opening, .wedding-footer { background: var(--brand-green-dark); }
.wedding-header-inquire { color: #071213; background: var(--brand-green); border-color: var(--brand-green); }
.wedding-section-heading h2 { color: var(--brand-green-dark); }
.wedding-lightbox { background: var(--brand-bg); }
.wedding-lightbox::backdrop { background: rgba(9, 14, 15, .94); }
/* All still-image previews in Love Stories share the same widescreen format.
   Playing films and the enlarged original images keep their own proportions. */
.wedding-film-start { aspect-ratio: 2.39 / 1; overflow: hidden; }
.wedding-film-start > img { width: 100%; height: 100%; object-fit: cover; }
:is(.collection-dialog, .film-collection-dialog) .film-poster { aspect-ratio: 2.39 / 1; }
@media (max-width: 600px) {
  .chapter-inquire .world-shade { background: linear-gradient(90deg, rgba(9, 14, 15, .74), rgba(9, 14, 15, .2)), linear-gradient(0deg, rgba(9, 14, 15, .35), transparent 75%); }
}