/* ═══════════════════════════════════════════════════════
   LYX Gallery — Scroll styles (1.6.0)
   Split panels · Cinematic frame · Index rail
   Classic (.lyx-scroll--classic) has no rules here and looks
   exactly as before.
   Selectors start with body.lyx-gallery-body so they beat the
   theme guards in gallery.css.
═══════════════════════════════════════════════════════ */

.lyx-scroll-shell{width:100%;background:#0a0a0a}
.lyx-scroll-num{display:none}

/* Shared by the three new styles ───────────────────── */
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-num,
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-num,
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-num{
    display:block;
    color:#c8a96e;
    font-family:'Poppins',sans-serif;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-image,
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-image,
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-image{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:min(var(--lyx-max-h,640px),85vh);
    margin:0;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-item,
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-item,
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-item{
    border-bottom:0;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-ad,
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-ad,
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-ad{
    background:transparent;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:24px 0;
    min-height:120px;
}

/* ── B · Split panels ─────────────────────────────────── */
body.lyx-gallery-body .lyx-scroll--split{
    max-width:1280px;
    margin:0 auto;
    padding:104px 48px 24px;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-item{
    display:grid;
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    column-gap:72px;
    align-items:center;
    padding-bottom:112px;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-image-wrap{
    background:transparent;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-item:nth-child(even) .lyx-scroll-image-wrap{
    order:2;
    justify-content:flex-start;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-caption-strip{
    background:transparent;
    padding:0;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-caption-inner{
    max-width:440px;
    margin:0;
    gap:22px;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-meta{gap:14px}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-num{
    font-size:clamp(56px,6.5vw,96px);
    font-weight:300;
    line-height:.9;
    letter-spacing:-.03em;
    margin-bottom:4px;
}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-num-total{display:none}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-title{font-size:clamp(24px,2.6vw,34px);line-height:1.15}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-caption{font-size:16px}
body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-ad{
    grid-column:1 / -1;
    order:3;
    margin-top:104px;
}

@media (max-width:900px){
    body.lyx-gallery-body .lyx-scroll--split{padding:56px 16px 8px}
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-item{
        grid-template-columns:minmax(0,1fr);
        row-gap:24px;
        padding-bottom:72px;
    }
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-image-wrap,
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-item:nth-child(even) .lyx-scroll-image-wrap{
        order:0;
        justify-content:center;
    }
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-image{max-height:min(var(--lyx-max-h,640px),70vh)}
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-caption-inner{max-width:none}
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-num{font-size:48px}
    body.lyx-gallery-body .lyx-scroll--split .lyx-scroll-ad{margin-top:56px}
}

/* ── C · Cinematic frame ──────────────────────────────── */
body.lyx-gallery-body .lyx-scroll--cinematic{padding:72px 0 24px}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-item{padding-bottom:96px}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-image-wrap{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#000;
    height:min(var(--lyx-max-h,640px),85vh);
    display:flex;
    align-items:center;
    justify-content:center;
}
/* Blurred, darkened copy of the photo fills the band */
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-image-wrap::before{
    content:"";
    position:absolute;
    inset:-10%;
    z-index:-1;
    background-image:var(--lyx-bg,none);
    background-size:cover;
    background-position:center;
    filter:blur(44px) brightness(.34) saturate(1.25);
}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-image{
    position:relative;
    max-width:calc(100% - 96px);
    max-height:calc(100% - 64px);
    box-shadow:0 30px 80px rgba(0,0,0,.55);
}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-caption-strip{
    background:transparent;
    padding:28px 48px 0;
}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-caption-inner{
    max-width:1200px;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px 56px;
}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-meta{flex:1 1 480px;max-width:760px}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-share{flex:0 1 auto;gap:8px}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-share-btn{padding:6px 12px;font-size:11px}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-num{
    font-size:12px;
    font-weight:500;
    letter-spacing:.16em;
}
body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-ad{
    max-width:1000px;
    margin:80px auto 0;
}

@media (max-width:900px){
    body.lyx-gallery-body .lyx-scroll--cinematic{padding:48px 0 8px}
    body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-item{padding-bottom:64px}
    /* Phones: band hugs the photo instead of a fixed height */
    body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-image-wrap{height:auto;padding:24px 16px}
    body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-image{max-width:100%;max-height:min(var(--lyx-max-h,640px),70vh)}
    body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-caption-strip{padding:20px 16px 0}
    body.lyx-gallery-body .lyx-scroll--cinematic .lyx-scroll-ad{margin:48px 16px 0}
}

/* ── D · Index rail ───────────────────────────────────── */
body.lyx-gallery-body .lyx-scroll--index{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:64px;
    align-items:start;
    max-width:1320px;
    margin:0 auto;
    padding:88px 48px 24px;
}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-gallery{min-width:0}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-item{padding-bottom:104px}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-image-wrap{
    background:#121212;
    display:flex;
    justify-content:center;
    align-items:center;
}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-caption-strip{
    background:transparent;
    padding:22px 0 0;
}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-caption-inner{max-width:720px;margin:0}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-num{
    font-size:13px;
    font-weight:500;
    letter-spacing:.12em;
}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-num-total{display:none}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-share{
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:14px;
    gap:8px;
}
body.lyx-gallery-body .lyx-scroll--index .lyx-share-btn{padding:6px 12px;font-size:11px}
body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-ad{margin-top:88px}

/* Rail */
body.lyx-gallery-body .lyx-rail{
    position:sticky;
    top:96px;
    align-self:start;
    font-family:'Poppins',sans-serif;
}
.lyx-rail-inner{display:flex;flex-direction:column;gap:24px}
.lyx-rail-head{display:flex;flex-direction:column;gap:12px}
body.lyx-gallery-body .lyx-rail-label{
    color:#c8a96e;
    font-size:11px;
    font-weight:500;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.lyx-rail-progress{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:rgba(255,255,255,.6);
}
body.lyx-gallery-body .lyx-rail-current{color:#fff;font-weight:600}
.lyx-rail-bar{flex:1;height:2px;background:rgba(255,255,255,.12);position:relative;margin-left:6px}
.lyx-rail-bar-fill{position:absolute;left:0;top:0;bottom:0;background:#c8a96e;transition:width .3s ease}
body.lyx-gallery-body .lyx-rail-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:2px;
    max-height:max(200px,calc(100vh - 500px));
    overflow-y:auto;
    scrollbar-width:thin;
}
body.lyx-gallery-body .lyx-rail-list li{margin:0;padding:0}
body.lyx-gallery-body .lyx-rail-link{
    display:flex;
    align-items:center;
    gap:14px;
    padding:8px;
    border-radius:8px;
    color:rgba(255,255,255,.6);
    text-decoration:none;
    transition:background .2s,color .2s;
}
body.lyx-gallery-body .lyx-rail-link:hover{background:rgba(255,255,255,.05);color:#fff}
body.lyx-gallery-body .lyx-rail-link.is-active{background:#171717;color:#fff}
body.lyx-gallery-body .lyx-rail-thumb{
    width:56px;
    height:56px;
    object-fit:cover;
    border-radius:4px;
    display:block;
    flex:0 0 56px;
    opacity:.6;
    transition:opacity .2s;
}
body.lyx-gallery-body .lyx-rail-link:hover .lyx-rail-thumb,
body.lyx-gallery-body .lyx-rail-link.is-active .lyx-rail-thumb{opacity:1}
.lyx-rail-text{display:flex;flex-direction:column;gap:2px;min-width:0}
body.lyx-gallery-body .lyx-rail-num{color:#c8a96e;font-size:11px;font-weight:500;letter-spacing:.12em}
body.lyx-gallery-body .lyx-rail-title{
    font-size:14px;
    font-weight:500;
    line-height:1.3;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lyx-rail-ad{min-height:250px;text-align:center}
.lyx-rail-ad .adsbygoogle{display:block;margin:0 auto}

@media (max-width:1000px){
    body.lyx-gallery-body .lyx-scroll--index{
        grid-template-columns:minmax(0,1fr);
        gap:32px;
        padding:40px 16px 8px;
    }
    body.lyx-gallery-body .lyx-rail{position:static}
    body.lyx-gallery-body .lyx-rail-list{
        flex-direction:row;
        max-height:none;
        overflow-x:auto;
        overflow-y:hidden;
        gap:8px;
        padding-bottom:4px;
    }
    body.lyx-gallery-body .lyx-rail-link{flex-direction:column;align-items:flex-start;gap:6px;padding:4px}
    body.lyx-gallery-body .lyx-rail-title{display:none}
    .lyx-rail-ad{display:none}
    body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-item{padding-bottom:64px}
    body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-image{max-height:min(var(--lyx-max-h,640px),70vh)}
    body.lyx-gallery-body .lyx-scroll--index .lyx-scroll-ad{margin-top:48px}
}

@media (prefers-reduced-motion:reduce){
    .lyx-rail-bar-fill,
    body.lyx-gallery-body .lyx-rail-link,
    body.lyx-gallery-body .lyx-rail-thumb{transition:none}
}