/* A product assortment and two readable routes occupy the same visual stage as films. */
.marketplace-scene{position:absolute;inset:0;z-index:3;color:#173e30;background:linear-gradient(90deg,#10291f 0%,#183d2c 32%,#d8e6cc 40%,#eef2df 100%);pointer-events:none;--marketplace-progress:0}
.marketplace-scene[hidden]{display:none}
.marketplace-composition{position:absolute;top:252px;bottom:132px;left:40%;right:5%;max-width:840px;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:10px}
.marketplace-heading p{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#456645}
.marketplace-heading h2{max-width:570px;margin:0;font:500 clamp(23px,2.4vw,37px)/1.12 'DM Sans',sans-serif;letter-spacing:-.8px;color:#173e30}
.marketplace-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:3px}
.marketplace-product{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.marketplace-product img{display:block;width:100%;height:clamp(55px,10vh,108px);object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 6px 4px #27482816);animation:marketplace-float 7s ease-in-out infinite;animation-play-state:paused}
.marketplace-product:nth-child(2) img{animation-delay:-1.8s}.marketplace-product:nth-child(3) img{animation-delay:-3.3s}.marketplace-product:nth-child(4) img{animation-delay:-4.9s}
.marketplace-product-shirt img{object-fit:contain;border-radius:14px}
.marketplace-product figcaption{font-size:12px;line-height:1.35;font-weight:600;text-align:center;color:#345a3e}
.marketplace-more{margin:0;text-align:center;font-size:11px;color:#5e7651}
.marketplace-routes{display:grid;gap:8px}
.marketplace-route{position:relative;display:grid;grid-template-columns:minmax(135px,.85fr) minmax(0,1.5fr);align-items:center;gap:12px;min-height:76px;padding:10px 14px;border:1px solid #789a665e;border-radius:16px;background:#f8fbed80;transition:background .2s,border-color .2s,box-shadow .2s}
.marketplace-route h3{display:flex;align-items:flex-start;gap:8px;margin:0;color:#35543c;font-size:13px;line-height:1.4;font-weight:600}
.marketplace-route h3 b{font-size:10px;line-height:1.85;font-weight:500;color:#709063}
.marketplace-flow{display:flex;align-items:center;gap:7px;min-width:0}
.marketplace-person{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;max-width:93px;flex:0 1 85px;text-align:center;color:#45634a}
.marketplace-person svg{width:22px;height:24px;flex:none}
.marketplace-person span{font-size:11px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}
.marketplace-connector{position:relative;flex:1;min-width:12px;height:2px;margin-bottom:17px;background:#8b9f7470}
.marketplace-connector:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1.5px solid #638057;border-right:1.5px solid #638057;transform:rotate(45deg)}
.marketplace-connector span{position:absolute;inset:0;background:#397e3c;transform:scaleX(var(--marketplace-progress));transform-origin:left center}
.marketplace-connector i{display:none;position:absolute;top:-3px;left:calc(var(--marketplace-progress)*100%);width:8px;height:8px;background:#538d34;border:1.5px solid #fbfff3;border-radius:50%;transform:translateX(-50%)}
.marketplace-route.is-current{background:#fbfff3;border-color:#538340;box-shadow:0 5px 20px #39532c12}
.marketplace-route.is-current:before{content:'';position:absolute;inset:12px auto 12px 0;width:3px;background:#5f9839;border-radius:0 4px 4px 0}
.marketplace-route.is-current h3,.marketplace-route.is-current .marketplace-person{color:#174827}
.marketplace-route.is-current .marketplace-connector i{display:block}
.marketplace-connection{margin:0;font-size:12px;line-height:1.4;color:#4d6b46;text-align:center}
.marketplace-playing .marketplace-product img{animation-play-state:running}
.marketplace-still .marketplace-product img{animation:none}
.marketplace-ready>canvas,.marketplace-ready>.cinematic-film,.marketplace-ready>.actor-labels,.marketplace-ready>.story-camera,.marketplace-ready>.cinematic-toggle,.marketplace-ready>.cinema-loader,.marketplace-ready>.story-simple-scene{visibility:hidden;pointer-events:none}
.marketplace-ready #camera-mode,.marketplace-ready #particle-view{display:none}
.marketplace-ready.story-world:after{display:none}
.marketplace-ready>.story-stage-top,.marketplace-ready>.cinema-subtitles{z-index:4}
.product-example{display:inline-flex;align-items:center;margin:0 0 15px;padding:6px 10px;border:1px solid #b6ce9773;border-radius:999px;background:#d9edb115;color:#e1efcb;font-size:11px;line-height:1.35;font-weight:600;letter-spacing:.2px}
.product-example[hidden]{display:none}
@keyframes marketplace-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:800px) and (max-height:790px){.marketplace-composition{top:244px;bottom:124px;gap:6px}.marketplace-heading h2{font-size:24px}.marketplace-heading p{display:none}.marketplace-product img{height:59px}.marketplace-products{gap:8px}.marketplace-route{min-height:66px;padding:8px 11px}.marketplace-more{display:none}.marketplace-connection{font-size:11px}}
@media(min-width:800px) and (max-width:1100px){.marketplace-composition{left:39%;right:3%}.marketplace-route{grid-template-columns:minmax(105px,.7fr) minmax(0,1.5fr);gap:8px;padding-left:10px;padding-right:10px}.marketplace-route h3{font-size:12px;gap:5px}.marketplace-person span{font-size:10px}.marketplace-flow{gap:4px}}
@media(max-width:799px){
 .product-example{margin-bottom:10px;background:#dce9c8;border-color:#afc590;color:#36573a;font-size:10px}
 .marketplace-scene{background:linear-gradient(150deg,#e9efda,#d4e4c7)}
 .marketplace-composition{top:38px;bottom:89px;left:14px;right:14px;gap:5px;justify-content:center}
 .marketplace-heading,.marketplace-more,.marketplace-connection{display:none}
 .marketplace-products{gap:10px;margin:0}
 .marketplace-product{gap:2px}.marketplace-product img{height:45px;filter:drop-shadow(0 3px 3px #27482812)}
 .marketplace-product-shirt img{border-radius:7px}
 .marketplace-product figcaption{font-size:10px;line-height:1.3}
 .marketplace-routes{gap:5px}
 .marketplace-route{grid-template-columns:minmax(93px,.85fr) minmax(0,1.5fr);min-height:48px;padding:5px 8px;gap:7px;border-radius:10px}
 .marketplace-route h3{font-size:10px;line-height:1.25;gap:5px}.marketplace-route h3 b{font-size:8px;line-height:1.5}
 .marketplace-flow{gap:4px}.marketplace-person{gap:2px}.marketplace-person svg{width:15px;height:17px}.marketplace-person span{font-size:9px;line-height:1.25}
 .marketplace-connector{min-width:8px;margin-bottom:12px}.marketplace-connector:after{width:5px;height:5px;top:-2px}.marketplace-connector i{width:6px;height:6px;top:-2px}
 .marketplace-route.is-current:before{inset:7px auto 7px 0;width:2px}
}
@media(max-width:359px){.marketplace-composition{left:10px;right:10px}.marketplace-route{grid-template-columns:minmax(79px,.7fr) minmax(0,1.6fr);gap:5px;padding-left:6px;padding-right:6px}.marketplace-route h3{font-size:9px}.marketplace-route h3 b{display:none}.marketplace-product img{height:37px}.marketplace-product figcaption{font-size:9px}.marketplace-person span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.marketplace-product img{animation:none!important}.marketplace-route{transition:none}}
/* Short phones retain the category names and both routes without caption overlap. */
@media(max-width:799px) and (max-height:740px){
 .marketplace-composition{top:47px;bottom:92px;gap:5px}
 .marketplace-product img{display:none}
 .marketplace-product figcaption{font-size:10px}
 .marketplace-route{min-height:45px}
}
.marketplace-still .marketplace-connector span{transform:scaleX(1)}
.marketplace-still .marketplace-connector i{display:none}
.marketplace-still .marketplace-route{transition:none}
@media(prefers-reduced-motion:reduce){.marketplace-connector span{transform:scaleX(1)}.marketplace-route .marketplace-connector i{display:none}}
@media(max-width:799px){.immersive-world .cinematic-story .story-copy{max-height:calc(55% - 165px)}}