/* ===== Junglemania · оверлей «Мои работы» (стеклянные окна) ===== */
.works{position:fixed;inset:0;z-index:30;display:flex;justify-content:flex-end;align-items:center;
  padding:0 5vw;pointer-events:none;opacity:0;transition:.45s ease;font-family:'Inter',sans-serif}
.works.open{opacity:1;pointer-events:auto}
.works-backdrop{position:absolute;inset:0;background:rgba(4,9,6,.45);backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);opacity:0;transition:.45s}
.works.open .works-backdrop{opacity:1}
.works-panel{position:relative;z-index:2;width:min(520px,46vw);
  transform:translateX(40px);transition:.5s cubic-bezier(.2,.8,.2,1)}
.works.open .works-panel{transform:translateX(0)}
.works-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 4px}
.works-head .t{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent2,#9BE89A)}
.works-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
  background:rgba(6,13,8,.4);color:var(--ink,#F2FBEF);cursor:pointer;font-size:16px;line-height:1;transition:.2s;
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.works-close:hover{border-color:var(--accent,#6FE36A);color:var(--accent,#6FE36A);transform:rotate(90deg)}
/* сетка: 2 колонки, растёт вниз */
.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* СТЕКЛЯННОЕ ОКНО */
.work-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;
  min-height:150px;padding:20px;border-radius:18px;text-decoration:none;overflow:hidden;
  background:rgba(10,20,12,.30);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 10px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10);
  transition:.3s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}
.work-card::before{content:"";position:absolute;inset:0;border-radius:18px;
  background:linear-gradient(135deg,rgba(111,227,106,.14),transparent 60%);opacity:0;transition:.3s}
.work-card:hover{transform:translateY(-6px);border-color:rgba(111,227,106,.55);
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(111,227,106,.25),inset 0 1px 0 rgba(255,255,255,.16)}
.work-card:hover::before{opacity:1}
.work-card .num{font-family:'Sora',sans-serif;font-size:12px;font-weight:600;color:var(--accent2,#9BE89A);
  letter-spacing:.1em;opacity:.8}
.work-card .name{font-family:'Sora',sans-serif;font-weight:800;font-size:24px;line-height:1.05;margin-top:8px;
  color:var(--ink,#F2FBEF)}
.work-card .desc{font-size:13.5px;color:var(--muted,#BFD6BC);margin-top:6px;line-height:1.45}
.work-card .go{display:flex;align-items:center;gap:8px;margin-top:16px;font-family:'Sora',sans-serif;
  font-weight:600;font-size:13px;color:var(--accent,#6FE36A)}
.work-card .go .arr{transition:.3s;display:inline-block}
.work-card:hover .go .arr{transform:translateX(6px)}
.work-card.soon{cursor:default}
.work-card.soon .go{color:var(--muted,#BFD6BC)}
.work-card.soon:hover{transform:none;border-color:rgba(255,255,255,.16);
  box-shadow:0 10px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10)}
.work-card.soon:hover::before{opacity:0}
@media(max-width:820px){
  .works{justify-content:center;padding:0 16px}
  .works-panel{width:92vw}
}