.dot{width:12px;height:12px;border-radius:9999px;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 6px 14px rgba(42,120,233,.4);display:inline-block;margin-right:12px;transform:translateY(2px)}

section#prace{padding:56px 0 100px;background:linear-gradient(180deg,#eaf5fb 0%, #e7f1f8 100%)}

.work-wrap{position:relative}

.section-kicker{font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:10px;color:#0f172a}

.work-shell{
  position:relative;
  border-radius:32px;
  padding:24px 56px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 36px rgba(15,30,60,.12),0 6px 12px rgba(15,30,60,.08);
  overflow:visible;
}

.work-slider{
  display:flex; gap:32px;
  overflow-x:auto; scroll-behavior:smooth;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}

.work-slider::-webkit-scrollbar{display:none}

.work-card{
  flex:0 0 78%; max-width:78%;
  border-radius:28px;
  position:relative; height:460px;
  background:#dfe9f7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 26px 60px rgba(15,30,60,.18);
  overflow:hidden; scroll-snap-align:start;
}

@media (min-width: 900px){
  .work-card{flex-basis:48%;max-width:48%}

}
.work-card .bg{position:absolute; inset:0; background-size:cover; background-position:center; filter:contrast(1.02) saturate(1.02)}

.work-card .shade{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(0deg, rgba(10,15,25,.65) 0%, rgba(10,15,25,0) 100%)}

.work-card .meta{position:absolute;left:20px;right:20px;bottom:18px;color:#0b0f1a;display:flex;flex-direction:column;gap:12px}

.glass{align-self:flex-start;background:rgba(255,255,255,.92);padding:10px 16px;border-radius:14px;font-weight:800;box-shadow:0 10px 24px rgba(15,30,60,.18)}

.chips{display:flex;gap:10px;flex-wrap:wrap}

.chip{background:rgba(255,255,255,.86);border:1px solid rgba(0,0,0,.06);padding:10px 14px;border-radius:14px;font-weight:700}

.slide-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:54px;height:54px;border-radius:9999px;border:0;background:#fff;
  display:grid;place-items:center;font-size:20px;cursor:pointer;
  box-shadow:0 18px 40px rgba(15,30,60,.18),0 6px 12px rgba(15,30,60,.10);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  z-index:3;
}

.slide-btn:hover{transform:translateY(-50%) scale(1.04);box-shadow:0 22px 50px rgba(15,30,60,.22),0 10px 18px rgba(15,30,60,.12)}

@media (max-width: 680px){
  .work-shell{padding:18px 44px}

.slide-prev{left:-18px}
.slide-next{right:-18px}
@media (max-width: 900px){
  .slide-prev{left:-10px}
  .slide-next{right:-10px}
}