/* Jetty journey cues: one character, nine chapter-specific expressions. */
.jetty-cue{background:transparent;color:#16131a;padding:clamp(34px,5vw,68px) 5vw;border:0}
.jetty-cue-inner{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:minmax(170px,270px) 1fr;gap:clamp(24px,5vw,75px);align-items:center}
.jetty-art{display:block;width:100%;aspect-ratio:1;background-image:url('jetty-poses.webp');background-repeat:no-repeat;background-size:300% 300%;filter:drop-shadow(0 16px 14px rgba(30,20,24,.13))}
.jetty-welcome{background-position:0 0}.jetty-explore{background-position:50% 0}.jetty-planning{background-position:100% 0}
.jetty-booked{background-position:0 50%}.jetty-carry{background-position:50% 50%}.jetty-adventure{background-position:100% 50%}
.jetty-return{background-position:0 100%}.jetty-concierge{background-position:50% 100%}.jetty-lifestyle{background-position:100% 100%}
.jetty-copy{max-width:620px}.jetty-kicker{font:700 9px/1.5 Arial,sans-serif!important;letter-spacing:.17em;color:#87544f!important;text-transform:uppercase;margin:0 0 13px!important}
.jetty-copy h2{font:400 clamp(32px,4vw,52px)/1.08 Georgia,serif!important;letter-spacing:-.035em;margin:0 0 15px!important;color:#16131a!important}
.jetty-copy>p:not(.jetty-kicker){font:15px/1.7 Georgia,serif!important;color:#574d50!important;margin:0 0 22px!important}
.jetty-copy a{display:inline-block;border-bottom:1px solid #b87972;text-decoration:none;color:#6d403e!important;font:700 10px/1.5 Arial,sans-serif!important;letter-spacing:.11em;text-transform:uppercase;padding-bottom:5px}
.jetty-copy a:hover,.jetty-copy a:focus-visible{color:#16131a!important;border-color:#16131a}
@media(max-width:620px){.jetty-cue-inner{grid-template-columns:1fr;gap:0}.jetty-art{width:min(220px,70%);margin:0 auto 10px}.jetty-copy{text-align:center}}

/* The reveal begins with a glimpse, then the character takes a fuller role. */
.jetty-stage-home .jetty-cue{padding:13px 5vw;background:transparent}
.jetty-stage-home .jetty-cue-inner{grid-template-columns:65px 1fr;gap:16px;max-width:1050px}
.jetty-stage-home .jetty-art{width:65px;opacity:.5;mask-image:linear-gradient(90deg,transparent,black 55%)}
.jetty-stage-home .jetty-copy{display:flex;align-items:center;gap:18px;max-width:none;flex-wrap:wrap}
.jetty-stage-home .jetty-kicker{margin:0!important}
.jetty-stage-home .jetty-copy h2{font-size:19px!important;margin:0!important}
.jetty-stage-home .jetty-copy>p:not(.jetty-kicker){display:none}
.jetty-stage-home .jetty-copy a{margin-left:auto}
.jetty-stage-explore .jetty-cue,.jetty-stage-planning .jetty-cue,.jetty-stage-lifestyle .jetty-cue{padding:30px 5vw}
.jetty-stage-explore .jetty-cue-inner,.jetty-stage-planning .jetty-cue-inner,.jetty-stage-lifestyle .jetty-cue-inner{grid-template-columns:130px 1fr;gap:26px}
.jetty-stage-explore .jetty-copy h2,.jetty-stage-planning .jetty-copy h2,.jetty-stage-lifestyle .jetty-copy h2{font-size:clamp(24px,3vw,35px)!important}
.jetty-stage-explore .jetty-art{opacity:.78}
.jetty-stage-received .jetty-cue{padding:22px 5vw;max-width:820px;margin:0 auto}
.jetty-stage-received .jetty-cue-inner{grid-template-columns:100px 1fr;gap:22px}
.jetty-stage-received .jetty-copy h2{font-size:27px!important}
.jetty-stage-received .jetty-copy>p:not(.jetty-kicker){font-size:13px!important}
.jetty-stage-login .jetty-cue,.jetty-stage-reset .jetty-cue{grid-column:1/-1;width:100%;margin:0;padding:18px 0;border:0;background:transparent;color:#f3eee8}
.jetty-stage-login .jetty-cue-inner,.jetty-stage-reset .jetty-cue-inner{grid-template-columns:80px 1fr;gap:18px;max-width:none}
.jetty-stage-login .jetty-art,.jetty-stage-reset .jetty-art{width:80px}
.jetty-stage-login .jetty-copy h2,.jetty-stage-reset .jetty-copy h2{font-size:24px!important;color:#f3eee8!important;margin:0 0 5px!important}
.jetty-stage-login .jetty-copy>p:not(.jetty-kicker),.jetty-stage-reset .jetty-copy>p:not(.jetty-kicker){font:12px/1.5 Arial,sans-serif!important;color:#d8caca!important;margin:0 0 8px!important}
.jetty-stage-login .jetty-copy a,.jetty-stage-reset .jetty-copy a{color:#f3eee8!important}
.jetty-stage-booked section.jetty::before,.jetty-stage-carry section.jetty::before,.jetty-stage-adventure section.jetty::before,.jetty-stage-return section.jetty::before,.jetty-stage-lounge section.jetty::before{content:"";display:block;width:min(190px,34vw);aspect-ratio:1;margin:0 auto 12px;background:url('jetty-poses.webp') no-repeat;background-size:300% 300%;filter:drop-shadow(0 13px 12px rgba(20,15,20,.17))}
.jetty-stage-booked section.jetty::before{background-position:0 50%;width:min(230px,40vw)}
.jetty-stage-carry section.jetty::before{background-position:50% 50%;width:min(170px,34vw)}
.jetty-stage-adventure section.jetty::before{background-position:100% 50%}
.jetty-stage-return section.jetty::before{background-position:0 100%;width:min(170px,34vw)}
.jetty-stage-lounge section.jetty::before{background-position:50% 100%;width:min(115px,26vw)}
@media(max-width:620px){
 .jetty-stage-home .jetty-cue-inner{grid-template-columns:48px 1fr;gap:10px}
 .jetty-stage-home .jetty-art{width:48px;margin:0}
 .jetty-stage-home .jetty-copy{display:block;text-align:left}
 .jetty-stage-home .jetty-kicker{font-size:7px!important}
 .jetty-stage-home .jetty-copy h2{font-size:16px!important;margin:3px 0!important}
 .jetty-stage-home .jetty-copy a{font-size:8px!important}
 .jetty-stage-explore .jetty-cue-inner,.jetty-stage-planning .jetty-cue-inner,.jetty-stage-lifestyle .jetty-cue-inner{grid-template-columns:85px 1fr;gap:12px}
 .jetty-stage-explore .jetty-art,.jetty-stage-planning .jetty-art,.jetty-stage-lifestyle .jetty-art{width:85px;margin:0}
 .jetty-stage-explore .jetty-copy,.jetty-stage-planning .jetty-copy,.jetty-stage-lifestyle .jetty-copy{text-align:left}
 .jetty-stage-login .jetty-cue-inner,.jetty-stage-reset .jetty-cue-inner,.jetty-stage-received .jetty-cue-inner{grid-template-columns:70px 1fr;gap:12px}
 .jetty-stage-login .jetty-art,.jetty-stage-reset .jetty-art,.jetty-stage-received .jetty-art{width:70px;margin:0}
 .jetty-stage-login .jetty-copy,.jetty-stage-reset .jetty-copy,.jetty-stage-received .jetty-copy{text-align:left}
 .jetty-stage-login .jetty-copy h2,.jetty-stage-reset .jetty-copy h2,.jetty-stage-received .jetty-copy h2{font-size:21px!important}
 .jetty-stage-received .jetty-cue{width:100%}
}

/* Journey Received sits on a dark scene, so Jetty's note needs light copy. */
.jetty-stage-received .jetty-copy h2{color:#f3eee8!important}
.jetty-stage-received .jetty-copy>p:not(.jetty-kicker){color:#d8cecc!important}
.jetty-stage-received .jetty-copy a{color:#d9aaa1!important;border-color:#b87972}
.jetty-stage-received .jetty-kicker{color:#c98b84!important}
