/* Keep the complete artwork inside its frame at every screen size. */
.hero-photo{inset:120px 4% 205px 46%;height:auto}
.hero .hero-photo img[data-scene-image]{
  inset:0;width:100%;height:100%;object-fit:contain;object-position:center;
  mask-image:none;transform:none;animation:none;transition:opacity 1.3s ease;
}
.hero .hero-shade{display:none}
.hero h1{max-width:45%;font-size:clamp(54px,6vw,96px)}
.hero-caption{bottom:176px}
.channel-switcher img{object-fit:contain}

.feature .image-depth{position:relative;inset:auto;width:100%;height:auto;overflow:visible}
.feature .image-depth img{
  display:block;width:100%;height:auto;object-fit:contain;object-position:center;
  transform:none;transition:opacity .65s ease;
}
.image-link:hover .image-depth img{transform:none}
.image-link .image-depth,
.motion-ready .feature[data-reveal] .image-depth,
.motion-ready .feature[data-reveal]:not(.is-revealed) .image-depth{
  translate:none;scale:1;clip-path:none;transition:none;
}
.gameplay-art,.story-art{
  display:flex;flex-direction:column;min-height:0;height:auto;background:#0c0e12;
}
.gameplay-art{align-self:center}
.gameplay-art::after,.story-art::after,.music-art::after{display:none}
.gameplay-art .art-top,.story-art .art-top{
  position:relative;inset:auto;order:-1;min-height:70px;padding:16px 24px;
  align-items:center;
}
.gameplay-art .art-watch{
  position:relative;inset:auto;padding:24px 28px;margin:0;
}
.story-reticle{display:none}
.story-overlay{
  position:relative;inset:auto;padding:30px 36px 34px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px;
}
.story-overlay .eyebrow{grid-column:1;font-size:8px}
.story-overlay strong{grid-column:1;margin-top:14px;font-size:clamp(38px,4.6vw,66px);line-height:1.1}
.story-watch{grid-column:2;grid-row:1 / 3;align-self:end;margin:0 0 4px}

.music-art{min-height:0;align-self:center;overflow:visible;background:#0c0b0e}
.music-art-toolbar{
  position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:20px 24px;min-height:76px;
}
.music-label{position:static}
.art-choices{position:static;inset:auto;flex-shrink:0}
.music-art-title{
  position:relative;inset:auto;display:block;padding:26px 28px 32px;
  font-size:clamp(38px,4.5vw,62px);line-height:1.1;
}
.music-art:has([data-art=album][aria-pressed=true]) .music-art-title{display:none}

@media(min-width:761px) and (max-width:960px){
  .hero-photo{inset:145px 3% 215px 48%}
  .hero h1{font-size:clamp(48px,6vw,58px)}
  .hero-intro{max-width:40%}
  .hero-actions{gap:16px;max-width:43%;flex-wrap:wrap}
  .music-art-toolbar{padding:16px 14px;gap:8px}
  .art-choices button{padding:8px}
}
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:100px}
  .hero-photo{
    position:relative;inset:auto;z-index:0;order:0;
    width:calc(100% - 40px);height:auto;aspect-ratio:1;margin:0 auto;
  }
  .hero-caption{
    position:relative;inset:auto;order:1;writing-mode:horizontal-tb;
    width:calc(100% - 40px);margin:14px auto 0;justify-content:flex-end;
  }
  .hero-caption .caption-line{width:24px;height:1px}
  .hero-body{order:2;padding-top:32px}
  .hero h1{max-width:100%;font-size:clamp(54px,12vw,82px)}
  .hero-controls{position:relative;inset:auto;order:3;margin-top:34px}
  .gameplay-art,.story-art,.music-art{width:100%;min-height:0;height:auto}
  .gameplay-art .art-top,.story-art .art-top{min-height:62px;padding:12px 18px}
  .gameplay-art .art-watch{padding:22px 20px}
  .story-overlay{padding:25px;grid-template-columns:1fr;gap:0}
  .story-overlay strong{font-size:42px}
  .story-watch{grid-column:1;grid-row:auto;margin:24px 0 0}
  .music-art-toolbar{padding:16px;gap:8px;min-height:68px}
  .music-art-toolbar .glass-label{font-size:7px;letter-spacing:1px;padding-inline:9px}
  .art-choices button{padding:8px 9px}
  .music-art-title{padding:24px;font-size:44px}
}
@media(max-width:375px){
  .music-art-toolbar{padding:14px 12px}
  .art-choices button{padding:8px 7px}
}