/* Only the entrance, travel hub and listening archives. */
.home-page .journey-entrance { min-height:0; max-width:78rem; margin:auto; padding:6.5rem 2rem 1.5rem; grid-template-columns:1.25fr 1fr; gap:2rem; background:none; align-items:center; }
.home-page .journey-entrance::after { display:none; }
.journey-entrance-image { margin:0; }
.journey-entrance-image img { display:block; width:100%; height:auto; border-radius:.35rem; }
.home-page .entrance-content { width:auto; animation:none; }
.home-page .entrance-content h1 { font-size:clamp(2.25rem,4vw,3.6rem); line-height:1.12; margin:0 0 1rem; }
.home-page .entrance-copy { font-size:1rem; line-height:1.65; margin:0; }
.home-page .eyebrow { font-size:.7rem; margin-bottom:.85rem; }
.home-access { max-width:74rem; margin:0 auto; padding:2rem 2rem 2rem; }
.home-access h2 { font-size:clamp(1.45rem,2.5vw,2rem); line-height:1.25; letter-spacing:0; margin:0 0 1rem; }
.home-access-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.home-access-grid > a { display:block; text-decoration:none; border-bottom:1px solid #b69a7050; }
.access-image { display:block; width:100%; height:clamp(8rem,14vw,11rem); object-fit:cover; border-radius:.35rem; }
.access-suitcase { background:url('assets/morlas-reise-offene-werkstatt.jpg') 53% 78% / 240% auto no-repeat; }
.home-access h3 { font-size:1.2rem; line-height:1.35; margin:.6rem 0; }
.travel-hub,.media-archive { max-width:66rem; margin:auto; padding:7rem 1.5rem 3rem; }
.travel-hub h1,.media-archive h1 { font-size:clamp(3rem,7vw,5rem); line-height:1.1; }
.travel-hub { max-width:40rem; }
.travel-objects { display:flex; flex-direction:column; gap:2.5rem; }
.travel-object { display:block; width:min(100%,23rem); margin:auto; text-decoration:none; color:#d8c5a4; }
.travel-object img { display:block; width:100%; height:22rem; object-fit:contain; background:transparent; filter:drop-shadow(0 12px 12px #0005); }
.travel-object h2 { font-size:1.6rem; letter-spacing:0; line-height:1.3; margin:.65rem 0 .3rem; }
.travel-object p { font:1rem/1.5 Georgia,serif; margin:0; }
.travel-object:hover h2,.home-access-grid a:hover h3 { color:#ffe0a1; }
.back-link { display:inline-block; padding:.5rem 0; margin:0 0 1.5rem; color:#d8c5a4; }
.media-archive > p { color:#d8c5a4; }
.media-note { font-size:.85rem; }
.media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin:2rem 0; }
.media-entry { padding:1.25rem; border:1px solid #b39b7540; border-radius:.4rem; background:#bba07809; min-width:0; }
.media-entry h2 { font:400 1.5rem/1.3 Georgia,serif; letter-spacing:0; margin:.5rem 0 1rem; }
.media-entry .eyebrow { font-size:.7rem; line-height:1.5; }
.media-entry > a { display:inline-block; padding:.8rem 0 .1rem; font-size:.875rem; color:#d8c5a4; }
.media-player { aspect-ratio:16/9; display:grid; place-items:center; background:radial-gradient(ellipse,#58412755,transparent); }
.media-player button { padding:.8rem 1.15rem; border:1px solid #b39b75; border-radius:1.25rem .25rem; color:#f2dfbd; background:#32271a; font:1rem Georgia,serif; cursor:pointer; }
.media-player iframe { width:100%; height:100%; border:0; }
.archive-navigation { display:flex; flex-wrap:wrap; gap:1rem 2rem; }
.archive-navigation a { padding:.5rem 0; color:#d8c5a4; }
.home-access a:focus-visible,.travel-object:focus-visible,.media-archive :is(a,button):focus-visible { outline:3px solid #f0ba51; outline-offset:5px; }
@media(max-width:679px) {
 .home-page .journey-entrance { grid-template-columns:1fr; padding:5.75rem 1.25rem 1rem; gap:1.25rem; }
 .home-page .entrance-content h1 { font-size:2.4rem; }
 .home-access { padding:2rem 1.25rem 2rem; }
 .home-access-grid { grid-template-columns:1fr; gap:.8rem; }
 .home-access-grid > a { display:grid; grid-template-columns:42% 1fr; align-items:center; gap:1rem; padding-bottom:.8rem; }
 .access-image { height:7rem; }
 .access-suitcase { background-size:260% auto; }
 .home-access h3 { font-size:1.2rem; }
 .travel-object img { height:19rem; }
 .media-grid { grid-template-columns:1fr; }
}

.home-page .entrance-content h1 span { display:block; }
.travel-object + .travel-object { border-top:1px solid #b39b7555; padding-top:2rem; }

/* Original record sleeves: complete image, with controls beneath. */
.media-entry .media-cover { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; margin:0 0 1rem; border-radius:.2rem; }
.media-grid { align-items:start; }
.media-entry .media-player:not(.is-playing) { display:block; aspect-ratio:auto; background:none; margin:.75rem 0 .25rem; }
.media-entry .media-player.is-playing { aspect-ratio:16/9; }
@media(min-width:1000px) { .media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* Shared center axis for the three entrances on Morlas Reise only. */
.travel-hub > h1, .travel-hub .travel-object,
.travel-hub .travel-object h2, .travel-hub .travel-object p { text-align:center; }
.travel-hub > h1 { width:100%; margin-inline:auto; }
.travel-hub .travel-objects { align-items:center; }
.travel-hub .travel-object { box-sizing:border-box; margin-inline:auto; }

.travel-hub > h1.travel-invitation {
  max-width:32rem;
  margin:0 auto 1.75rem;
  color:#d8c5a4;
  font:400 clamp(1rem,2vw,1.125rem)/1.65 Georgia,serif;
  letter-spacing:normal;
  text-align:center;
}

 .travel-invitation .invitation-mobile-line { display:none; }
@media(max-width:679px) {
  .travel-invitation .invitation-mobile-line { display:initial; }
}