.welcome.journey-hero{background:#312039;align-items:flex-start;min-height:575px;padding-block-start:clamp(94px,11vw,155px);padding-block-end:88px}
.journey-scenes,.journey-scene,.journey-shade{position:absolute;inset:0;pointer-events:none}
.journey-scenes{z-index:-2;overflow:hidden}
.journey-scene{opacity:0;background-image:var(--scene);background-size:cover;background-position:center 49%;transition:opacity 1.8s ease-in-out;animation:journey-drift 28s ease-in-out infinite alternate}
.journey-scene[data-scene="0"]{--scene:url('art/hero-0.webp')}
.journey-scene.is-current{opacity:1}
.journey-shade{z-index:-1;background:linear-gradient(90deg,#20132bdd 0%,#20132b88 43%,transparent 76%),linear-gradient(0deg,#20132ba6,transparent 47%)}
.journey-hero[data-scene="1"] .journey-shade,.journey-hero[data-scene="4"] .journey-shade{background:linear-gradient(90deg,#20132be8 0%,#20132b99 46%,transparent 78%),linear-gradient(0deg,#20132b99,transparent 53%)}
.journey-hero .journey-copy{position:relative;width:min(100%,595px)}
.journey-hero .journey-copy h1{margin:0 0 25px;font:500 23px/1.2 "Playfair Display",Georgia,serif;color:#ffe3aa}
.journey-messages{display:grid}
.journey-message{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s .32s}
.journey-message.is-current{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .52s ease .24s,visibility 0s}
.journey-hero .journey-question,.journey-hero .journey-reminder{margin:0;max-width:560px}
.journey-hero .journey-question{font:500 clamp(36px,4.2vw,58px)/1.1 'Playfair Display',Georgia,serif;text-wrap:balance}
.journey-hero .journey-reminder{font:400 17px/1.55 Lato,system-ui,sans-serif;margin-block-start:16px;max-width:460px}
.journey-name{display:inline-block;margin-block-start:14px;color:#ffe3aa;font-size:14px;line-height:1.4;font-weight:700;text-underline-offset:3px;text-shadow:0 1px 6px #241732}
.journey-name:hover,.journey-name:focus-visible{color:#fff8ee}
.journey-hero .home-actions{min-height:36px;margin-block-start:29px}
.journey-controls{position:absolute;z-index:2;inset-inline-end:32px;bottom:28px;display:flex;align-items:center;gap:7px}
.journey-controls[hidden]{display:none}
.journey-controls button{display:grid;place-items:center;min-width:32px;min-height:32px;padding:0;border-radius:50%;background:#23152f9e;border:1px solid #fff2db80;color:#fff8ee;font:20px/1 Lato,system-ui,sans-serif}
.journey-controls button:hover:not(:disabled){background:#432b50;border-color:#fff2db;color:#fff8ee}
.journey-controls button:focus-visible,.journey-hero a:focus-visible{outline-color:#ffe3aa}
.journey-dots{display:flex;align-items:center;gap:1px}
.journey-dots button{min-width:16px;min-height:30px;background:none;border:0}
.journey-dots button::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fff2d8a6}
.journey-dots button[aria-current=true]::before{width:8px;height:8px;background:#ffe3aa;box-shadow:0 0 8px #ffe3aa70}
.journey-dots button:hover:not(:disabled){background:#432b50b8}
.journey-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.journey-scene::before{content:"";position:absolute;inset:-12%;opacity:0;pointer-events:none}
.journey-scene:is([data-scene="0"],[data-scene="2"],[data-scene="3"])::before{background:radial-gradient(ellipse at 66% 39%,#f2cfa632,transparent 40%);animation:journey-air 13s ease-in-out infinite alternate}
.journey-scene:is([data-scene="4"],[data-scene="6"])::before{background:radial-gradient(ellipse at 68% 16%,#ffe2a436,transparent 44%);animation:journey-air 11s ease-in-out infinite alternate}
.journey-scene:is([data-scene="1"],[data-scene="4"],[data-scene="6"])::after{content:"";position:absolute;inset:0;background:url('art/flying-butterfly.webp') no-repeat 82% 57%/19px auto;opacity:.65;animation:journey-butterfly 12s ease-in-out infinite alternate}
@keyframes journey-drift{from{transform:scale(1.015)}to{transform:scale(1.055) translate(-.6%,.5%)}}
@keyframes journey-air{from{opacity:.15;transform:translate(-5%,-2%)}to{opacity:.8;transform:translate(5%,2%)}}
@keyframes journey-butterfly{0%,100%{opacity:.2;transform:translate(-3%,2%)}40%{opacity:.7;transform:translate(4%,-5%)}75%{opacity:.55;transform:translate(1%,4%)}}
html[dir=rtl] .welcome.journey-hero{background-image:none}
html[dir=rtl] .journey-shade{transform:scaleX(-1)}
@media(max-width:900px){
 .welcome.journey-hero{padding-block-start:110px;padding-block-end:82px;min-height:535px}
}
@media(max-width:700px){
 .welcome.journey-hero{padding-block-start:clamp(125px,26vw,185px);padding-block-end:72px;min-height:0}
 .journey-scene[data-scene="0"]{--scene:url('art/hero-0-small.webp')}
 .journey-scene{background-position:64% center}
 .journey-shade,.journey-hero[data-scene] .journey-shade{background:linear-gradient(0deg,#20132bea 5%,#20132bc2 32%,#20132b1a 72%)}
 .journey-hero .journey-copy h1{font-size:19px;margin-block-end:16px}
 .journey-hero .journey-question{font-size:clamp(29px,7.8vw,43px)}
 .journey-hero .journey-reminder{font-size:15px;line-height:1.5;margin-block-start:12px}
 .journey-name{margin-block-start:12px}
 .journey-hero .home-actions{margin-block-start:22px;row-gap:8px}
 .journey-controls{inset-inline-end:15px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 .journey-scene,.journey-scene::before,.journey-scene::after,.journey-message{animation:none!important;transition:none!important}
}