/* V2.6 surgical fixes. Shared by EN / FR / AR. Does not modify approved base CSS. */
/* Make the artist-introduction artwork genuinely compact on all screen sizes. */
.beyond.wrap{padding-top:54px;padding-bottom:58px}
.beyondgrid{max-width:640px;margin-inline:auto;gap:18px}
.beyondgrid>div{min-width:0}
.beyondgrid a{display:block}
.beyondgrid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
/* The mobile V2.5 horizontal scroll was giant; two compact covers can fit side by side. */
@media(max-width:760px){
 .beyondgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none;max-width:510px}
 .beyondgrid>div{flex:none;width:auto}
 .beyondgrid p{font-size:10px;letter-spacing:.05em;line-height:1.3;margin-top:8px}
}
/* The story link is a direct child of the grid; prevent stretched underline. */
.storyblock > .ep-back-home{justify-self:start;width:max-content;max-width:100%;}
/* Booking email remains visible and selectable, with functional Copy action beside it. */
.booking-email-box{min-width:0;width:min(100%,480px);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.booking-email-label{font-size:11px;color:var(--gold);letter-spacing:.13em;font-weight:800;text-transform:uppercase}
.booking-email-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;max-width:100%}
.booking-email-address{font-size:clamp(13px,1.45vw,16px);color:var(--cream,#f0eadd);text-decoration:none;overflow-wrap:anywhere;line-height:1.5}
.booking-email-address:hover,.booking-email-address:focus-visible{text-decoration:underline;color:var(--gold)}
.copy-email-btn{background:transparent;color:var(--gold,#d8a65a);border:1px solid rgba(215,181,111,.55);border-radius:5px;padding:9px 12px;min-height:40px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}
.copy-email-btn:hover,.copy-email-btn:focus-visible{background:rgba(215,181,111,.14);outline-offset:3px}
.booking-instagram{font-size:12px;color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(215,181,111,.22);padding-block:3px}
.booking-instagram:hover{color:var(--gold)}
/* Arabic caption must stay in the left black negative-space, NOT over the face. */
html[lang="ar"] .storyblock .storypic .story-overprint{
  left:3.5%;right:auto;top:24%;width:37%;max-width:37%;direction:rtl;text-align:center;
}
html[lang="ar"] .storyblock .storypic .overprint-title{
  font-family:Tahoma,'Segoe UI',sans-serif;font-size:clamp(23px,2.4vw,33px);line-height:1.28;letter-spacing:0;white-space:nowrap;
}
html[lang="ar"] .storyblock .storypic .overprint-artist{font-size:clamp(7px,.7vw,9px);letter-spacing:.06em;white-space:nowrap}
html[lang="ar"] .storyblock .storypic .overprint-tagline{font-size:9px;letter-spacing:0;margin-top:8px}
@media(max-width:650px){
 html[lang="ar"] .storyblock .storypic .story-overprint{left:2.4%;top:29%;width:40%;max-width:40%}
 html[lang="ar"] .storyblock .storypic .overprint-title{font-size:clamp(20px,5.5vw,28px)}
 html[lang="ar"] .storyblock .storypic .overprint-artist{font-size:7px;letter-spacing:0}
}