.pronto-world{position:relative;isolation:isolate;width:100%;min-height:420px;aspect-ratio:16/10;overflow:hidden;background:#f0e5d7;color:#231536;border-radius:4px}
.pronto-world--turntable{aspect-ratio:1/1;min-height:320px;background:#eee6f5}
.pronto-world__poster,.pronto-world__canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pronto-world__canvas{display:block;opacity:0;transition:opacity .65s ease;touch-action:pan-y;cursor:grab}
.pronto-world__canvas:active{cursor:grabbing}
.pronto-world[data-world-scroll="true"] .pronto-world__canvas{cursor:auto;touch-action:pan-y pinch-zoom}
.pronto-world[data-world-reduced="true"] .pronto-world__canvas{opacity:0!important}
.pronto-world[data-world-reduced="true"] .pronto-world__poster{visibility:visible!important;transition:none!important}
.pronto-world[data-ready="true"] .pronto-world__canvas{opacity:1}
.pronto-world[data-ready="true"] .pronto-world__poster{visibility:hidden;transition:visibility 0s .7s}
.pronto-world__top,.pronto-world__bottom{position:absolute;z-index:2;left:clamp(20px,3.5vw,48px);right:clamp(20px,3.5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.pronto-world__top{top:clamp(20px,3.5vw,44px);align-items:flex-start}
.pronto-world__wordmark{display:block;width:clamp(130px,17vw,210px);height:clamp(30px,3.9vw,48px);object-fit:contain;object-position:left center}
.pronto-world__edition{font:500 10px/1.6 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:right;max-width:130px}
.pronto-world__bottom{bottom:clamp(20px,3.5vw,40px);align-items:flex-end}
.pronto-world__caption{display:flex;flex-direction:column;gap:8px;max-width:70%}
.pronto-world__chapter{font:500 10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.pronto-world__line{font:600 clamp(18px,2.8vw,36px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:0}
.pronto-world__controls{display:flex;align-items:center;gap:12px;pointer-events:auto}
.pronto-world__hint{font:400 10px/1.4 Arial,sans-serif;max-width:70px;text-align:right}
.pronto-world__pause{border:1px solid #23153630;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:#f5eee3d9;color:inherit;font:600 14px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.pronto-world__pause:focus-visible{outline:2px solid #9063fe;outline-offset:5px}
.pronto-world__pause[hidden]{display:none}
.pronto-world__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#2315360b;z-index:2}
.pronto-world__progress span{display:block;width:100%;height:100%;background:#9063fe;transform:scaleX(var(--film-progress,0));transform-origin:left}
.pronto-world__fallback{position:absolute;left:24px;top:90px;font:12px/1.5 Arial,sans-serif;background:#f5eee3dc;padding:8px 12px;border-radius:20px;z-index:2}
@media(max-width:600px){.pronto-world{aspect-ratio:4/5;min-height:420px}.pronto-world--turntable{aspect-ratio:1/1;min-height:340px}.pronto-world__edition{font-size:8px;max-width:100px}.pronto-world__hint{display:none}.pronto-world__top{top:24px}.pronto-world__bottom{bottom:26px}}
@media(prefers-reduced-motion:reduce){.pronto-world__canvas{transition:none}.pronto-world__progress{display:none}}

.pronto-world[data-world-static="true"] .pronto-world__hint,.pronto-world[data-world-static="true"] .pronto-world__pause{display:none}

/* The vehicle study is a still render. Give the complete image a wide stage
   and put its caption below, instead of cropping it into a faux turntable. */
.pronto-world--turntable{aspect-ratio:auto;min-height:0;background:#f0e5d7;border-radius:0}
.pronto-world--turntable .pronto-world__poster{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.pronto-world--turntable .pronto-world__top,.pronto-world--turntable .pronto-world__controls,.pronto-world--turntable .pronto-world__progress{display:none}
.pronto-world--turntable .pronto-world__bottom{position:relative;inset:auto;padding:24px 30px;background:#f5eee3;border-top:1px solid #23153620}
.pronto-world--turntable .pronto-world__caption{max-width:none;width:100%;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px}
.pronto-world--turntable .pronto-world__line{font-size:clamp(18px,1.8vw,27px);font-weight:500}
@media(max-width:600px){.pronto-world--turntable .pronto-world__bottom{padding:19px 0}.pronto-world--turntable .pronto-world__caption{flex-direction:column;gap:10px}.pronto-world--turntable .pronto-world__chapter{font-size:9px}}