/* Landing Page Styles - Vesper Theme */
/* Force dark mode on landing regardless of user preference */
.v-landing { background: #060a12; color: #f0e6d2; }
.v-landing .v-header { opacity: 0; transform: translateY(-10px); transition: opacity 0.6s ease, transform 0.6s ease; pointer-events: none; }
.v-landing .v-header.v-header--scrolled { opacity: 1; transform: translateY(0); pointer-events: all; }

/* Hero */
.landing-hero { position: relative; height: 100vh; min-height: 600px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.landing-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: brightness(0.5) saturate(0.7); transform: scale(1.05); }
.landing-hero__overlay { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(6,10,18,0.55) 0%, rgba(6,10,18,0.8) 100%); }
@media (max-width: 768px) {
    .landing-hero__overlay { background: radial-gradient(ellipse at center, rgba(6,10,18,0.35) 0%, rgba(6,10,18,0.65) 100%); }
    .landing-hero__bg { filter: brightness(0.6) saturate(0.8); }
}
.landing-hero__rain { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.landing-hero__content { position: relative; z-index: 3; text-align: center; padding: 0 2rem; }
.landing-hero__logotype { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 5rem; font-weight: 300; letter-spacing: 0.2em; text-transform: uppercase; color: #f0e6d2; margin: 0; text-shadow: 0 2px 40px rgba(0,0,0,0.5); }
.landing-hero__divider { width: 60px; height: 1px; background: #d08b55; margin: 1.5rem auto; opacity: 0.6; }
.landing-hero__tagline { font-family: 'EB Garamond', Georgia, serif; font-size: 1.2rem; font-style: italic; color: rgba(240,230,210,0.75); letter-spacing: 0.05em; min-height: 1.6em; transition: opacity 0.8s ease; }
.landing-hero__cta { display: inline-block; margin-top: 2.5rem; font-family: 'EB Garamond', Georgia, serif; font-size: 0.95rem; letter-spacing: 0.15em; text-transform: uppercase; color: #d08b55; border: 1px solid rgba(208,139,85,0.4); padding: 0.8em 2.5em; transition: all 0.3s ease; }
.landing-hero__cta:hover { background: rgba(208,139,85,0.1); border-color: #d08b55; color: #d08b55; }
.landing-hero__scroll { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 3; }
.landing-hero__scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, transparent, rgba(240,230,210,0.3)); animation: scrollPulse 2s ease infinite; }
@keyframes scrollPulse { 0%, 100% { opacity: 0.3; transform: scaleY(1); } 50% { opacity: 0.7; transform: scaleY(1.2); } }
@media (max-width: 768px) { .landing-hero__logotype { font-size: 3rem; letter-spacing: 0.15em; } .landing-hero__tagline { font-size: 1rem; } }

/* Experience Blocks */
.landing-experience { max-width: 1100px; margin: 0 auto; padding: 5rem 2rem 3rem; }
.landing-experience__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem 2.5rem; }
.landing-experience__block { text-align: center; }
.landing-experience__img-wrap { overflow: hidden; border-radius: 3px; margin-bottom: 1.2rem; }
.landing-experience__img { width: 100%; height: auto; display: block; opacity: 0.92; transition: opacity 0.3s ease; }
.landing-experience__block:hover .landing-experience__img { opacity: 1; }
.landing-experience__headline { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.3rem; font-weight: 400; color: #f0e6d2; margin-bottom: 0.6rem; letter-spacing: 0.02em; }
.landing-experience__text { font-family: 'EB Garamond', Georgia, serif; font-size: 1rem; line-height: 1.7; color: rgba(240,230,210,0.6); max-width: 400px; margin: 0 auto; }
@media (max-width: 768px) { .landing-experience__grid { grid-template-columns: 1fr; gap: 2.5rem; } .landing-experience__text { max-width: 100%; } }

/* Trailer */
.landing-trailer { max-width: 900px; margin: 0 auto; padding: 2rem 2rem 4rem; text-align: center; }
.landing-trailer__wrap { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 3px; border: 1px solid rgba(240,230,210,0.08); background: #000; }
.landing-trailer__wrap iframe, .landing-trailer__wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.landing-trailer__video { width: 100%; height: 100%; object-fit: contain; }

/* Premise */
.landing-premise { max-width: 700px; margin: 0 auto; padding: 6rem 2rem; text-align: center; }
.landing-premise__year { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.3rem; letter-spacing: 0.15em; text-transform: uppercase; font-weight: 600; color: #d08b55; margin-bottom: 2rem; }
.landing-premise__text { font-family: 'EB Garamond', Georgia, serif; font-size: 1.15rem; line-height: 1.85; color: rgba(240,230,210,0.85); }
.landing-premise__text p { margin-bottom: 1.4em; }
.landing-premise__text em { color: #d08b55; font-style: italic; }

/* Featured Image */
.landing-featured { max-width: 900px; margin: 0 auto 4rem; padding: 0 2rem; }
.landing-featured__inner { position: relative; overflow: hidden; border: 1px solid rgba(240,230,210,0.08); }
.landing-featured__img { width: 100%; display: block; opacity: 0.95; }
.landing-featured__caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; background: linear-gradient(to top, rgba(6,10,18,0.9), transparent); font-family: 'EB Garamond', Georgia, serif; font-style: italic; font-size: 1rem; color: rgba(240,230,210,0.7); text-align: center; }

/* Section Label */
.landing-label { font-family: 'Inter', sans-serif; font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(240,230,210,0.35); text-align: center; margin-bottom: 2.5rem; }

/* Story Cards */
.landing-stories { max-width: 1100px; margin: 0 auto; padding: 4rem 2rem 6rem; }
.landing-stories__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2rem; }
@media (max-width: 900px) { .landing-stories__grid { grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto; } }
.landing-story-card { display: block; background: #0d1320; border: 1px solid rgba(240,230,210,0.06); overflow: hidden; transition: border-color 0.3s ease, transform 0.3s ease; color: inherit; }
.landing-story-card:hover { border-color: rgba(240,230,210,0.15); transform: translateY(-3px); color: inherit; }
.landing-story-card__image { width: 100%; aspect-ratio: 16/9; object-fit: cover; opacity: 0.85; transition: opacity 0.3s ease; }
.landing-story-card:hover .landing-story-card__image { opacity: 1; }
.landing-story-card__body { padding: 1.5rem; }
.landing-story-card__type { font-family: 'Inter', sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: #d08b55; margin-bottom: 0.4rem; }
.landing-story-card__title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.4rem; font-weight: 400; color: #f0e6d2; margin-bottom: 0.5rem; }
.landing-story-card__teaser { font-size: 0.95rem; line-height: 1.6; color: rgba(240,230,210,0.6); margin-bottom: 0.8rem; }
.landing-story-card__meta { font-family: 'Inter', sans-serif; font-size: 0.65rem; letter-spacing: 0.1em; color: rgba(240,230,210,0.3); }
.landing-story-card__read { display: inline-block; margin-top: 0.8rem; font-family: 'EB Garamond', Georgia, serif; font-size: 0.9rem; color: #d08b55; letter-spacing: 0.05em; }

/* Map Preview */
.landing-map { padding: 4rem 2rem 6rem; text-align: center; }
.landing-map__preview { position: relative; max-width: 1000px; margin: 0 auto 1.5rem; overflow: hidden; border: 1px solid rgba(240,230,210,0.08); cursor: pointer; }
.landing-map__img { width: 100%; display: block; opacity: 0.85; transition: opacity 0.3s ease; }
.landing-map__preview:hover .landing-map__img { opacity: 1; }
.landing-map__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(6,10,18,0.4); opacity: 0; transition: opacity 0.3s ease; }
.landing-map__preview:hover .landing-map__overlay { opacity: 1; }
.landing-map__overlay span { font-family: 'EB Garamond', Georgia, serif; font-size: 1.2rem; letter-spacing: 0.15em; text-transform: uppercase; color: #f0e6d2; border: 1px solid rgba(240,230,210,0.4); padding: 0.8em 2em; }
.landing-map__caption { font-family: 'EB Garamond', Georgia, serif; font-size: 0.95rem; color: rgba(240,230,210,0.5); font-style: italic; }

/* Creator */
.landing-creator { max-width: 600px; margin: 0 auto; padding: 4rem 2rem 6rem; text-align: center; }
.landing-creator__portrait { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; object-position: center 15%; border: 2px solid rgba(208,139,85,0.2); margin: 0 auto 2rem; opacity: 0.9; filter: brightness(0.95); }
.landing-creator__greeting { font-family: 'EB Garamond', Georgia, serif; font-size: 0.95rem; font-style: italic; color: rgba(240,230,210,0.5); margin-bottom: 1.5rem; }
.landing-creator__text { font-family: 'EB Garamond', Georgia, serif; font-size: 1.05rem; line-height: 1.8; color: rgba(240,230,210,0.75); text-align: left; }
.landing-creator__text p { margin-bottom: 1.2em; }
.landing-creator__text em { color: #d08b55; }
.landing-creator__name { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1rem; color: rgba(240,230,210,0.6); margin-top: 1.5rem; letter-spacing: 0.05em; }

/* Quotes */
.landing-quotes { padding: 4rem 2rem; text-align: center; }
.landing-quote__text { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; font-style: italic; font-weight: 300; color: rgba(240,230,210,0.7); max-width: 700px; margin: 0 auto; line-height: 1.5; min-height: 3em; transition: opacity 0.8s ease; }
.landing-quote__source { font-family: 'Inter', sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(240,230,210,0.3); margin-top: 1rem; transition: opacity 0.8s ease; }

/* Artwork Gallery */
.landing-artwork { padding: 4rem 0; text-align: center; }
.landing-artwork__slider { position: relative; max-width: 1000px; margin: 0 auto; overflow: hidden; }
.landing-artwork__track { display: flex; transition: transform 0.6s ease; }
.landing-artwork__slide { min-width: 100%; position: relative; padding: 0 2rem; box-sizing: border-box; }
.landing-artwork__img { width: 100%; height: auto; border-radius: 3px; display: block; }
.landing-artwork__caption { font-family: 'EB Garamond', Georgia, serif; font-size: 0.9rem; font-style: italic; color: rgba(240,230,210,0.5); margin-top: 1rem; text-align: center; }
.landing-artwork__nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(6,10,18,0.6); border: 1px solid rgba(240,230,210,0.15); color: rgba(240,230,210,0.7); font-size: 1.8rem; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; border-radius: 50%; z-index: 2; line-height: 1; padding: 0; }
.landing-artwork__nav:hover { background: rgba(6,10,18,0.85); border-color: rgba(208,139,85,0.4); color: #d08b55; }
.landing-artwork__nav--prev { left: 0.5rem; }
.landing-artwork__nav--next { right: 0.5rem; }
.landing-artwork__dots { display: flex; justify-content: center; gap: 0.5rem; margin-top: 1.5rem; }
.landing-artwork__dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(240,230,210,0.15); border: none; cursor: pointer; padding: 0; transition: background 0.3s ease; }
.landing-artwork__dot.is-active { background: rgba(208,139,85,0.6); }
.landing-artwork__dot:hover { background: rgba(208,139,85,0.4); }
@media (max-width: 768px) { .landing-artwork__slide { padding: 0 1rem; } .landing-artwork__nav { width: 36px; height: 36px; font-size: 1.4rem; } }

/* Invitation */
.landing-invitation { max-width: 600px; margin: 0 auto; padding: 6rem 2rem; text-align: center; }
.landing-invitation__divider { width: 40px; height: 1px; background: rgba(208,139,85,0.4); margin: 0 auto 3rem; }
.landing-invitation h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2rem; font-weight: 300; color: #f0e6d2; margin-bottom: 1.5rem; }
.landing-invitation__lead { font-size: 1.05rem; line-height: 1.8; color: rgba(240,230,210,0.75); margin-bottom: 1.5rem; }
.landing-invitation__detail { font-size: 0.95rem; color: rgba(240,230,210,0.55); margin-bottom: 2rem; }
.landing-invitation__features { text-align: left; max-width: 380px; margin: 0 auto 2rem; }
.landing-invitation__features p { font-family: 'EB Garamond', Georgia, serif; font-size: 0.95rem; color: rgba(240,230,210,0.6); padding: 0.5em 0; border-bottom: 1px solid rgba(240,230,210,0.06); }
.landing-invitation__features p::before { content: '\2726 '; color: rgba(208,139,85,0.4); font-size: 0.7em; }
.landing-invitation__price { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.8rem; color: #f0e6d2; margin-bottom: 0.3rem; }
.landing-invitation__price-alt { font-family: 'Inter', sans-serif; font-size: 0.7rem; letter-spacing: 0.1em; color: rgba(240,230,210,0.4); margin-bottom: 2rem; }
.landing-invitation__cta { display: inline-block; font-family: 'EB Garamond', Georgia, serif; font-size: 1rem; letter-spacing: 0.15em; text-transform: uppercase; color: #060a12; background: #d08b55; padding: 1em 3em; transition: background 0.3s ease; }
.landing-invitation__cta:hover { background: #e0a87d; color: #060a12; }
.landing-invitation__free { font-size: 0.85rem; color: rgba(240,230,210,0.4); margin-top: 1rem; }

/* Reveal */
.landing-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; }
.landing-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Rain */
@keyframes rainFall { 0% { transform: translateY(-10px); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(100vh); opacity: 0; } }