body.jargeh-home-page #projects.section--light{background:#F5F3FF}
body.jargeh-home-page .elementor-element:has(#projects),
body.jargeh-home-page .elementor-element:has(#projects) .elementor-widget-container,
body.jargeh-home-page .elementor-element:has(#projects) .elementor-widget-wrap{
  max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;
}
body.jargeh-home-page #projects .bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
body.jargeh-home-page #projects .bento-card{
  position:relative;border-radius:40px;overflow:hidden;display:flex;flex-direction:column;
  justify-content:flex-end;padding:40px;text-decoration:none;color:#fff;background:#0B0B12;
  border:1px solid rgba(124,58,237,.2);transition:all .5s cubic-bezier(.4,0,.2,1);
  box-shadow:0 2px 8px rgba(124,58,237,.06);min-width:0;
}
body.jargeh-home-page #projects .bento-card:hover{
  transform:translateY(-8px);box-shadow:0 24px 48px rgba(124,58,237,.15);border-color:rgba(124,58,237,.5);color:#fff;
}
body.jargeh-home-page #projects .bento-tall{grid-column:span 7;grid-row:span 2;min-height:600px}
body.jargeh-home-page #projects .bento-small-1,
body.jargeh-home-page #projects .bento-small-2{grid-column:span 5;grid-row:span 1;min-height:288px;padding:32px}
body.jargeh-home-page #projects .bento-wide{
  grid-column:span 12;grid-row:span 1;min-height:380px;flex-direction:row;align-items:center;justify-content:space-between;
}
body.jargeh-home-page #projects .bento-bg{
  position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;
  transition:transform .8s cubic-bezier(.4,0,.2,1);
}
body.jargeh-home-page #projects .bento-card:hover .bento-bg{transform:scale(1.05)}
body.jargeh-home-page #projects .bento-overlay{
  position:absolute;inset:0;z-index:1;opacity:.8;
  background:linear-gradient(180deg,rgba(11,11,18,0) 0%,rgba(11,11,18,.95) 100%);
  transition:opacity .4s ease;
}
body.jargeh-home-page #projects .bento-card:hover .bento-overlay{opacity:1}
body.jargeh-home-page #projects .bento-wide .bento-overlay{
  background:linear-gradient(270deg,rgba(11,11,18,0) 0%,rgba(11,11,18,.95) 80%);
}
body.jargeh-home-page #projects .bento-content{
  position:relative;z-index:2;width:100%;transform:translateY(20px);
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
body.jargeh-home-page #projects .bento-wide .bento-content{max-width:50%;transform:translateX(20px)}
body.jargeh-home-page #projects .bento-card:hover .bento-content{transform:translate(0)}
body.jargeh-home-page #projects .bento-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
body.jargeh-home-page #projects .bento-tag{
  background:rgba(255,255,255,.1);color:#fff;padding:6px 14px;border-radius:9999px;
  font-size:.75rem;font-weight:700;border:1px solid rgba(255,255,255,.2);
}
body.jargeh-home-page #projects .bento-title{
  font-size:1.6rem;font-weight:800;color:#fff;margin:0;line-height:1.4;transition:margin-bottom .4s ease;
}
body.jargeh-home-page #projects .bento-tall .bento-title{font-size:2.2rem}
body.jargeh-home-page #projects .bento-card:hover .bento-title{margin-bottom:12px}
body.jargeh-home-page #projects .bento-desc{
  color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.8;margin:0;
  opacity:0;max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);
}
body.jargeh-home-page #projects .bento-card:hover .bento-desc{opacity:1;max-height:120px}
body.jargeh-home-page #projects .bento-wide .bento-desc{opacity:1;max-height:none}
body.jargeh-home-page #projects .bento-arrow{
  position:absolute;top:32px;left:32px;width:56px;height:56px;border-radius:50%;
  background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;
  color:#fff;border:1px solid rgba(255,255,255,.2);transform:scale(.8) rotate(45deg);
  opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:3;
}
body.jargeh-home-page #projects .bento-card:hover .bento-arrow{
  transform:scale(1) rotate(0);opacity:1;background:#7C3AED;border-color:#7C3AED;
}
body.jargeh-home-page #projects .bento-arrow svg{width:24px;height:24px}
body.jargeh-home-page #projects .bento-mockup{
  width:220px;height:440px;background:#0B0B12;border-radius:32px;border:4px solid rgba(255,255,255,.1);
  box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;position:absolute;transition:transform .7s ease;
}
body.jargeh-home-page #projects .bento-phone-notch{width:100px;height:20px;background:#0B0B12;border-radius:0 0 12px 12px;margin:0 auto}
body.jargeh-home-page #projects .bento-phone-screen{flex:1;border-radius:0 0 28px 28px;min-height:0}
body.jargeh-home-page #projects .bento-tall .bento-mockup{transform:translateY(-40px) rotate(5deg);right:-20px;opacity:.8}
body.jargeh-home-page #projects .bento-tall:hover .bento-mockup{transform:translateY(-60px) rotate(0) scale(1.05);opacity:1}
body.jargeh-home-page #projects .bento-small-1 .bento-mockup{transform:scale(.6) translate(80px,80px) rotate(-15deg);opacity:.6}
body.jargeh-home-page #projects .bento-small-1:hover .bento-mockup{transform:scale(.65) translate(60px,60px) rotate(-10deg);opacity:.8}
body.jargeh-home-page #projects .bento-small-2 .bento-mockup{transform:scale(.6) translate(-80px,80px) rotate(15deg);opacity:.6}
body.jargeh-home-page #projects .bento-small-2:hover .bento-mockup{transform:scale(.65) translate(-60px,60px) rotate(10deg);opacity:.8}
body.jargeh-home-page #projects .bento-wide .bento-mockup{transform:scale(.8) rotate(90deg) translate(-50px,-120px);opacity:.4;left:10%}
body.jargeh-home-page #projects .bento-wide:hover .bento-mockup{transform:scale(.85) rotate(90deg) translate(-70px,-140px);opacity:.7}
@media (max-width:1024px){
  body.jargeh-home-page #projects .bento-grid{display:flex;flex-direction:column}
  body.jargeh-home-page #projects .bento-tall,
  body.jargeh-home-page #projects .bento-small-1,
  body.jargeh-home-page #projects .bento-small-2,
  body.jargeh-home-page #projects .bento-wide{min-height:380px;flex-direction:column;align-items:flex-start;grid-column:auto}
  body.jargeh-home-page #projects .bento-wide .bento-content,
  body.jargeh-home-page #projects .bento-content{max-width:100%;transform:none}
  body.jargeh-home-page #projects .bento-desc{opacity:1;max-height:150px}
  body.jargeh-home-page #projects .bento-title{margin-bottom:12px}
}
@media (hover:none){
  body.jargeh-home-page #projects .bento-desc{opacity:1;max-height:150px}
  body.jargeh-home-page #projects .bento-content{transform:none}
  body.jargeh-home-page #projects .bento-title{margin-bottom:12px}
}