.jazz-irina-page { background:var(--c-bg); }
.ji-page { padding-top:var(--nav-h); color:var(--c-text); overflow:hidden; }
.ji-hero { position:relative; height:clamp(600px,56.25vw,900px); background:#ededee; overflow:hidden; }
.ji-hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% center; }
.ji-intro { position:relative; z-index:1; text-align:left; width:48%; height:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:24px 32px 24px max(60px,calc((100vw - 1160px)/2)); }
.ji-intro>p:first-child { font-size:19px; font-weight:600; letter-spacing:0; }
.ji-intro h1 { font-family:var(--ff-display); font-size:clamp(36px,4.4vw,70px); line-height:1.06; font-weight:600; letter-spacing:-.045em; margin:18px 0 24px; }
.ji-intro h1 span { display:block; }
.ji-link { display:inline-flex; align-items:center; gap:7px; color:var(--c-link); font-size:19px; margin-top:20px; min-height:44px; }
.ji-link:hover { text-decoration:underline; text-underline-offset:4px; }
.ji-link span { font-size:25px; }
.ji-collection { --card-height:clamp(360px,36vw,510px); --card-gap:12px; padding-top:12px; scroll-margin-top:var(--nav-h); }
.ji-collection--videos { --card-height:clamp(300px,28vw,400px); }
.ji-collection--photos { padding-top:0; padding-bottom:48px; }
.ji-track { display:flex; gap:var(--card-gap); overflow-x:auto; overflow-y:hidden; scrollbar-width:none; position:relative; scroll-behavior:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; padding:0; margin:0; }
.ji-track::-webkit-scrollbar { display:none; }
.ji-card { height:var(--card-height); flex:none; position:relative; overflow:hidden; background:var(--c-bg-elevated); }
.ji-card--photo { width:calc(var(--card-height) * .72); }
.ji-card--video { width:calc(var(--card-height) * 1.777778); background:#000; }
.ji-card--portrait { width:calc(var(--card-height) * .5625); }
.ji-media { display:block; width:100%; height:100%; position:relative; color:#fff; -webkit-user-drag:none; }
.ji-media>img { width:100%; height:100%; object-fit:cover; user-select:none; -webkit-user-drag:none; }
.ji-card--photo .ji-media>img { object-position:center 30%; }
.ji-card--video .ji-media>img { object-fit:contain; }
.ji-card--video .ji-media::after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.6)); pointer-events:none; }
.ji-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:68px; height:68px; border-radius:50%; background:#ffffffed; color:#1d1d1f; transition:transform .2s; z-index:1; }
.ji-play svg { width:28px; height:28px; fill:currentColor; margin-left:2px; }
.ji-media:hover .ji-play { transform:translate(-50%,-50%) scale(1.07); }
.ji-card-caption { position:absolute; bottom:26px; left:28px; right:28px; z-index:1; display:flex; align-items:baseline; justify-content:space-between; gap:16px; text-shadow:0 1px 12px #0008; }
.ji-card-caption>span:first-child { font-size:22px; font-weight:600; line-height:1.15; letter-spacing:-.025em; }
.ji-card-caption>span:last-child { font-size:13px; opacity:.85; }
.ji-card--portrait .ji-card-caption { left:20px; right:20px; }
.ji-card--portrait .ji-card-caption>span:first-child { font-size:20px; }
.ji-expand { position:absolute; bottom:20px; right:20px; display:grid; place-items:center; width:36px; height:36px; background:#0005; border-radius:50%; font-size:22px; }
.ji-toolbar { display:flex; justify-content:space-between; align-items:center; width:min(1200px,calc(100% - 64px)); margin:18px auto 0; }
.ji-toolbar[hidden] { display:none; }
.ji-collection-label { margin:0; font-size:14px; font-weight:400; color:var(--c-text-tertiary); }
.ji-controls { display:flex; align-items:center; gap:10px; }
.ji-control { width:44px; height:44px; padding:10px; display:grid; place-items:center; border-radius:50%; background:var(--c-bg-elevated); }
.ji-control:hover { background:#e8e8ed; }
.ji-control svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ji-toggle { margin-right:10px; }
.ji-toggle svg { fill:currentColor; stroke:none; }
.ji-toggle .ji-resume-icon,.ji-toggle[aria-pressed=true] .ji-pause-icon { display:none; }
.ji-toggle[aria-pressed=true] .ji-resume-icon { display:block; }
.ji-track.is-dragging,.ji-track.is-dragging * { cursor:grabbing; user-select:none; }
@media(pointer:fine) { .ji-track { cursor:grab; } }
.ji-repertoire { width:min(1080px,calc(100% - 96px)); margin:88px auto 0; padding-bottom:88px; }
.ji-repertoire-head { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:40px; }
.ji-repertoire h2 { font:600 clamp(36px,4vw,56px)/1.1 var(--ff-display); letter-spacing:-.035em; }
.ji-repertoire-head .ji-link { font-size:15px; margin:0; }
.ji-song-groups { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.ji-song-groups h3 { font-size:13px; color:var(--c-text-tertiary); font-weight:400; padding-bottom:15px; }
.ji-song-groups li { display:flex; gap:22px; align-items:baseline; padding:19px 0; border-top:1px solid var(--c-border); font:500 21px/1.35 var(--ff-display); letter-spacing:-.02em; }
.ji-song-number { font:400 12px/1.4 var(--ff-text); color:var(--c-text-secondary); letter-spacing:0; }
.ji-booking { text-align:center; padding:68px 24px 62px; background:var(--c-bg-elevated); }
.ji-booking>p { color:var(--c-text-tertiary); font-size:17px; }
.ji-booking .btn { margin-top:24px; }
.ji-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 30px; padding:24px; background:var(--c-bg-elevated); color:var(--c-text-tertiary); font-size:12px; }
.ji-footer a { min-height:32px; display:flex; align-items:center; }
.ji-footer a:hover { text-decoration:underline; }
.ji-page :focus-visible { outline:3px solid #0071e3; outline-offset:-4px; }
.ji-viewer { position:fixed; inset:0; width:100%; max-width:none; height:100dvh; max-height:none; margin:0; padding:70px; background:#080808f5; color:#f5f5f7; border:0; }
.ji-viewer::backdrop { background:#000; }
.ji-viewer[open] { display:flex; align-items:center; justify-content:center; }
.ji-viewer figure { text-align:center; max-width:100%; }
.ji-viewer-media { display:flex; align-items:center; justify-content:center; }
.ji-viewer-media img,.ji-viewer-media video { width:auto; height:auto; max-width:calc(100vw - 140px); max-height:calc(100dvh - 170px); object-fit:contain; }
.ji-viewer-media video { width:min(1120px,calc(100vw - 140px)); }
.ji-viewer figcaption { margin-top:16px; font-size:14px; }
.ji-fallback { display:inline-block; font-size:12px; color:#a1a1a6; margin-top:10px; text-decoration:underline; text-underline-offset:3px; }
.ji-fallback[hidden] { display:none; }
.ji-viewer>button { position:absolute; width:44px; height:44px; padding:0; border-radius:50%; background:#ffffff20; color:#fff; font-size:30px; line-height:1; }
.ji-viewer-close { top:20px; right:20px; }
.ji-viewer-prev { top:50%; left:16px; }
.ji-viewer-next { top:50%; right:16px; }
.ji-viewer :focus-visible { outline:3px solid #2997ff; outline-offset:3px; }
@media(max-width:734px) {
  .ji-hero { height:auto; display:flex; flex-direction:column; }
  .ji-hero>picture { order:2; position:relative; display:block; width:100%; height:580px; flex:none; margin-top:-16px; }
  .ji-hero-photo { top:0; bottom:auto; height:100%; object-position:center 22%; mask-image:linear-gradient(transparent,#000 14%); }
  .ji-intro { height:auto; width:100%; padding:34px 20px 0; justify-content:flex-start; align-items:center; text-align:center; }
  .ji-intro>p:first-child { font-size:16px; }
  .ji-intro h1 { font-size:clamp(34px,8.7vw,52px); margin:12px 0; max-width:100%; }
  .ji-link { font-size:17px; margin-top:12px; }
  .ji-collection { --card-height:430px; --card-gap:8px; }
  .ji-collection--videos { --card-height:320px; }
  .ji-card--photo { width:78vw; }
  .ji-card--video { width:88vw; }
  .ji-card--portrait { width:calc(var(--card-height) * .5625); }
  .ji-card-caption { left:20px; right:20px; bottom:22px; }
  .ji-card-caption>span:first-child { font-size:20px; }
  .ji-play { width:56px; height:56px; }
  .ji-toolbar { width:calc(100% - 40px); margin-top:14px; }
  .ji-controls { gap:6px; }
  .ji-toggle { margin-right:6px; }
  .ji-repertoire { width:calc(100% - 40px); margin-top:60px; padding-bottom:52px; }
  .ji-repertoire-head { display:block; margin-bottom:26px; }
  .ji-repertoire-head .ji-link { margin-top:8px; }
  .ji-song-groups { grid-template-columns:1fr; gap:32px; }
  .ji-song-groups li { font-size:20px; padding:16px 0; }
  .ji-booking { padding:54px 20px 48px; }
  .ji-booking>p { font-size:15px; }
  .ji-viewer { padding:65px 8px 80px; }
  .ji-viewer-media img,.ji-viewer-media video { max-width:calc(100vw - 16px); max-height:calc(100dvh - 200px); }
  .ji-viewer-media video { width:calc(100vw - 16px); }
  .ji-viewer-prev,.ji-viewer-next { top:auto; bottom:20px; }
  .ji-viewer figcaption { padding:0 12px; }
}
@media(prefers-reduced-motion:reduce) { .ji-page * { transition:none!important; } }