/* Complete poster artwork: preserve its typography, margins, and original aspect ratio. */
.hero-editorial .hero-phone,
.cinema-enabled .hero-phone{width:min(290px,22vw,33svh)}
.hero-phone img{display:block;border-radius:7px;border:1px solid #ffffff1c;box-shadow:0 24px 65px #0005}
.hero-editorial .hero-phone--front,.cinema-enabled .hero-phone--front{left:1%;top:48px}
.hero-editorial .hero-phone--back,.cinema-enabled .hero-phone--back{right:1%;top:12px;filter:drop-shadow(0 24px 28px #0008)}
.cinema-frame img,.engine-preview-panel img{display:block;border-radius:8px}
.cinema-enabled .cinema-frame,.cinema-enabled .cinema-caption{width:min(900px,78vw,75svh)}
.card-a .shot{display:block;width:100%;height:auto;max-width:620px;margin:auto 0 0;padding-top:28px;filter:none;border-radius:8px;object-fit:contain}
.card-e .shot{flex:0 1 240px;min-width:0;align-self:center;margin:0;filter:none}
.card-e .shot img{display:block;width:100%;height:auto;border-radius:7px}
.card-e .copy{min-width:0}
.gallery-strip{align-items:flex-start}
.g-item{width:300px;flex-basis:300px}
.g-frame{height:auto;aspect-ratio:9/16;padding:0;border-radius:8px;background:#f7f4ed;box-shadow:0 9px 26px #352c2010}
.g-item img{display:block;object-fit:contain;width:100%;height:100%;filter:none}
.gallery-strip.motion-gallery .g-item.is-current .g-frame{background:#f7f4ed}
.gallery-selector{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding:12px 0 8px;border-top:1px solid #dcd5c9;scrollbar-width:thin;scrollbar-color:#c9bca8 transparent}
.gallery-selector button{flex:0 0 auto;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:6px;margin:0;gap:7px}
.gallery-selector button[aria-current="true"]{background:#ebe4d8;border-color:#c7b49b;color:#704d35}
.tablet-promo-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:80px 0 28px}
.tablet-promo-head .eyebrow{font-size:10px;letter-spacing:.13em}
.tablet-promo-head h3{font-size:clamp(26px,3vw,36px);line-height:1.35;letter-spacing:-.035em;margin-top:10px;font-weight:600}
.tablet-promo-head p{max-width:300px;font-size:14px;line-height:1.8;color:var(--ink-body)}
.tablet-promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.promo-tablet-card{min-width:0;margin:0}
.tablet-promo-frame{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;border:1px solid #ded8cd;border-radius:8px;background:#f7f4ed;box-shadow:0 10px 28px #352c2010}
.tablet-promo-frame img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s var(--ease-out)}
.promo-tablet-card .g-cap{display:block;padding:0;margin-top:18px;text-align:left}
.promo-tablet-card .g-cap::before{display:none}
.promo-tablet-card .g-cap b,.promo-tablet-card .g-cap span{display:block}
.promo-tablet-card .g-cap span{margin-top:5px;color:var(--ink-body)}
.music-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px}
.music-showcase{min-width:0;width:100%}
.music-showcase .tablet-promo-frame{border-radius:10px}
.music-showcase .g-cap b{font-size:15px}
.music-showcase .g-cap span{font-size:12px}
@media(hover:hover) and (pointer:fine){
  .g-zoom:hover img{transform:none}
  .tablet-promo-frame:hover{border-color:#b9a38b}
}
@media(min-width:901px) and (max-height:800px){
  .hero-editorial .hero-phone,.cinema-enabled .hero-phone{width:min(240px,22vw,31svh)}
  .hero-editorial .hero-phone--front,.cinema-enabled .hero-phone--front{top:36px}
  .cinema-enabled .cinema-frame,.cinema-enabled .cinema-caption{width:min(900px,75vw,69svh)}
}
@media(max-width:1000px){
  .tablet-promo-grid{gap:16px}
  .tablet-promo-head p{max-width:250px}
}
@media(max-width:900px){
  .hero-editorial .hero-device{width:520px;height:565px;max-width:100%}
  .hero-editorial .hero-phone{width:55%;max-width:280px}
  .hero-editorial .hero-phone--front{left:2%;top:30px}
  .hero-editorial .hero-phone--back{right:2%;top:0}
  .music-inner{grid-template-columns:minmax(0,1fr);gap:32px}
  .music-showcase{max-width:760px;margin:auto}
  .tablet-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tablet-promo-grid .promo-tablet-card:first-child{grid-column:1/-1}
}
@media(max-width:680px){
  .hero-editorial .hero-device{height:calc((100vw - 40px)*1.12 + 42px);max-height:510px}
  .hero-editorial .hero-phone{width:54%;max-width:260px}
  .hero-editorial .hero-phone--front{left:6%;top:25px;transform:rotate(-6deg)}
  .hero-editorial .hero-phone--back{right:6%;top:0;transform:rotate(7deg)}
  .card-a .shot{width:100%;max-width:none;margin:24px auto 0;padding-top:0}
  .card-e .shot{flex:0 0 auto;width:min(76%,270px);margin:10px auto 0}
  .g-item{flex-basis:min(82vw,330px);width:min(82vw,330px)}
  .g-frame{height:auto;aspect-ratio:9/16;padding:0;border-radius:8px}
  .g-item img{filter:none}
  .gallery-selector{border:0;padding-top:0;gap:5px}
  .gallery-selector button{font-size:12px;min-height:44px;padding:10px 12px;background:#efe9de}
  .tablet-promo-head{display:block;margin:52px 0 24px}
  .tablet-promo-head p{max-width:none;margin-top:12px;font-size:14px}
  .tablet-promo-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .tablet-promo-grid .promo-tablet-card:first-child{grid-column:auto}
  .promo-tablet-card .g-cap{margin-top:13px}
}