.intro.cinema-fold { background: transparent; pointer-events: none; }
.intro.cinema-fold .intro-veil,.intro.cinema-fold .intro-fallback,.intro.cinema-fold .intro-splash,.intro.cinema-fold .intro-skip { display: none; }
.intro.cinema-fold .intro-film,.intro-landing-print { position: absolute; max-width: none; inset: auto; object-fit: cover; transform-origin: 50% 50%; box-shadow: 0 22px 80px #182c2836; }
.intro-landing-print { border: 3px solid #fcfbf4; z-index: 1; }
body.cinema-arriving .hero-title-char { opacity: 1; }
.journey-flight-layer { position: fixed; inset: 0; z-index: 6; pointer-events: none; overflow: hidden; }
.journey-print { position: absolute; top: 0; left: 0; overflow: hidden; border: 3px solid #fcfbf4; border-radius: 3px; box-shadow: 0 20px 55px -16px #081c2c55; will-change: transform; }
.journey-print img { width: 100%; height: 100%; object-fit: cover; }
.journey-contact { margin-bottom: 34px; padding-top: 17px; border-top: 1px solid #c7d4b92a; }
.journey-contact-label { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 12px; color: #bdc8b5; font-size: 12px; letter-spacing: .04em; }
.journey-contact-label small { margin-left: 12px; color: #778771; font-size: 8px; letter-spacing: .12em; }
.journey-contact-label > span:last-child { color: #86957d; font-size: 11px; }
.journey-contact-prints { display: flex; gap: 12px; padding: 0 0 10px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #728464 #263323; overscroll-behavior-x: contain; cursor: grab; }
.journey-contact-prints:active { cursor: grabbing; }
.journey-contact-print { flex: 0 0 124px; padding: 0; text-align: left; color: #a5b293; }
.journey-destination { display: block; height: 84px; border-radius: 1px; background: #364130; overflow: hidden; }
.journey-destination img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.85); transition: filter .3s; }
.journey-destination.journey-awaiting { outline: 1px solid #adc89c26; outline-offset: -1px; }
.journey-destination.journey-awaiting img { opacity: var(--journey-arrival, 0); }
.journey-contact-print:hover img { filter: saturate(1.1); }
.journey-contact-print:focus-visible { outline: 2px solid #00715d; outline-offset: -2px; }
.journey-contact-print small { display: block; margin-top: 7px; font: 9px/1.6 monospace; letter-spacing: .18em; }
.hero-experiences { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; pointer-events: auto; }
.hero-experiences button { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 48px; padding: 11px 18px; border: 1px solid #aebdab; border-radius: 2px; font-size: 11px; letter-spacing: .04em; transition: color .25s, background .25s, border-color .25s; }
.hero-experiences button:first-child { background: #233d30; border-color: #233d30; color: #f3f1e9; }
.hero-experiences button:hover { background: #00715d; border-color: #00715d; color: #fff; }
.hero-experiences button span { font-size: 17px; }
.exhibition-nav { color: var(--ink); font-size: 11px; min-height: 44px; padding: 0; }
.exhibition-nav:hover { color: var(--accent); }
.site-footer .footer-cabinet { min-height: 44px; padding: 10px 0; font-size: 11px; border-bottom: 1px solid #9eb1905c; }
@media(max-width: 1000px) { .site-header nav { gap: 15px; } .site-header nav .exhibition-nav { display: none; } }
@media(max-width: 760px) { .hero-experiences { margin-top: 20px; gap: 8px; justify-content: center; } .hero-experiences button { min-height: 42px; padding: 9px 13px; gap: 15px; font-size: 10px; } .hero-copy { padding-bottom: 0; } .site-footer .footer-cabinet { align-self: flex-start; } }
@media(max-width: 640px) { .journey-contact-print { flex-basis: 94px; } .journey-destination { height: 68px; } .journey-contact-label small { display: none; } .journey-contact-prints { gap: 10px; } }
@media(prefers-reduced-motion:reduce) { .journey-flight-layer { display: none; } }