.mobile-detail-tiles{display:none}@media(max-width:850px){.approved-story .story-frames #growth-costs figure,.approved-story .story-frames #return-costs figure,.approved-story .story-frames #collection-waiting figure{display:none!important}.mobile-detail-tiles{display:flex;gap:12px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 12px;flex:none;scrollbar-color:#b2bfff #181818;scrollbar-width:thin}.mobile-detail-tile{flex:0 0 78%;min-width:0;scroll-snap-align:start}.mobile-detail-tile svg{display:block;width:100%;height:clamp(180px,calc(var(--story-frame-height) - 320px),310px);overflow:hidden;background:#080808}.mobile-detail-tile span{display:block;color:#b7b7c2;font-size:12px;line-height:1.4;margin-top:8px}.mobile-detail-tiles:focus-visible{outline:2px solid #b2bfff;outline-offset:3px}}/* Show every detail at once rather than requiring horizontal swipes. */
@media(max-width:850px){
.mobile-detail-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;scroll-snap-type:none;padding:4px 0;max-width:100%}
.mobile-detail-tile{min-width:0;width:100%}
.mobile-detail-tile svg{height:clamp(94px,calc((var(--story-frame-height) - 285px)/2),150px);width:100%}
.mobile-detail-tile span{font-size:10px;margin-top:4px;line-height:1.25}
#growth-costs .mobile-detail-tile:last-child,#collection-waiting .mobile-detail-tile:last-child{grid-column:1/-1}
#growth-costs .mobile-detail-tile:last-child svg,#collection-waiting .mobile-detail-tile:last-child svg{height:100px}
#return-costs .mobile-detail-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
#return-costs .mobile-detail-tile svg{height:clamp(100px,calc((var(--story-frame-height) - 220px)/2),155px)}
}
/* Editorial mobile compositions: one focal story, supporting details. */
@media(max-width:850px){
.mobile-detail-tiles{gap:7px;align-items:stretch}
.mobile-detail-tile{position:relative;overflow:hidden;border-radius:5px;background:#11100f}
.mobile-detail-tile svg{height:100%;min-height:0}
.mobile-detail-tile span{position:absolute;bottom:0;left:0;right:0;margin:0;padding:16px 7px 6px;background:linear-gradient(transparent,#080808e8);color:#eee;font-size:10px}
#growth-costs .mobile-detail-tiles{height:290px;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 82px}
#growth-costs .mobile-detail-tile:first-child{grid-column:1;grid-row:1}
#growth-costs .mobile-detail-tile:nth-child(2){grid-column:2;grid-row:1}
#growth-costs .mobile-detail-tile:last-child{grid-column:1/-1;grid-row:2}
#growth-costs .mobile-detail-tile:last-child svg{height:100%}
#collection-waiting .mobile-detail-tiles{height:270px;grid-template-columns:1fr 1.25fr;grid-template-rows:1fr 1fr}
#collection-waiting .mobile-detail-tile:first-child{grid-column:1;grid-row:1/-1}
#collection-waiting .mobile-detail-tile:nth-child(2){grid-column:2;grid-row:1}
#collection-waiting .mobile-detail-tile:last-child{grid-column:2;grid-row:2}
#collection-waiting .mobile-detail-tile:last-child svg{height:100%}
#return-costs .mobile-detail-tiles{height:320px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1.2fr 1fr;gap:7px}
#return-costs .mobile-detail-tile{grid-column:span 2}
#return-costs .mobile-detail-tile:nth-child(1),#return-costs .mobile-detail-tile:nth-child(2){grid-column:span 3}
#return-costs .mobile-detail-tile svg{height:100%}
}
@media(max-width:360px){#growth-costs .mobile-detail-tiles{height:245px}#collection-waiting .mobile-detail-tiles{height:230px}#return-costs .mobile-detail-tiles{height:260px}}

/* Approved single mobile composition for scene 04. */
.growth-mobile-art{display:none}
@media(max-width:850px){
.approved-story .story-frames #growth-costs .growth-stage{width:100%!important;display:flex!important;flex-direction:column;gap:12px!important}
.growth-mobile-art{display:block;width:100%;min-height:0}
.approved-story .story-frames #growth-costs .growth-mobile-art img{display:block;width:100%;height:auto!important;max-height:calc(var(--story-frame-height) - 185px)!important;object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important}
}

/* Approved portrait artwork: mobile opening scene only. */
@media(max-width:850px){
.approved-story .story-frames .hero .art{background-image:var(--art-product-journey-mobile,url("product-journey-mobile.webp"))!important;background-size:contain!important;background-position:center!important;height:calc(var(--story-frame-height) - 150px)!important;min-height:0;scale:1;mask-image:none;-webkit-mask-image:none}
.approved-story .story-frames .hero .art::after,.approved-story .story-frames .hero .art::before{display:none}
}

/* Dedicated mobile composition for visual 02. */
@media(max-width:850px){
.approved-story .story-frames #possibilities .apparel-loop,.approved-story .story-frames #possibilities .apparel-dots{display:none!important}
.approved-story .story-frames #possibilities figure{width:100%!important;max-width:100%!important;margin:0!important;mask-image:none!important;-webkit-mask-image:none!important}
.approved-story .story-frames #possibilities figure::before,.approved-story .story-frames #possibilities figure::after{display:none!important}
.approved-story .story-frames #possibilities picture{display:block;width:100%}
.approved-story .story-frames #possibilities picture img{width:100%!important;height:auto!important;max-height:calc(var(--story-frame-height) - 190px)!important;object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important}
}

/* Approved portrait composition replaces extra task tiles on mobile. */
@media(max-width:850px){
.approved-story .story-frames #launch-workload .launch-tasks{display:none!important}
.approved-story .story-frames #launch-workload .launch-main{display:flex!important;flex-direction:column!important;width:100%!important;gap:12px!important}
.approved-story .story-frames #launch-workload figure{width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.approved-story .story-frames #launch-workload figure::before,.approved-story .story-frames #launch-workload figure::after{display:none!important}
.approved-story .story-frames #launch-workload picture{display:block;width:100%}
.approved-story .story-frames #launch-workload picture img{width:100%!important;height:auto!important;max-height:calc(var(--story-frame-height) - 205px)!important;object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important}
}