/* The Album Journey: the /journey page (cover first, the map loads on the tap) and the homepage strip that leads to it */
.kdj{padding:28px 4vw 56px;max-width:1500px;margin:0 auto}
.kdj-stage{position:relative;border-radius:22px;overflow:hidden;height:min(78vh,820px);min-height:440px;background:#1a120c;box-shadow:0 24px 60px rgba(40,20,5,.28)}
.kdj-stage picture,.kdj-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.kdj-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,8,0) 35%,rgba(20,14,8,.78));pointer-events:none}
.kdj-in{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:40px;text-align:center;color:#fff}
.kdj-eye{margin:0;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e8c9a0}
.kdj h1,.kdj h2{font-family:Lora,Georgia,serif;font-weight:700;line-height:1.1;margin:.2em 0;color:inherit}
.kdj h1{font-size:clamp(36px,5.4vw,64px)}
.kdj-sub{margin:0 0 20px;font:16px/1.4 system-ui,sans-serif;opacity:.92}
.kdj-play{display:inline-flex;align-items:center;gap:12px;background:#fff7ec;color:#5b2412;font:700 14px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 22px 8px 8px;border-radius:999px;text-decoration:none}
.kdj-play i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#8a3b23;color:#fff;font-style:normal;font-size:14px}
.kdj-play:hover,.kdj-play:focus-visible{background:#fff}
.kdj-play:focus-visible{outline:3px solid #e8c9a0;outline-offset:3px}
.kdj-note{display:block;margin-top:12px;font:13px system-ui,sans-serif;opacity:.8}
.kdj-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.kdj-stage.on::after,.kdj-stage.on .kdj-in,.kdj-stage.on picture{display:none}
.kdj-under{text-align:center;max-width:640px;margin:34px auto 0;color:#2a1a10}
.kdj-under .kdj-eye{color:#a0582e}.kdj-under h2{font-size:clamp(26px,3vw,36px)}.kdj-under p{font-size:17px;line-height:1.6}
.kdj-under a{color:#8a3b23;font-weight:700}
.kdj-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:260px;padding:0 6vw;background-size:150% auto;background-position:44% 52%;background-color:#1a120c;color:#fff;text-decoration:none;position:relative}
.kdj-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,18,12,.88),rgba(26,18,12,.55) 26%,rgba(26,18,12,0) 46%)}
.kdj-strip>*{position:relative}
.kdj-strip b{display:block;font:700 34px/1.1 Lora,Georgia,serif;margin-top:4px}
/* Dark mode: the text under the stage sits on the page, so it follows the theme */
[data-theme="dark"] .kdj-under{color:#f3e7da}
[data-theme="dark"] .kdj-under .kdj-eye{color:#e9b58c}
[data-theme="dark"] .kdj-under a{color:#f2a982}
[data-theme="dark"] .kdj-stage{box-shadow:0 24px 60px rgba(0,0,0,.5)}
@media (max-width:700px){
  .kdj{padding:12px 12px 40px}.kdj-stage{height:76vh;min-height:480px;border-radius:18px}
  .kdj-in{padding:26px 20px}
  .kdj-strip{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:14px;min-height:300px;padding:22px 20px;background-size:auto 190%;background-position:41% 80%}
  .kdj-strip::before{background:linear-gradient(0deg,rgba(26,18,12,.9),rgba(26,18,12,.5) 45%,rgba(26,18,12,0) 75%)}
  .kdj-strip b{font-size:28px}}
@media (prefers-reduced-motion:no-preference){.kdj-play{transition:background .2s}}