/* Opposite Image Scroll Carousel */
.oisc-section {
    --oisc-panel:#0b0b0b;
    --oisc-muted:#a8a8a8;
    --oisc-accent:#fff;
    --oisc-title-size:42px;
    --oisc-body-size:14px;
    --oisc-eyebrow-size:12px;
    --oisc-gap:12px;
    --oisc-radius:10px;
    --oisc-img-w:120px;
    --oisc-img-h:150px;
    --oisc-section-h:620px;
    --oisc-speed:18s;
    --oisc-font:Inter,Arial,sans-serif;
    box-sizing:border-box;
    width:100%;
    background:var(--oisc-bg,#050505);
    color:var(--oisc-text,#fff);
    font-family:var(--oisc-font);
    overflow:hidden;
}
.oisc-section *{box-sizing:border-box}
.oisc-panel{
    min-height:var(--oisc-section-h);
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,430px);
    gap:clamp(28px,6vw,90px);
    align-items:center;
    padding:55px 0;
    position:relative;
}
.oisc-copy{max-width:590px;z-index:2}
.oisc-eyebrow{
    color:var(--oisc-muted,#a8a8a8);
    font-size:var(--oisc-eyebrow-size);
    letter-spacing:.06em;
    margin-bottom:12px;
    text-transform:none;
}
.oisc-title{
    margin:0 0 15px;
    color:var(--oisc-text,#fff);
    font-size:var(--oisc-title-size);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.035em;
}
.oisc-description{
    color:var(--oisc-muted,#a8a8a8);
    font-size:var(--oisc-body-size);
    line-height:1.65;
    max-width:570px;
    margin:0 0 28px;
}
.oisc-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:30px;
    row-gap:19px;
}
.oisc-feature{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--oisc-text,#fff);
    font-size:calc(var(--oisc-body-size) - 1px);
    line-height:1.35;
}
.oisc-feature-icon{
    width:19px;height:19px;
    flex:0 0 19px;
    display:grid;place-items:center;
    color:var(--oisc-accent,#fff);
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    font-size:9px;
}
.oisc-gallery{
    position:relative;
    height:min(520px,calc(var(--oisc-section-h) - 80px));
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--oisc-gap);
    justify-content:center;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);
}
.oisc-track{
    display:flex;
    flex-direction:column;
    gap:var(--oisc-gap);
    will-change:transform;
    align-self:start;
}
.oisc-track-up{animation:oisc-up var(--oisc-speed) linear infinite}
.oisc-track-down{animation:oisc-down var(--oisc-speed) linear infinite}
.oisc-card{
    width:var(--oisc-img-w);
    height:var(--oisc-img-h);
    flex:0 0 var(--oisc-img-h);
    overflow:hidden;
    border-radius:var(--oisc-radius);
    background:#151515;
    margin:0 auto;
}
.oisc-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:grayscale(100%);
}
.oisc-fade{
    pointer-events:none;
    position:absolute;
    left:0;right:0;
    height:70px;
    z-index:4;
}
.oisc-fade-top{top:0;background:linear-gradient(to bottom,var(--oisc-bg,#050505),transparent)}
.oisc-fade-bottom{bottom:0;background:linear-gradient(to top,var(--oisc-bg,#050505),transparent)}
@keyframes oisc-up{
    from{transform:translateY(0)}
    to{transform:translateY(calc(-1 * (4 * (var(--oisc-img-h) + var(--oisc-gap)))));}
}
@keyframes oisc-down{
    from{transform:translateY(calc(-1 * (4 * (var(--oisc-img-h) + var(--oisc-gap)))))}
    to{transform:translateY(0)}
}
.oisc-section[data-oisc] .oisc-card{box-shadow:0 8px 24px rgba(0,0,0,.24)}
.oisc-section.oisc-no-shadow .oisc-card{box-shadow:none}
@media (max-width:900px){
    .oisc-panel{
        grid-template-columns:1fr;
        min-height:auto;
        padding:50px 0 35px;
        gap:30px;
    }
    .oisc-copy{max-width:none}
    .oisc-gallery{
        width:100%;
        height:var(--oisc-section-h);
        max-height:520px;
        justify-self:center;
    }
}
@media (max-width:640px){
    .oisc-panel{
        width:min(100% - 28px,520px);
        padding:38px 0 26px;
        gap:24px;
    }
    .oisc-title{font-size:clamp(30px,9vw,var(--oisc-title-size));}
    .oisc-description{font-size:13px;line-height:1.55}
    .oisc-features{grid-template-columns:1fr;row-gap:13px}
    .oisc-gallery{
        height:520px;
        grid-template-columns:1fr 1fr;
        gap:8px;
    }
    .oisc-card{
        width:92px;
        height:118px;
        flex-basis:118px;
        border-radius:8px;
    }
    .oisc-track{gap:8px}
    .oisc-fade{height:55px}
}
@media (prefers-reduced-motion:reduce){
    .oisc-track{animation-play-state:paused!important}
}

@keyframes oisc-up-js{
    from{transform:translateY(0)}
    to{transform:translateY(calc(-1 * var(--oisc-loop-distance)))}
}
@keyframes oisc-down-js{
    from{transform:translateY(calc(-1 * var(--oisc-loop-distance)))}
    to{transform:translateY(0)}
}

.oisc-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;padding:12px 20px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:var(--oisc-text,#fff);text-decoration:none;font-size:13px;transition:.2s ease}.oisc-cta:hover{background:var(--oisc-text,#fff);color:var(--oisc-bg,#050505)}
.oisc-edit-trigger{position:fixed;right:22px;bottom:22px;z-index:99998;border:0;border-radius:999px;background:#111;color:#fff;padding:12px 18px;box-shadow:0 8px 30px rgba(0,0,0,.3);cursor:pointer;font-weight:600}.oisc-editor{position:fixed;right:20px;bottom:72px;width:min(420px,calc(100vw - 30px));max-height:min(78vh,760px);overflow:auto;z-index:99999;background:#fff;color:#171717;border:1px solid #ddd;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif}.oisc-editor-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #eee}.oisc-editor-head button{border:0;background:transparent;font-size:25px;cursor:pointer}.oisc-editor-body{padding:15px}.oisc-editor-tabs{display:flex;gap:5px;margin-bottom:15px}.oisc-editor-tabs button{border:1px solid #ddd;background:#f7f7f7;border-radius:7px;padding:8px 12px;cursor:pointer}.oisc-editor-tabs button.active{background:#111;color:#fff}.oisc-tab{display:none}.oisc-tab.active{display:block}.oisc-tab label{display:block;font-size:12px;font-weight:600;margin:10px 0}.oisc-tab input[type=text],.oisc-tab input[type=url],.oisc-tab input[type=number],.oisc-tab textarea{display:block;width:100%;margin-top:5px;border:1px solid #ccc;border-radius:6px;padding:8px;background:#fff;color:#111}.oisc-editor-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oisc-editor-color-grid label{padding:7px;border:1px solid #eee;border-radius:6px}.oisc-editor-color-grid input[type=color]{height:34px;padding:1px}.oisc-editor-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oisc-editor-preview{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 13px;min-height:10px}.oisc-editor-preview img{width:46px;height:46px;object-fit:cover;border-radius:4px}.oisc-editor-actions{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #eee}.oisc-save{border:0;border-radius:7px;background:#111;color:#fff;padding:10px 15px;cursor:pointer}.oisc-save[disabled]{opacity:.6}@media(max-width:640px){.oisc-edit-trigger{right:12px;bottom:12px}.oisc-editor{right:10px;bottom:60px;width:calc(100vw - 20px)}}
@keyframes oisc-up-js{from{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--oisc-loop-distance)))}}@keyframes oisc-down-js{from{transform:translateY(calc(-1 * var(--oisc-loop-distance)))}to{transform:translateY(0)}}