.journey-welcome{position:relative;isolation:isolate;min-height:560px;height:calc(100svh - 150px);max-height:790px;background-image:linear-gradient(transparent 25%,#171725e8 85%),var(--journey-image);background-size:100% 100%,var(--journey-size);background-position:center,center top;color:white}
.journey-back{position:absolute;left:20px;top:12px;font-size:32px;color:white;text-shadow:0 1px 5px #000}
.journey-welcome-copy{position:absolute;bottom:28px;left:24px;right:24px;text-align:center}.journey-welcome-copy>span{font-size:11px;color:#edd6c9}.journey-welcome-copy h1{font-size:21px!important;line-height:1.7;margin:15px 0 26px;color:#fff;letter-spacing:-.7px}
.journey-primary{display:block;padding:16px 12px;background:#fff4e6;color:#743749;border-radius:12px;font-size:14px;font-weight:600;text-align:center}
#main.by-journey{position:relative;isolation:isolate;background:#292532;min-height:calc(100svh - 150px);padding-bottom:28px}
#main.by-journey:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#161423a6,#171523ed),var(--journey-image);background-size:100% 100%,var(--journey-size);background-position:center,center top;filter:blur(5px);pointer-events:none}
#main.by-journey>*{background:transparent!important;color:#fff0e8}
#main.by-journey h1{font-size:27px!important;line-height:1.5;color:#fff5ed!important}
#main.by-journey :is(h2,h3,label,legend,small,p,a){color:#f1e4e1}
#main.by-journey :is(figure,.preparing-portrait,.lv-key,.wm-key,.ss-key){display:none}
#main.by-journey :is(.experience-form,.lv-input,.wm-input){padding-top:24px}
#main.by-journey form{padding:20px 16px;border:1px solid #ffffff25;border-radius:18px;background:#201d2d9c;color:white;margin:18px 0;scroll-margin-top:90px}
#main.by-journey form :is(label,fieldset){background:transparent;color:#fff0e8}
#main.by-journey :is(input:not([type=radio]):not([type=checkbox]),select,textarea){color:#fff!important;background:#292536c9!important;border:1px solid #a596a277!important;border-radius:9px;min-height:44px;padding:11px;max-width:100%;color-scheme:dark}
#main.by-journey input::placeholder,#main.by-journey textarea::placeholder{color:#c3b7c3}
#main.by-journey :is(button[type=submit],button:not([type])){background:#fff0df;color:#69364a;border-color:#fff0df;border-radius:10px}
#main.by-journey .relationship-options label:has(input:checked){background:#69526688;border-color:#dec9cf}
#main.by-journey [hidden]{display:none!important}
.journey-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.journey-progress{font-size:12px;letter-spacing:.3px;margin:0;color:#e4c9bd!important}.journey-controls>div{display:flex;justify-content:space-between;gap:10px}.journey-controls button{border:1px solid #d0b8bd77;border-radius:9px;padding:10px 16px;color:#fff;background:#514152;font-size:13px}.journey-controls .journey-next{margin-left:auto;background:#fff0df;color:#69364a}.journey-controls .journey-prev{background:transparent}
#main.by-journey [role=alert]{color:#ffcdc4!important}
@media(max-width:360px){.journey-welcome-copy{left:18px;right:18px}.journey-welcome-copy h1{font-size:19px!important}}

#main.by-journey .experience-heading{padding:8px 0;margin:10px 0 16px}#main.by-journey .experience-heading h1{font-size:23px!important;margin-bottom:8px}#main.by-journey .experience-heading p{margin-bottom:0;font-size:12px}#main.by-journey .flow-progress{margin:12px 0}#main.by-journey .flow-progress b{color:#ffe0d2}#main.by-journey .journey-convention{margin-bottom:14px;font-size:12px}#main.by-journey .journey-convention summary{cursor:pointer;color:#e6cfc5}#main.by-journey .field{margin-bottom:15px}#main.by-journey .relationship-options label{padding:11px;margin-bottom:7px}
.journey-welcome.journey-annual-video{width:min(100%,calc((100svh - 150px)*.5625));min-width:280px;aspect-ratio:9/16;height:auto;min-height:0;max-height:none;margin:0 auto;overflow:hidden;background-size:100% 100%,contain;background-repeat:no-repeat;background-color:#321c22}
.journey-annual-video video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.journey-annual-video video[hidden]{display:none}
.journey-annual-video:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 38%,#24111c55 58%,#24111ce8 100%);pointer-events:none}
.journey-annual-video .journey-back,.journey-annual-video .journey-welcome-copy{z-index:2}

/* Free submit labels must contrast with the journey button background. */
#main.by-journey button.ft-button[type=submit]{color:#69364a!important}
/* Annual five-step form uses a light paper surface, including inside journey mode. */
#main.by-journey .af-input{background:#faf5ec!important;color:#513c3e!important}
#main.by-journey .af-input h1{color:#512c39!important}
#main.by-journey .af-input :is(small,p,label,legend){color:#675053!important}
#main.by-journey .af-input form{background:#fffaf3!important;border:1px solid #dfcfc3!important;color:#513c3e!important}
#main.by-journey .af-input form :is(input,select){background:#fff!important;color:#362830!important;border:1px solid #a98d93!important;color-scheme:light}
#main.by-journey .af-input input::placeholder{color:#796970!important}
#main.by-journey .af-input .btn{background:#7d3046!important;color:#fff!important;border:1px solid #7d3046!important}
#main.by-journey .af-input .btn.outline{background:transparent!important;color:#7d3046!important}
#main.by-journey .af-input #af-error{color:#a32439!important}
#main.by-journey .af-input .annual-note{font-size:14px;line-height:1.8;color:#675053!important}
