/* LLC CAFE photo-led hero. Scoped exclusively to the independent concept preview. */
.stage-photo{
  border-radius:190px 190px 12px 12px;
  background-position:center center;
  transition:background-image .3s ease,background-color .3s ease;
}
.stage-photo::before{
  background:linear-gradient(0deg,rgba(10,35,24,.65) 0%,rgba(17,46,32,.25) 50%,rgba(15,42,28,.16) 100%);
}
.stage-photo::after{background:linear-gradient(90deg,rgba(11,37,24,.23),transparent 90%)}
body[data-season="spring"] .stage-photo{
  background-image:linear-gradient(0deg,rgba(22,40,30,.14),rgba(255,231,199,.11)),url("./assets/cafe-front.webp");
}
body[data-season="summer"] .stage-photo{
  background-image:linear-gradient(0deg,rgba(22,40,30,.22),rgba(210,222,172,.08)),url("./assets/cafe-window.webp");
}
body[data-season="autumn"] .stage-photo{
  background-image:linear-gradient(0deg,rgba(48,30,15,.17),rgba(222,169,112,.06)),url("./assets/cafe-space.webp");
}
body[data-season="winter"] .stage-photo{
  background-image:linear-gradient(0deg,rgba(8,37,29,.27),rgba(198,222,204,.06)),url("./assets/cafe-green.webp");
}
.stage-photo-copy{
  position:absolute;z-index:3;bottom:120px;left:47px;right:45px;
  display:flex;flex-direction:column;align-items:flex-start;
  color:#fff9e9;text-shadow:0 2px 15px rgba(10,28,19,.35);
}
.stage-photo-copy>span{
  font:700 10px "DM Sans",sans-serif;letter-spacing:.22em;
  padding-bottom:11px;border-bottom:1px solid #ffffff99;margin-bottom:19px;
}
.stage-photo-copy strong{
  font-size:clamp(25px,2.7vw,41px);font-weight:600;line-height:1.48;letter-spacing:-.075em;word-break:keep-all;
}
.stage-photo-copy small{
  font-size:12px;letter-spacing:.16em;margin-top:17px;color:#f4edda;
}
.stage-label{
  left:45px;bottom:38px;transform:none;padding:12px 19px;font-size:11px;
}
.stage-inset{
  position:absolute;z-index:6;right:-21px;bottom:40px;
  margin:0;width:171px;padding:8px 8px 0;
  background:#fbfaf3;box-shadow:0 16px 40px rgba(13,34,24,.26);
  transform:rotate(4deg);border-radius:2px;transition:transform .24s ease;
}
.stage-inset:hover{transform:rotate(0deg) translateY(-4px)}
.stage-inset img{width:100%;height:145px;object-fit:cover;display:block}
.stage-inset figcaption{
  display:flex;justify-content:space-between;gap:5px;align-items:center;
  min-height:43px;padding:9px 3px;color:#314d3c;
}
.stage-inset figcaption span{
  font:700 8px "DM Sans",sans-serif;letter-spacing:.07em;color:#9e9e91;
}
.stage-inset figcaption b{font-size:10px;font-weight:700;white-space:nowrap}
@media(max-width:850px){
  .stage-inset{right:-6px;bottom:40px;width:146px}
  .stage-inset img{height:120px}
  .stage-photo-copy{left:37px;bottom:122px}
  .stage-photo-copy strong{font-size:34px}
  .stage-label{left:35px;bottom:34px}
}
@media(max-width:520px){
  .stage-photo{border-radius:138px 138px 12px 12px}
  .stage-photo-copy{left:23px;bottom:137px;right:16px}
  .stage-photo-copy>span{font-size:8px;letter-spacing:.13em;margin-bottom:12px}
  .stage-photo-copy strong{font-size:25px;line-height:1.52}
  .stage-photo-copy small{font-size:9px;letter-spacing:.07em;margin-top:10px}
  .stage-label{left:20px;bottom:28px;padding:9px 10px;font-size:10px;gap:7px}
  .stage-inset{right:-2px;bottom:57px;width:114px;padding:6px 6px 0}
  .stage-inset img{height:99px}
  .stage-inset figcaption{min-height:29px;padding:5px 2px}
  .stage-inset figcaption span{display:none}
  .stage-inset figcaption b{font-size:9px}
  .stage-top{top:23px;left:24px;right:24px}
}