/* Sharp logos: original vector/raster ink, with separate low-resolution halos. */
#world .scene img[data-logo-original]{position:relative;z-index:2;filter:none!important;image-rendering:auto;object-fit:contain!important;height:auto;max-width:100%}
.helmet-color{--palette-duration:8s}
/* Photography grouping: centered copy with the camera above and to its right. */
.adidas-brands.project-logo{left:calc(var(--art-origin) + var(--art-width)*.20);top:47vh;text-align:center}
.adidas-camera{left:calc(var(--art-origin) + var(--art-width)*.20 + 20vh);top:41vh;width:24vh}
.adidas-model{left:calc(var(--art-origin) + var(--art-width)*.28 + 12vh)}
.meal-story .meal-player-james-harden{z-index:2!important}.meal-story .meal-player-anthony-davis{z-index:6}
.meal-player-breanna-stewart{animation:meal-stewart-float 6s ease-in-out infinite}
@keyframes meal-stewart-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.effects-paused .meal-player-breanna-stewart{animation-play-state:paused}
.meal-story .meal-player-demar-derozan{left:80vh!important;bottom:calc(20vh + 3.5px)!important}
.meal-story .meal-detour-flight{left:calc(var(--meal-origin) + 326vh + var(--meal-parallax-shift,0px))}
/* Only touch tablets/foldables get the headroom and compact Beat Lab layout. */
@media(pointer:coarse) and (min-width:650px) and (min-height:600px){
 .meal-story .meal-player-alumna{width:48vh!important;bottom:-8vh!important}.meal-player-alumna .meal-player-art{max-height:82vh}
 .meal-story .meal-player-jayson-tatum{width:65vh!important;bottom:-3vh!important}.meal-player-jayson-tatum .meal-player-art{max-height:82vh}
 .meal-story .meal-billboard{bottom:48vh;width:72vh;height:26vh}.meal-billboard-mount{height:65vh}
 .one8-finance{width:24vh;left:calc(var(--one8-center) - 26vh)}.one8-kitchen{width:28vh;left:calc(var(--one8-center) - 1vh)}.one8-dress{width:20vh;left:calc(var(--one8-center) + 28vh)}.one8-bike{width:34vh;left:calc(var(--one8-center) + 49vh)}
 .beat-console{width:min(84vw,760px);bottom:14vh;max-height:calc(100dvh - 160px);overflow:auto;padding:8px 14px 10px}
 .beat-header{position:sticky;top:-8px;z-index:12;background:#222527;padding:5px 0;margin-bottom:5px}
 .beat-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:5px 0}
 .beat-tabs button{min-height:30px;border:1px solid #54595b;border-radius:3px;background:#292d2f;padding:4px;color:#ddd;font:bold 9px Arial}
 .beat-tabs button[aria-selected=true]{background:#79252e;border-color:#df5963}
 .beat-row{display:none;grid-template-columns:145px minmax(0,1fr)}.beat-row.is-selected{display:grid}
 .beat-row .beat-step{min-height:28px}.beat-row[data-track=hat] .beat-steps{grid-template-columns:repeat(16,minmax(0,1fr))}
}
/* Keep transport and the archive wheel near the lower edge on phones in landscape. */
@media(pointer:coarse) and (max-height:500px) and (min-aspect-ratio:1.35/1){
 #timeline-transport{bottom:42px;padding:2px 5px;gap:6px;font-size:7px}
 #timeline-play,#timeline-speed{min-height:22px;font-size:8px;padding:2px 5px}#timeline-play{min-width:57px}
 #timeline-transport label{gap:4px}#timeline-transport .control-symbol{width:11px;height:11px}
 footer{bottom:7px;gap:8px;width:min(56vw,650px);left:50%;right:auto;transform:translateX(-50%)}footer nav{gap:18px}footer nav button{font-size:8px;padding:5px 0}
 footer>button{height:24px;width:20px}#previous .control-symbol,#next .control-symbol{width:17px;height:17px}
 #year-dock{bottom:7px;left:12px;width:100px}#year-toggle{height:34px;gap:3px}#year-digits{font-size:28px;height:34px;gap:0}.year-digit{height:34px;width:18px;flex-basis:18px}.year-arrow{font-size:9px}#year-prompt{font-size:8px}
 #year-menu{bottom:43px;max-height:68vh}#year-menu button{font-size:24px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.meal-player-breanna-stewart{animation:none}}

/* Keep the photography title centered vertically at every breakpoint.
   Both layers share depth, so this clearance also holds during parallax. */
.adidas-story{--adidas-copy-center:calc(var(--art-origin) + var(--art-width)*.20);--adidas-copy-width:64.5vh;--adidas-camera-width:24vh;--adidas-mark-width:30vh}
.adidas-story .adidas-brands.project-logo{left:var(--adidas-copy-center);top:50vh;width:var(--adidas-copy-width);translate:-50% -50%;text-align:center}
.adidas-story .adidas-camera{left:calc(var(--adidas-copy-center) + var(--adidas-mark-width)*.5 + 1.5vh);top:35vh;width:var(--adidas-camera-width);translate:0 -50%}
@media(max-aspect-ratio:1/1){.adidas-story{--adidas-copy-width:min(69vw,64.5vh);--adidas-camera-width:24vh;--adidas-mark-width:16.5vh}}