/* Creative Engineering — Home horizontal showcase 2D-3N */
.ce-showcase{
    --ce-showcase-bg:none;
    position:relative;
    overflow:hidden;
    padding:clamp(42px,6vw,76px) 0;
    background:#0a1d35;
    isolation:isolate;
}
.ce-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:var(--ce-showcase-bg);
    background-size:cover;
    background-position:center;
    z-index:-3;
}
.ce-showcase__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(5,24,45,.94),rgba(5,24,45,.72));
    z-index:-2;
}
.ce-showcase__inner{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,56px);}
.ce-showcase__heading{margin-bottom:26px;color:#fff;}
.ce-showcase__kicker{
    display:inline-flex;align-items:center;gap:10px;
    color:#ff8a2a;font-size:.82rem;font-weight:800;letter-spacing:.16em;
}
.ce-showcase__kicker::before{
    content:"";width:46px;height:4px;border-radius:999px;
    background:linear-gradient(90deg,#ff7a16,#55c7ea);
}
.ce-showcase__heading h2{
    margin:12px 0 0;color:#fff;font-size:clamp(28px,5vw,48px);line-height:1.08;font-weight:800;
}
.ce-showcase__viewport{
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.ce-showcase__viewport::-webkit-scrollbar{display:none;}
.ce-showcase__track{
    display:flex;gap:18px;width:max-content;padding:8px 12px 16px 4px;
    will-change:transform;
}
.ce-showcase__card{
    width:clamp(205px,28vw,285px);
    min-width:clamp(205px,28vw,285px);
    overflow:hidden;border-radius:20px;
    text-decoration:none;background:rgba(255,255,255,.96);
    box-shadow:0 18px 45px rgba(0,0,0,.16);
    border:1px solid rgba(255,255,255,.55);
    transition:transform .25s ease,box-shadow .25s ease;
}
.ce-showcase__card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(0,0,0,.22);}
.ce-showcase__media{height:170px;background:#eef4f8;display:grid;place-items:center;overflow:hidden;}
.ce-showcase__media img{width:100%;height:100%;object-fit:cover;display:block;}
.ce-showcase__placeholder{
    width:74px;height:74px;border-radius:18px;display:grid;place-items:center;
    background:#e8f4fb;color:#0b335e;font-weight:900;font-size:1.3rem;
}
.ce-showcase__copy{padding:18px 18px 20px;display:grid;gap:6px;}
.ce-showcase__copy strong{color:#0b1f36;font-size:1rem;line-height:1.28;}
.ce-showcase__copy span{color:#6b7280;font-size:.86rem;line-height:1.4;}
@media(max-width:640px){
    .ce-showcase{padding:38px 0;}
    .ce-showcase__inner{padding:0 20px;}
    .ce-showcase__card{width:220px;min-width:220px;border-radius:18px;}
    .ce-showcase__media{height:150px;}
    .ce-showcase__track{gap:14px;}
}
@media(prefers-reduced-motion:reduce){
    .ce-showcase__card{transition:none}
}