/* =========================================================================
   works — Figma 1053:1685 "Works" · mobile 969:918
   black · radial glow + giant outline "Works" behind the title · 2-col grid
   (911 VIP | בשביל הזהב / Vitorio Divani full width / ד"ר גוברין | Technolite).
   ========================================================================= */
.works{position:relative;isolation:isolate;padding:106px 0 110px;background:#000;color:var(--white);overflow:hidden}
.works::before{content:"";position:absolute;z-index:-2;top:-35px;left:calc(50% - 32px);width:1112px;height:1112px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(23,109,222,.5),rgba(23,109,222,0))}
.works__ghost{position:absolute;z-index:-1;top:150px;left:50%;width:1150px;transform:translateX(-50%);pointer-events:none}
.works__title{margin-bottom:86px;line-height:1.05;letter-spacing:-1px}
.works__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 20px}
.work{display:flex;flex-direction:column;border:1px solid var(--grey-line);border-radius:10px;background:rgba(255,255,255,.1);overflow:hidden}
.work__name{display:flex;align-items:center;height:76px;padding:0 29px;font-size:30px;line-height:40px;font-weight:400}
.work__media{display:block;height:448px;border-top:1px solid var(--grey-line);border-radius:0 0 10px 10px}
.work:hover,.work:focus-visible{border-color:#8484f4}
.work:hover img,.work:focus-visible img{transform:scale(1.04)}
.work--wide{grid-column:1 / -1;border:2px solid #8484f4;border-radius:20px;background:linear-gradient(180deg,rgba(56,56,255,.1) 34.658%,rgba(255,255,255,.1) 99.933%)}
.work--wide .work__name{height:129px;padding:0 60px;font-size:44px}
.work--wide .work__media{height:931px;border-top:2px solid #54547e;border-radius:0 0 20px 20px}
.works__more{display:flex;justify-content:center;margin-top:77px}

@media (max-width:1480px){
  .work__media{height:auto;padding-bottom:60.5%}
  .work--wide .work__media{height:auto;padding-bottom:62%}
  .work--wide .work__name{height:104px;font-size:38px}
}
@media (max-width:1100px){
  .works{padding:88px 0 88px}
  .works__ghost{width:820px;top:120px}
  .works__title{margin-bottom:56px}
  .works__grid{gap:24px 16px}
  .work__name{height:64px;padding:0 20px;font-size:24px}
  .work--wide .work__name{height:80px;padding:0 28px;font-size:32px}
}
@media (max-width:800px){
  .works{padding:56px 0 64px}
  .works::before{width:600px;height:600px}
  .works__ghost{width:380px;top:70px}
  .works__title{margin-bottom:32px}
  .works__grid{grid-template-columns:1fr;gap:16px}
  .work__name{justify-content:center;height:56px;font-size:21px}
  .work__media{padding-bottom:62%}
  .work--wide{border-width:1px;border-radius:10px}
  .work--wide .work__name{height:56px;padding:0 20px;font-size:21px}
  .work--wide .work__media{padding-bottom:62%;border-top-width:1px;border-radius:0 0 10px 10px}
  .works__more{margin-top:36px}
}