/* Interaction layout: one usable viewport, after the real header and bottom nav.
   The artwork and the administrator's crop values stay unchanged. */
.hero-returner{--hr-room:calc(100svh - var(--hr-header) - var(--hr-bottom))}
.hr-cast-rail,.hr-work-links{touch-action:pan-x pan-y pinch-zoom}
.hr-cast-rail img,.hr-work-links img{-webkit-user-drag:none;user-select:none}
.hr-cast-rail.is-dragging,.hr-work-links.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.hr-cast-rail.is-dragging *,.hr-work-links.is-dragging *{cursor:grabbing;user-select:none}
.hr-route-mobile{display:none}
@media(hover:hover) and (pointer:fine){.hr-cast-rail,.hr-cast-rail a{cursor:grab}.hr-cast-tools button:disabled{opacity:.35;cursor:default}}
@media(max-width:600px){
 .hero-returner .hr-cover{height:var(--hr-room);min-height:0;max-height:none}
 .hero-returner .hr-cover-person{height:68%;width:138%;top:0;bottom:auto;object-fit:contain;object-position:50% var(--hr-mobile-y);mask-image:linear-gradient(#000 65%,transparent 100%)}
 .hero-returner .hr-cover-copy{bottom:28px;left:18px;right:18px}
 .hero-returner .hr-cover-copy .hr-overline{font-size:12px;letter-spacing:0}
 .hero-returner .hr-cover h1{margin:6px auto;max-width:270px}
 .hero-returner .hr-logo{max-height:105px}
 .hero-returner .hr-cover-bottom{bottom:7px;left:18px;right:18px;font-size:12px;letter-spacing:0}
 .hero-returner .hr-cover .hr-button{min-height:50px;min-width:245px;padding:8px 28px}
 .hero-returner .hr-cover-copy>.hr-textlink{min-height:36px;font-size:13px}
 .hero-returner .hr-journey-sticky{height:var(--hr-room);min-height:0;margin-bottom:calc(-1 * var(--hr-room));grid-template-rows:120px minmax(0,1fr);grid-template-columns:1fr}
 .hero-returner .hr-map{padding:0;overflow:hidden}
 .hero-returner .hr-map-canvas{width:100%;height:100%;max-width:none;aspect-ratio:auto}
 .hero-returner .hr-map .hr-map-art{object-fit:cover;object-position:50% 65%;opacity:.65;mask-image:none}
 .hr-route-desktop{display:none}.hr-route-mobile{display:block}
 .hero-returner .hr-map-pin{left:calc(14% + var(--pin-index) * 24%);top:46%;width:56px;height:67px}
 .hero-returner .hr-pin-face{width:46px;height:46px;margin:auto}
 .hero-returner .hr-map-pin b{font-size:12px;line-height:17px}
 .hero-returner .hr-map-caption{left:0;right:0;top:auto;bottom:4px;font-size:12px;letter-spacing:0}
 .hero-returner .hr-stage-copy{left:20px;right:18px;top:20px;bottom:auto;padding:0;max-width:none}
 .hero-returner .hr-stage-copy .hr-overline{font-size:12px}
 .hero-returner .hr-stage-copy h2{font-size:30px;line-height:1.25;margin:8px 0 14px;max-width:72%}
 .hero-returner .hr-stage-copy>p{font-size:15px;line-height:1.7;max-width:66%;padding:0}
 .hero-returner .hr-person-name{font-size:13px;min-height:44px;max-width:70%;margin-top:8px;gap:8px}
 .hero-returner .hr-stage-person{width:85%;right:-24%;bottom:48px;max-height:85%;height:auto;object-fit:contain}
 .hero-returner .hr-waypoints{left:12px;right:12px;bottom:0}.hero-returner .hr-waypoints button{min-height:46px}
 .hero-returner .hr-return{min-height:0;height:var(--hr-room);max-height:none}
 .hero-returner .hr-return-copy{margin:0 22px;padding:20px 0;max-width:none;width:100%}
 .hero-returner .hr-return-copy h2{font-size:clamp(28px,8vw,42px);margin:16px 0 18px}
 .hero-returner .hr-return-copy p{font-size:15px;line-height:1.7}
 .hero-returner .hr-return-copy .hr-button{min-height:50px;margin-top:18px}
 .hero-returner .hr-return-status{font-size:13px;min-height:24px;margin-top:10px}
 .hero-returner .hr-cast{padding:20px 0 22px;scroll-margin-top:var(--hr-header)}
 .hero-returner .hr-section-heading{padding:0 22px}
 .hero-returner .hr-section-heading h2{font-size:30px;margin:8px 0 10px}
 .hero-returner .hr-section-heading>p:not(.hr-overline){font-size:14px;line-height:1.65}
 .hero-returner .hr-cast>.hr-cast-tools{position:static;padding:4px 22px;margin:12px 0 10px;background:none}
 .hero-returner .hr-cast-tools>span{max-width:52%;font-size:12px}
 .hero-returner .hr-cast-rail{padding:0 22px 12px;gap:16px}
 .hero-returner .hr-cast-card{flex-basis:190px}
 .hero-returner .hr-cast .hr-face{height:clamp(135px,calc(var(--hr-room) - 300px),290px)}
 .hero-returner .hr-cast-card>span{font-size:12px;margin:8px 0 4px}
 .hero-returner .hr-cast-card h3{font-size:18px}
 .hero-returner .hr-continuity{padding:22px 0}
 .hero-returner .hr-continuity-copy{padding:0 22px}
 .hero-returner .hr-continuity h2{font-size:29px;line-height:1.25;margin:10px 0}
 .hero-returner .hr-continuity p:not(.hr-overline){font-size:14px;line-height:1.65}
 .hero-returner .hr-continuity .hr-textlink{margin-top:6px;min-height:36px;font-size:13px}
 .hero-returner .hr-work-links{margin:12px 0 0;padding:0 22px 12px;gap:16px}
 .hero-returner .hr-cross-person{height:clamp(145px,calc(var(--hr-room) - 280px),290px)}
 .hero-returner .hr-work-links .hr-cross-button{min-height:76px;padding:12px 13%}
 .hero-returner .hr-work-links .hr-cross-button>span{font-size:12px}
 .hero-returner .hr-work-links .hr-cross-button strong{font-size:21px}
 .hero-returner .hr-ending-slot.is-open{scroll-margin-top:calc(var(--hr-header) + 12px)}
 .hero-returner .hr-ending-slot.is-open .hr-ending-card{height:min(590px,calc(var(--hr-room) - 28px));aspect-ratio:auto;min-height:0}
 .hero-returner .hr-ending-copy small{font-size:12px;letter-spacing:.04em}
 .hero-returner .hr-ending-copy i{display:block;font-size:12px;padding-top:6px}
}
@media(max-width:600px) and (max-height:700px){
 .hero-returner .hr-cover-person{width:105%;height:66%;left:var(--hr-mobile-x)}
 .hero-returner .hr-cover-copy .hr-overline{display:none}
 .hero-returner .hr-cover h1{max-width:220px;margin:3px auto}.hero-returner .hr-logo{max-height:82px}
 .hero-returner .hr-invitation{font-size:14px;line-height:1.45!important;margin-bottom:2px!important}
 .hero-returner .hr-cover-copy{bottom:23px}.hero-returner .hr-cover-bottom>span:first-child{display:none}.hero-returner .hr-cover-bottom{justify-content:center}
 .hero-returner .hr-journey-sticky{grid-template-rows:104px minmax(0,1fr)}
 .hero-returner .hr-stage-copy{top:12px;left:16px;right:12px}
 .hero-returner .hr-stage-copy h2{font-size:24px;margin:6px 0 8px;max-width:80%}
 .hero-returner .hr-stage-copy>p{font-size:14px;line-height:1.5;max-width:72%}
 .hero-returner .hr-stage-copy>p br{display:none}
 .hero-returner .hr-person-name{margin-top:0;min-height:36px;font-size:13px}
 .hero-returner .hr-stage-person{width:65%;right:-18%;bottom:44px;max-height:90%}
 .hero-returner .hr-section-heading h2{font-size:25px;margin:4px 0 6px}
 .hero-returner .hr-section-heading>p:not(.hr-overline) br{display:none}
 .hero-returner .hr-cast{padding:12px 0}.hero-returner .hr-cast>.hr-cast-tools{margin:6px 0;padding-top:0;padding-bottom:0}
 .hero-returner .hr-cast .hr-face{height:clamp(118px,calc(var(--hr-room) - 245px),205px)}
 .hero-returner .hr-cast-card{flex-basis:175px}
 .hero-returner .hr-continuity{padding:14px 0}
 .hero-returner .hr-continuity h2{font-size:25px;margin:6px 0}
 .hero-returner .hr-cross-person{height:calc(var(--hr-room) - 274px);min-height:100px}
 .hero-returner .hr-ending-portrait{height:37%;object-position:50% 20%}
 .hero-returner .hr-card-front:after{top:40%}
 .hero-returner .hr-ending-copy{top:43%;bottom:6%;left:10%;right:10%}
 .hero-returner .hr-ending-copy strong{font-size:20px;margin:2px 0 6px}
 .hero-returner .hr-ending-copy>span{font-size:14px;line-height:1.5}
}

#heroReturn,#heroWorlds{scroll-margin-top:calc(var(--hr-header) + 12px)}

@media(min-width:601px) and (max-width:900px){
 .hero-returner .hr-cover-person{left:73%;width:90vw;height:auto;top:auto;bottom:9%;object-fit:contain}
}
@media(min-width:601px) and (max-height:650px){
 .hero-returner .hr-stage-person{height:85%;max-height:85%;width:55%;right:-4%;bottom:9%;object-fit:contain}
 .hero-returner .hr-cast{padding:12px 0 20px}
 .hero-returner .hr-cast .hr-section-heading h2{font-size:28px;margin:8px 0}
 .hero-returner .hr-cast .hr-section-heading>p:not(.hr-overline){margin:8px 0;font-size:14px;line-height:1.5}
 .hero-returner .hr-cast>.hr-cast-tools{margin-top:10px;margin-bottom:10px;padding-top:0;padding-bottom:0}
 .hero-returner .hr-cast .hr-face{height:clamp(100px,calc(var(--hr-room) - 280px),200px)}
 .hero-returner .hr-cast-card>span{margin-top:8px}
 .hero-returner .hr-cross-person{height:calc(var(--hr-room) - 125px)}
 .hero-returner .hr-ending-card{height:calc(var(--hr-room) - 42px);max-width:270px;aspect-ratio:auto;margin:0 auto}
 .hero-returner .hr-ending-slot{scroll-margin-top:calc(var(--hr-header) + 16px)}
 .hero-returner .hr-ending-portrait{height:38%;object-position:50% 20%}
 .hero-returner .hr-card-front:after{top:40%}
 .hero-returner .hr-ending-copy{top:43%;bottom:7%;left:10%;right:10%}
 .hero-returner .hr-ending-copy strong{font-size:20px;margin:3px 0 6px}
 .hero-returner .hr-ending-copy>span{font-size:14px;line-height:1.5}
 .hero-returner .hr-return{height:var(--hr-room);min-height:0;max-height:none}
 .hero-returner .hr-return-copy{padding:12px 0}
 .hero-returner .hr-return-copy h2{font-size:36px;margin:14px 0 16px}
 .hero-returner .hr-return-copy p{font-size:15px;line-height:1.6}
 .hero-returner .hr-return-copy .hr-button{margin-top:12px;min-height:48px}
 .hero-returner .hr-return-status{margin-top:6px;min-height:22px}
}