html { scroll-behavior: auto; overflow-anchor: none; }
.landscape, .journey-intro { display: none; }
body.journey-enabled #journey-space { height: var(--journey-distance); }
body.journey-active #journey-space { height: calc(var(--journey-distance) + var(--content-height)); }
body.journey-active #root { position: fixed; top: 0; left: 0; width: 100%; overflow: hidden; transform-origin: 0 0; background: #0a0a0a; z-index: 2; will-change: transform; }
html[data-theme="light"] body.journey-active #root {
  background:
    radial-gradient(circle at 78% 9%, rgba(221, 177, 53, 0.2), transparent 30rem),
    radial-gradient(circle at 9% 34%, rgba(15, 105, 139, 0.1), transparent 28rem),
    linear-gradient(180deg, #fbfaf6 0%, #edf2f3 48%, #f7f4ed 100%);
}
body.journey-enabled .landscape { display: block; position: fixed; inset: 0; overflow: hidden; z-index: 1; pointer-events: none; background: #334637; }
#landscape-image { position: absolute; max-width: none; transform-origin: 0 0; will-change: transform; }
body.journey-enabled .journey-intro { display: block; position: fixed; inset: 0; z-index: 3; color: white; pointer-events: none; overflow: hidden; }
body.journey-finished .landscape, body.journey-finished .journey-intro { visibility: hidden; }
.journey-brand { position: absolute; top: 32px; left: 42px; font-size: 25px; font-weight: 750; line-height: 1; text-shadow: 0 1px 18px #122c3740; }
.journey-brand span { display: block; margin-top: 7px; font-size: 9px; }
.journey-skip { position: absolute; top: 28px; right: 42px; padding: 10px 0; border-bottom: 1px solid #ffffff70; font-size: 13px; pointer-events: auto; }
.journey-skip span { margin-left: 18px; }
.journey-copy { position: absolute; top: 17%; width: 100%; padding: 0 28px; text-align: center; color: #17333a; text-shadow: 0 1px 22px #ffffff50; }
.journey-eyebrow { font-size: 10px; font-weight: 650; margin: 0 0 20px; }
.journey-copy h1 { font-family: Georgia, 'Times New Roman', serif; color: inherit; font-size: 64px; font-weight: 400; line-height: 1.06; margin: 0 auto 20px; max-width: 1100px; letter-spacing: 0; }
.journey-copy h1 em { font-weight: 400; }
.journey-copy > p:last-child { font-size: 16px; line-height: 1.55; }
.journey-bottom { position: absolute; bottom: 26px; left: 42px; right: 42px; display: flex; align-items: end; justify-content: space-between; font-size: 9px; line-height: 1.6; text-shadow: 0 1px 12px #000; }
.journey-bottom > span:nth-child(2) { text-align: center; }
.journey-bottom b { display: block; font-size: 23px; font-weight: 400; margin-top: 8px; }
.journey-skip:focus-visible { outline: 2px solid white; outline-offset: 6px; }
@media (max-width: 768px) {
  .journey-brand { top: 24px; left: 22px; font-size: 21px; }
  .journey-skip { top: 17px; right: 22px; }
  .journey-copy { top: 17%; padding: 0 20px; }
  .journey-copy h1 { font-size: 40px; }
  .journey-eyebrow { font-size: 8px; margin-bottom: 16px; }
  .journey-copy > p:last-child { font-size: 14px; }
  .journey-bottom { left: 22px; right: 22px; bottom: 20px; font-size: 8px; }
  .journey-bottom > span:last-child { display: none; }
}
@media (max-height: 600px) {
  .journey-copy { top: 19%; }
  .journey-copy h1 { font-size: 36px; margin-bottom: 10px; }
  .journey-copy > p:last-child { font-size: 12px; }
  .journey-eyebrow { margin-bottom: 10px; }
}