/* v0.8b — image-first automatic scenes; Clara prototype only. */
body[data-page="music"] #view.music-cine-clara .music-project-head{
  padding-top:calc(var(--head-h) + 8px);
  padding-bottom:12px;
  border-bottom:0;
}
body[data-page="music"] #view.music-cine-clara .music-back{margin-bottom:7px}
body[data-page="music"] #view.music-cine-clara .music-kicker{margin:0 0 2px}
body[data-page="music"] #view.music-cine-clara .music-project-head h1{
  font-size:clamp(28px,3vw,42px);
  margin-bottom:3px;
}
body[data-page="music"] #view.music-cine-clara .music-project-meta{margin-bottom:0}
.clara-cinema{margin:0 auto;padding:0 var(--gut);width:100%;max-width:1700px}
.clara-cinema-window{
  position:relative;
  height:min(61svh,670px);
  min-height:300px;
  overflow:hidden;
  background:#fff;
}
.clara-cinema-scene{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2vw,34px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .8s ease,visibility 0s .8s;
}
.clara-cinema-scene.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .9s ease;
}
.clara-cinema-photo{
  margin:0;
  min-width:0;
  height:96%;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity 1s ease,transform 1.1s cubic-bezier(.22,.61,.36,1);
}
.clara-cinema-scene.is-active .clara-cinema-photo{opacity:1;transform:none}
.clara-cinema-scene.is-active.duo .clara-cinema-photo:nth-child(2){transition-delay:.23s}
.clara-cinema-scene.solo .clara-cinema-photo{width:min(84%,890px)}
.clara-cinema-scene.duo .clara-cinema-photo{width:min(48%,610px)}
.clara-cinema-open{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:zoom-in}
.clara-cinema-open img{
  display:block;
  max-width:100%;max-height:100%;
  height:auto;width:auto;
  object-fit:contain;
}
.clara-cinema-controls{
  padding:12px 0 16px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  border-top:1px solid #e4e4e1;
  font:500 12px/1.4 var(--sans);
  color:#393936;
}
.clara-cinema-label{white-space:nowrap;letter-spacing:.015em}
.clara-cinema-transport{display:flex;align-items:center;gap:clamp(12px,1.5vw,23px)}
.clara-cinema-transport button{
  padding:9px 3px;
  font:500 12px/1.2 var(--sans);
  letter-spacing:.035em;
  white-space:nowrap;
}
.clara-cinema-transport button:hover{opacity:.55}
.clara-cinema-transport .clara-cinema-arrow{font-size:22px;line-height:1}
.clara-cinema-count{min-width:55px;text-align:center;font:400 13px/1.3 var(--mono);white-space:nowrap}
.clara-cinema-transport button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:5px}
body[data-page="music"] #view.music-cine-clara .music-project-next{margin-top:22px}
@media(max-width:760px){
  .clara-cinema{padding:0 clamp(14px,4vw,22px)}
  .clara-cinema-window{height:min(56svh,530px);min-height:260px}
  .clara-cinema-scene{gap:12px}
  .clara-cinema-scene.duo .clara-cinema-photo{width:calc(50% - 6px);height:75%}
  .clara-cinema-scene.solo .clara-cinema-photo{width:96%;height:95%}
  .clara-cinema-controls{align-items:flex-start;flex-wrap:wrap;gap:3px 14px}
  .clara-cinema-label{width:100%}
  .clara-cinema-transport{width:100%;justify-content:space-between;gap:10px}
  body[data-page="music"] #view.music-cine-clara .music-project-head{padding-left:clamp(14px,4vw,22px);padding-right:clamp(14px,4vw,22px)}
}
@media(prefers-reduced-motion:reduce){
  .clara-cinema-scene,.clara-cinema-photo,.clara-cinema-scene.is-active .clara-cinema-photo{transition:none!important;transform:none!important}
}