.projects-bento{--pb-card:var(--card);--pb-card-2:#11144d;--pb-text:var(--foreground);--pb-mute:var(--muted-foreground);--pb-line:var(--border);--pb-accent:var(--mint);--pb-accent-2:var(--brand);--pb-easing:cubic-bezier(.2, .8, .2, 1);max-width:1280px;font-family:var(--font-sans);margin:0 auto;padding:8px 20px 96px}@media (min-width:768px){.projects-bento{padding-inline:32px}}@media (max-width:880px){.projects-bento{padding:8px 16px 72px}}.projects-bento .filters{border-top:1px solid var(--pb-line);border-bottom:1px solid var(--pb-line);margin:0 0 28px;padding:20px 0}.projects-bento .filters-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects-bento .filters-types{gap:18px}.projects-bento .filters-types button{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--pb-mute);cursor:pointer;transition:color .35s var(--pb-easing);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:4px 0;font-size:15px;font-weight:700;position:relative}.projects-bento .filters-types button:hover,.projects-bento .filters-types button.active{color:var(--pb-text)}.projects-bento .filters-types button.active:after{content:"";background:var(--pb-accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.projects-bento .filters-types button .count{color:var(--pb-mute);opacity:.7;vertical-align:baseline;margin-left:6px;font-size:12px;font-weight:500}.projects-bento .filters-types button.active .count{color:var(--pb-accent);opacity:1}.projects-bento .filters-services{opacity:0;max-height:0;transition:max-height .4s var(--pb-easing), opacity .3s ease, margin-top .4s var(--pb-easing);margin-top:0;overflow:hidden}.projects-bento .filters-services.is-open{opacity:1;max-height:200px;margin-top:16px}.projects-bento .filters-services .label{letter-spacing:.22em;text-transform:uppercase;color:var(--pb-mute);margin-right:4px;font-size:10px;font-weight:600}.projects-bento .filters-services button{font-family:var(--font-sans);letter-spacing:.04em;color:var(--pb-mute);border:1px solid var(--pb-line);cursor:pointer;transition:all .3s var(--pb-easing);background:0 0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:500}.projects-bento .filters-services button:hover{border-color:var(--pb-accent);color:var(--pb-text)}.projects-bento .filters-services button.active{background:var(--pb-accent);color:var(--accent-foreground);border-color:var(--pb-accent)}.projects-bento .filters-services .group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects-bento .grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:240px;grid-auto-flow:dense;gap:14px;display:grid}@media (max-width:1100px){.projects-bento .grid{grid-auto-rows:220px;gap:12px}}@media (max-width:780px){.projects-bento .grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:10px}}@media (max-width:480px){.projects-bento .grid{grid-template-columns:1fr;grid-auto-rows:240px}}.projects-bento .cell{background:var(--pb-card);color:var(--pb-text);cursor:pointer;will-change:transform, opacity;border:1px solid var(--pb-line);border-radius:16px;transition:opacity .4s,border-color .3s;position:relative;overflow:hidden}.projects-bento .cell:hover{border-color:color-mix(in srgb, var(--pb-accent) 45%, transparent)}.projects-bento .cell.is-hidden{display:none!important}.projects-bento .cell.s4{grid-column:span 4}.projects-bento .cell.s6{grid-column:span 6}.projects-bento .cell.s8{grid-column:span 8}.projects-bento .cell.s10{grid-column:span 10}.projects-bento .cell.s12{grid-column:span 12}.projects-bento .cell.h2{grid-row:span 2}@media (max-width:780px){.projects-bento .cell.s4{grid-column:span 3}.projects-bento .cell.s6,.projects-bento .cell.s8,.projects-bento .cell.s10,.projects-bento .cell.s12{grid-column:span 6}}@media (max-width:480px){.projects-bento .cell.s4,.projects-bento .cell.s6,.projects-bento .cell.s8,.projects-bento .cell.s10,.projects-bento .cell.s12{grid-column:span 1}.projects-bento .cell.h2{grid-row:span 1}.projects-bento .cell.split{grid-row:span 2;grid-template-rows:1.1fr 1fr;grid-template-columns:1fr!important}.projects-bento .cell.split.split-image-right .imgwrap{order:1}.projects-bento .cell.split.split-image-right .body{order:2}}.projects-bento .cell.has-image .imgwrap{background:var(--pb-card-2);position:absolute;inset:0;overflow:hidden}.projects-bento .cell.has-image .imgwrap img{object-fit:cover;transition:transform 1.1s var(--pb-easing)}.projects-bento .cell.has-image:hover .imgwrap img{transform:scale(1.06)}.projects-bento .cell.has-image .meta-top{z-index:2;opacity:0;transition:opacity .4s ease, transform .5s var(--pb-easing);position:absolute;top:20px;left:20px;transform:translateY(-6px)}.projects-bento .cell.has-image:hover .meta-top{opacity:1;transform:translateY(0)}.projects-bento .cell.has-image .meta-top .sector{letter-spacing:.22em;text-transform:uppercase;color:#fff;opacity:.95;font-size:10px;font-weight:600}.projects-bento .cell.has-image:after{content:"";z-index:1;opacity:.55;pointer-events:none;background:linear-gradient(#0000 35%,#040633d9 100%);transition:opacity .5s;position:absolute;inset:0}.projects-bento .cell.has-image:hover:after{opacity:1}.projects-bento .cell.has-image .legend{z-index:2;color:#fff;transition:transform .6s var(--pb-easing);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.projects-bento .cell.has-image:hover .legend{transform:translateY(-2px)}.projects-bento .cell.has-image .legend .l-title{font-family:var(--font-sans);letter-spacing:-.015em;font-size:clamp(18px,1.6vw,26px);font-weight:700;line-height:1.1}.projects-bento .cell.has-image .legend .arrow{opacity:0;transition:opacity .4s ease, transform .4s var(--pb-easing);font-size:20px;transform:translate(-6px,6px)}.projects-bento .cell.has-image:hover .arrow{opacity:1;transform:translate(0)}.projects-bento .cell.split{padding:0;display:grid}.projects-bento .cell.split.split-image-left,.projects-bento .cell.split.split-image-right{grid-template-columns:1fr 1fr}.projects-bento .cell.split.s6.split-image-left{grid-template-columns:1.1fr 1fr}.projects-bento .cell.split.s6.split-image-right{grid-template-columns:1fr 1.1fr}.projects-bento .cell.split.s8.split-image-left{grid-template-columns:1.2fr 1fr}.projects-bento .cell.split.s8.split-image-right{grid-template-columns:1fr 1.2fr}.projects-bento .cell.split .imgwrap{background:var(--pb-card-2);position:relative;overflow:hidden}.projects-bento .cell.split .imgwrap img{object-fit:cover;transition:transform 1.1s var(--pb-easing)}.projects-bento .cell.split:hover .imgwrap img{transform:scale(1.05)}.projects-bento .cell.split.split-image-right .imgwrap{order:2}.projects-bento .cell.split .body{background:var(--pb-card);flex-direction:column;justify-content:space-between;gap:18px;padding:30px 28px;display:flex}.projects-bento .cell.split.split-image-right .body{order:1}.projects-bento .cell.split .body .sector{letter-spacing:.22em;text-transform:uppercase;color:var(--pb-accent);font-size:10px;font-weight:600}.projects-bento .cell.split .body .name{font-family:var(--font-sans);letter-spacing:-.02em;font-size:clamp(22px,2vw,34px);font-weight:700;line-height:1.05}.projects-bento .cell.split .body .tags{color:var(--pb-mute);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.projects-bento .cell.split .body .cta{letter-spacing:.2em;text-transform:uppercase;color:var(--pb-text);transition:gap .4s var(--pb-easing);align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.projects-bento .cell.split .body .cta:after{content:"→";letter-spacing:0;transition:transform .4s var(--pb-easing);font-size:15px}.projects-bento .cell.split:hover .body .cta:after{transform:translate(8px)}.projects-bento .cell.intro{background:var(--secondary);flex-direction:column;justify-content:space-between;gap:18px;padding:30px;display:flex}.projects-bento .cell.intro .big{font-family:var(--font-sans);letter-spacing:-.01em;font-size:clamp(19px,1.6vw,26px);font-weight:700;line-height:1.15}.projects-bento .cell.intro .big em{color:var(--pb-accent);font-style:normal}.projects-bento .cell.intro .small{color:var(--pb-mute);font-size:13px;line-height:1.7}.projects-bento .cell.intro .cta{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.projects-bento .cell.intro .cta:after{content:"→";transition:transform .4s var(--pb-easing);font-size:15px}.projects-bento .cell.intro:hover .cta:after{transform:translate(6px)}.projects-bento .cell.contact{background:linear-gradient(140deg, var(--brand) 0%, #2a0a8f 60%, #0a0c40 100%);color:#fff;border-color:#0000;flex-direction:column;justify-content:space-between;gap:18px;padding:30px;display:flex}.projects-bento .cell.contact .big{font-family:var(--font-sans);letter-spacing:-.01em;font-size:clamp(22px,1.8vw,30px);font-weight:700;line-height:1.1}.projects-bento .cell.contact .big em{color:var(--mint);font-style:normal}.projects-bento .cell.contact .mail{opacity:.9;align-items:center;gap:8px;margin-top:8px;font-size:14px;transition:gap .4s;display:inline-flex}.projects-bento .cell.contact .mail:after{content:"→";transition:transform .4s var(--pb-easing)}.projects-bento .cell.contact:hover .mail:after{transform:translate(8px)}.projects-bento .featured-dot{background:var(--mint);z-index:3;border-radius:50%;width:7px;height:7px;animation:2.4s infinite projects-bento-pulse;position:absolute;top:14px;right:14px;box-shadow:0 0 #09dcbf80}@keyframes projects-bento-pulse{0%{box-shadow:0 0 #09dcbf80}70%{box-shadow:0 0 0 8px #09dcbf00}to{box-shadow:0 0 #09dcbf00}}.projects-bento .foot{border-top:1px solid var(--pb-line);color:var(--pb-mute);justify-content:space-between;margin-top:48px;padding-top:22px;font-size:13px;display:flex}@media (max-width:720px){.projects-bento .foot{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.projects-bento .featured-dot{animation:none}}