/* The key product demo owns the frame; copy becomes its supporting rail. */
@media(min-width:420px) and (max-width:699px) and (min-height:820px) and (max-height:879px){
 #zoo-journey #zoo-activity-story .za-map,#zoo-journey #zoo-action-story .ac-map{width:125%;left:-12.5%;top:calc(var(--activity-map-top) - 12px)}
 #zoo-journey #zoo-activity-story .za-quiet{margin-left:-24px}
 #zoo-journey #zoo-activity-story .za-legend{top:calc(var(--activity-map-top) + 105vw + 4px)}
 #zoo-journey #zoo-activity-story .za-insight,#zoo-journey #zoo-action-story .ac-step{top:calc(var(--activity-map-top) + 105vw + 38px)}
 #zoo-journey #zoo-activity-story .za-insight p,#zoo-journey #zoo-activity-story .za-insight>span{display:none}
}
@media(min-width:700px) and (max-width:899px) and (min-height:820px){
 #zoo-journey .j-header{position:fixed;left:24px;right:24px;top:24px}
 #zoo-journey .j-header b{font-size:27px;letter-spacing:-1px}
 #zoo-journey .j-navigation{position:fixed;left:0;right:0;bottom:0;width:100%;height:80px;padding-left:24px;padding-right:24px;box-sizing:border-box}
 #zoo-journey[data-map-sequence=true] .j-phone{--portrait-map-width:min(92vw,calc((100dvh - 420px)*1.49));width:100vw;max-width:none;height:100dvh;aspect-ratio:auto;--nav-height:80px;--content-bottom:104px}
 #zoo-journey[data-map-sequence=true] .j-header{left:24px;right:24px;top:24px}
 #zoo-journey[data-map-sequence=true] .j-header b{font-size:27px;letter-spacing:-1px}
 #zoo-journey[data-map-sequence=true] .j-caption{left:24px;right:24px;top:88px}
 #zoo-journey[data-map-sequence=true] .j-caption h2{font-size:32px;letter-spacing:-1.4px}
 #zoo-journey[data-map-sequence=true] .j-navigation{padding-left:24px;padding-right:24px}
 #zoo-journey[data-map-sequence=true] #zoo-activity-story .activity-status{left:28px;right:24px}
 #zoo-journey[data-map-sequence=true] #zoo-activity-story .za-map,#zoo-journey[data-map-sequence=true] #zoo-action-story .ac-map{width:var(--portrait-map-width);left:calc(50% - var(--portrait-map-width)/2);top:calc(var(--activity-status-top) + 34px - var(--portrait-map-width)*.185)}
 #zoo-journey[data-map-sequence=true] #zoo-activity-story .za-legend{top:calc(var(--activity-status-top) + var(--portrait-map-width)*.67 + 50px)}
 #zoo-journey[data-map-sequence=true] #zoo-activity-story .za-insight{top:calc(var(--activity-status-top) + var(--portrait-map-width)*.67 + 78px);bottom:auto;left:24px;right:24px;padding:0 0 0 12px}
 #zoo-journey[data-map-sequence=true] #zoo-activity-story .za-insight p,#zoo-journey[data-map-sequence=true] #zoo-activity-story .za-insight>span{display:none}
 #zoo-journey[data-map-sequence=true] #zoo-activity-story .za-recommendation{margin:0;font-size:15px}
 #zoo-journey[data-map-sequence=true] #zoo-action-story .ac-step{top:calc(var(--activity-status-top) + var(--portrait-map-width)*.67 + 50px);bottom:auto;left:24px;right:24px}
 #zoo-journey[data-map-sequence=true] #zoo-action-story .ac-step>span{display:none}
 #zoo-journey[data-map-sequence=true] #zoo-action-story .ac-step p{font-size:20px;line-height:1.2;margin:0}
 #zoo-journey[data-map-sequence=true] #zoo-action-story .ac-report-flow{left:50%;right:auto;width:480px;transform:translateX(-50%)}
}
@media(min-width:900px) and (min-height:560px){
 #zoo-journey{--feature-map-width:min(70vw,calc((100dvh - 260px)*1.49))}
 #zoo-journey[data-map-feature=true] .j-caption{left:4%;width:23%;top:25%}
 #zoo-journey[data-map-feature=true] .j-caption h2{font-size:clamp(26px,2.5vw,40px);letter-spacing:-.045em}
 #zoo-journey[data-map-feature=true] .story-description{font-size:16px;line-height:1.5;max-width:290px}
 #zoo-journey #zoo-activity-story .za-map,#zoo-journey #zoo-action-story .ac-map{width:var(--feature-map-width);left:auto;right:0;top:calc(35px - var(--feature-map-width)*.185)}
 #zoo-journey #zoo-activity-story .activity-status{left:auto;right:0;top:0;width:var(--feature-map-width);font-size:14px;font-weight:600}
 #zoo-journey #zoo-activity-story .za-legend{left:auto;right:0;top:auto;bottom:0;width:var(--feature-map-width);font-size:13px}
 #zoo-journey #zoo-activity-story .za-insight,#zoo-journey #zoo-action-story .ac-step{left:calc(100% - 92vw);right:auto;width:23vw;bottom:12px}
 #zoo-journey #zoo-activity-story .za-insight{padding-left:14px}
 #zoo-journey #zoo-activity-story .za-insight p,#zoo-journey #zoo-action-story .ac-step p{font-size:24px;line-height:1.25}
 #zoo-journey #zoo-activity-story .za-insight>span{font-size:11px}
}
@media(min-width:900px) and (max-height:740px){
 #zoo-journey #zoo-activity-story .za-insight,#zoo-journey #zoo-action-story .ac-step{left:calc(100% - 89vw)}
 #zoo-journey #zoo-activity-story .za-insight>span{display:none}
 #zoo-journey[data-map-feature=true] .story-description{font-size:14px;margin-top:18px}
 #zoo-journey #zoo-activity-story .za-insight p,#zoo-journey #zoo-action-story .ac-step p{font-size:20px}
 #zoo-journey #zoo-activity-story .za-recommendation{font-size:13px}
 #zoo-journey #zoo-activity-story .activity-status{top:0;font-size:13px}
}
@media(max-width:699px) and (min-height:880px), (max-width:419px) and (min-height:820px){
 #zoo-journey #zoo-activity-story .za-map,#zoo-journey #zoo-action-story .ac-map{width:130%;left:-15%;top:calc(var(--activity-map-top) - 12px)}
 #zoo-journey #zoo-activity-story .za-quiet{margin-left:-24px}
 #zoo-journey #zoo-activity-story .za-legend{top:calc(var(--activity-map-top) + 109vw + 4px)}
 #zoo-journey #zoo-activity-story .za-insight,#zoo-journey #zoo-action-story .ac-step{top:calc(var(--activity-map-top) + 109vw + 38px)}
 #zoo-journey #zoo-activity-story .za-insight>span{display:none}
 #zoo-journey #zoo-activity-story .za-insight p{font-size:21px;margin-top:0}
}
@media(max-width:699px) and (min-height:481px) and (max-height:819px){
 #zoo-journey #zoo-activity-story .za-map,#zoo-journey #zoo-action-story .ac-map{width:100%;left:0;top:calc(var(--activity-status-top) + 30px - 18.5cqw)}
 #zoo-journey #zoo-activity-story .za-legend{top:calc(var(--activity-status-top) + 67cqw + 46px)}
 #zoo-journey #zoo-activity-story .za-insight,#zoo-journey #zoo-action-story .ac-step{top:calc(var(--activity-status-top) + 67cqw + 70px);bottom:auto}
 #zoo-journey #zoo-activity-story .za-insight{padding:0 0 0 12px}
 #zoo-journey #zoo-activity-story .za-insight p,#zoo-journey #zoo-activity-story .za-insight>span{display:none}
 #zoo-journey #zoo-activity-story .za-recommendation{margin:0;font-size:13px}
 #zoo-journey #zoo-action-story .ac-step>span{display:none}
 #zoo-journey #zoo-action-story .ac-step p{font-size:18px;margin:0;line-height:1.2}
}
/* The zoo chapter widens the shared frame at tablet/sidebar sizes. Keep the
   outgoing regional map in its original frame until its dissolve is finished. */
@media(min-width:700px) and (max-width:899px) and (min-height:820px){
 #zoo-journey #origin-camera{position:absolute;width:min(460px,calc((100dvh - 32px)*390/730));height:min(calc(460px*730/390),calc(100dvh - 32px));left:50%;top:50%;transform:translate(-50%,-50%)}
}