.study-loop-slot{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:transparent;}
.study-loop-slot[hidden]{display:none!important;}
.study-loop-slot video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;border:0!important;filter:none!important;transform:none!important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 93%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent)!important;mask-composite:intersect;-webkit-mask-composite:source-in;}
#story.has-study-loop .story-narrator>#story-study-video,#story.has-study-loop .story-study-still{visibility:hidden;}
#story.has-study-loop .story-narrator{height:min(57dvh,480px);margin-left:-12%;margin-right:-12%;}
.journey-study-companion{position:absolute;left:-3%;top:12%;bottom:9%;width:32%;margin:0;pointer-events:none;}
#journey #journey-atlas{left:30%;top:3%;bottom:3%;right:0;}
#journey #watch-journey-film{min-width:220px;padding:8px 16px;gap:12px;}
#journey #watch-journey-film strong{font-size:25px;}
#journey #watch-journey-film small{font-size:10px;}
#journey #watch-journey-film .journey-film-play{width:42px;height:42px;}
#journey .atlas-top{padding:8px 14px;}
#journey .atlas-top>span{font-size:8px;letter-spacing:1px;max-width:105px;}
#journey .atlas-top #replay-journey{font-size:8px;padding:7px;max-width:130px;}
#journey .atlas-story{padding:8px 13px;}
#journey .atlas-story h3{font-size:clamp(18px,2vw,28px);}
#journey .atlas-story p{font-size:12px;}
#journey .atlas-stop{padding:10px 8px;}
#journey .atlas-stop b{font-size:10px;}
#journey .landmark-stage{padding:10px;}
#journey .landmark-copy h3{font-size:18px;}
#journey .california-inset{width:clamp(95px,10vw,145px);padding:7px;right:8px;}
#journey .map-caption{font-size:8px;}
@media(max-width:1000px) and (min-width:761px){#journey .atlas-top>span{display:none!important;}#journey .california-inset{display:none;}#journey #journey-atlas{left:26%;}.journey-study-companion{width:29%;left:-4%;}#journey .landmark-copy h3{font-size:15px;}}
@media(max-width:760px){
 html:has(body[data-scene="journey"]){overflow-y:auto!important;height:auto!important;}
 body[data-scene="journey"]{height:auto!important;min-height:100dvh;overflow-y:auto!important;}
 body[data-scene="journey"] #main{position:relative!important;inset:auto!important;margin:76px 5% 0!important;overflow:visible!important;}
 body[data-scene="journey"] #journey.scene-active{position:relative!important;display:block!important;inset:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0 0 20px!important;}
 .journey-study-companion{position:relative;left:auto;top:auto;bottom:auto;width:min(100%,390px);height:250px;margin:0 auto;}
 #journey #journey-atlas{position:relative;inset:auto;height:620px;width:100%;}
 #journey .atlas-map{width:100%;height:auto;}
 #journey .atlas-layout{right:0;bottom:170px;grid-template-rows:minmax(0,1fr) 150px;}
 #journey .landmark-stage{display:none!important;}
 #journey .atlas-top>span{display:none!important;}
 #journey .atlas-stops{height:120px;grid-template-columns:repeat(3,1fr);}
 #journey .atlas-stop{padding:8px;}
 #journey .atlas-story p{font-size:12px;}
 #journey .atlas-story h3{font-size:23px;}
 #journey #watch-journey-film{min-width:220px;}
 body[data-scene="journey"] .chapter-controls{position:relative;inset:auto;margin:0 5% 30px;}
 #story.has-study-loop .story-narrator{height:300px;margin:10px auto 0;width:100%;}
}
.study-loop-slot{display:flex;align-items:center;justify-content:center;}
.study-loop-slot video{position:relative!important;inset:auto!important;height:auto!important;max-height:100%!important;aspect-ratio:4/3;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 14%,#000 88%,transparent)!important;}
@media(min-width:761px){
 #journey #journey-atlas{top:0;bottom:0;}
 #journey #journey-atlas .atlas-top{height:88px;}
 #journey #journey-atlas .atlas-layout,#journey #journey-atlas .landmark-stage{top:88px!important;}
 #journey #journey-atlas .atlas-layout{bottom:88px;grid-template-rows:minmax(140px,1fr) minmax(155px,1.1fr);}
 #journey #journey-atlas .atlas-story h3{font-size:23px;}
 #journey #journey-atlas .atlas-story p{font-size:11px;line-height:1.65;}
 #journey #journey-atlas .atlas-story{display:flex;flex-direction:column;justify-content:center;}
 #journey #journey-atlas .atlas-chapter{font-size:9px;margin:0 0 8px;}
 #journey #journey-atlas #atlas-period{font-size:9px;margin:0;}
 #journey #journey-atlas .california-inset{width:100px;padding:5px;bottom:20px;}
 #journey #journey-atlas .inset-heading{font-size:6px;}
}