.projects-bento{--paper-dark:#1a1816;--serif:"Fraunces","Times New Roman",serif;--sans:"Poppins",system-ui,sans-serif;--easing:cubic-bezier(.2,.8,.2,1);max-width:1440px;font-family:var(--sans);margin:0 auto;padding:56px 28px 96px}@media (max-width:880px){.projects-bento{padding:36px 16px 72px}}.projects-bento .head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.projects-bento .head .left .eb{letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:14px;font-size:11px;font-weight:500}.projects-bento .head h1{font-family:var(--sans);letter-spacing:-.015em;max-width:22ch;color:var(--ink);font-size:clamp(38px,4.8vw,64px);font-weight:300;line-height:1.08}.projects-bento .head h1 em{font-family:var(--serif);color:var(--cyan-deep);font-size:1.06em;font-style:italic;font-weight:500}.projects-bento .head .right{text-align:right;letter-spacing:.04em;color:var(--mute);white-space:nowrap;padding-bottom:6px;font-size:12px}.projects-bento .head .right strong{color:var(--ink);font-weight:500}@media (max-width:720px){.projects-bento .head{flex-direction:column;align-items:flex-start}.projects-bento .head .right{text-align:left}}.projects-bento .filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0 28px;padding:20px 0}.projects-bento .filters-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects-bento .filters-poles{gap:28px}.projects-bento .filters-poles button{font-family:var(--serif);letter-spacing:-.01em;text-transform:none;color:var(--mute);cursor:pointer;transition:color .35s var(--easing),border-color .35s var(--easing);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:4px 0;font-size:22px;font-weight:400;position:relative}.projects-bento .filters-poles button:hover{color:var(--ink)}.projects-bento .filters-poles button.active{color:var(--ink);font-style:italic}.projects-bento .filters-poles button.active:after{content:"";background:var(--cyan-deep);height:1px;position:absolute;bottom:-1px;left:0;right:0}.projects-bento .filters-poles button .count{font-family:var(--serif);color:var(--mute);opacity:.7;vertical-align:baseline;margin-left:6px;font-size:12px;font-style:italic;font-weight:400}.projects-bento .filters-poles button.active .count{color:var(--cyan-deep);opacity:1}.projects-bento .filters-livrables{opacity:0;max-height:0;transition:max-height .4s var(--easing),opacity .3s ease,margin-top .4s var(--easing);margin-top:0;overflow:hidden}.projects-bento .filters-livrables.is-open{opacity:1;max-height:200px;margin-top:14px}.projects-bento .filters-livrables .label{letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-right:4px;font-size:10px;font-weight:500}.projects-bento .filters-livrables button{font-family:var(--sans);letter-spacing:.06em;color:var(--mute);border:1px dashed var(--line);cursor:pointer;transition:all .3s var(--easing);background:0 0;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:400}.projects-bento .filters-livrables button:hover{border-color:var(--ink-2);color:var(--ink-2);border-style:solid}.projects-bento .filters-livrables button.active{background:var(--cyan);color:var(--ink);border-color:var(--cyan);border-style:solid}.projects-bento .filters-livrables .group{flex-wrap:wrap;align-items:center;gap:8px;display:none}.projects-bento .filters-livrables .group.is-active{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(--paper-2);color:var(--ink);cursor:pointer;will-change:transform,opacity;border-radius:12px;transition:opacity .4s;position:relative;overflow:hidden}.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:#efece5;position:absolute;inset:0;overflow:hidden}.projects-bento .cell.has-image .imgwrap img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--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(--easing);position:absolute;top:22px;left:22px;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:.9;font-size:10px;font-weight:500}.projects-bento .cell.has-image:after{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 100%);transition:opacity .5s;position:absolute;inset:50% 0 0}.projects-bento .cell.has-image:hover:after{opacity:1}.projects-bento .cell.has-image .legend{z-index:2;color:#fff;opacity:0;transition:opacity .5s ease,transform .6s var(--easing);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:20px;left:22px;right:22px;transform:translateY(10px)}.projects-bento .cell.has-image:hover .legend{opacity:1;transform:translateY(0)}.projects-bento .cell.has-image .legend .l-title{font-family:var(--serif);font-size:clamp(22px,2vw,32px);font-style:italic;font-weight:500;line-height:1}.projects-bento .cell.has-image .legend .arrow{font-family:var(--serif);transition:transform .4s var(--easing);font-size:22px;font-style:italic}.projects-bento .cell.has-image:hover .arrow{transform:translate(8px)}.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:#efece5;position:relative;overflow:hidden}.projects-bento .cell.split .imgwrap img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--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(--paper-2);flex-direction:column;justify-content:space-between;gap:20px;padding:32px 30px;display:flex}.projects-bento .cell.split.split-image-right .body{order:1}.projects-bento .cell.split .body.is-dark{color:#f5f3ee}.projects-bento .cell.split .body.is-light{color:#171717}.projects-bento .cell.split .body .sector{letter-spacing:.22em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:500}.projects-bento .cell.split .body .name{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(28px,2.4vw,44px);font-style:italic;font-weight:500;line-height:1}.projects-bento .cell.split .body .tags{opacity:.75;font-size:13px;line-height:1.7}.projects-bento .cell.split .body .cta{letter-spacing:.22em;text-transform:uppercase;opacity:.85;transition:opacity .3s,gap .4s var(--easing);align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.projects-bento .cell.split .body .cta:after{content:"→";font-family:var(--serif);letter-spacing:0;text-transform:none;transition:transform .4s var(--easing);font-size:16px;font-style:italic;font-weight:500}.projects-bento .cell.split:hover .body .cta{opacity:1}.projects-bento .cell.split:hover .body .cta:after{transform:translate(8px)}.projects-bento .cell.intro{color:#171717;background:#ece7d8;flex-direction:column;justify-content:space-between;gap:18px;padding:32px;display:flex}.projects-bento .cell.intro .big{font-family:var(--serif);font-size:clamp(20px,1.7vw,28px);font-weight:400;line-height:1.15}.projects-bento .cell.intro .big em{color:#1ac8b0;font-style:italic;font-weight:500}.projects-bento .cell.intro .small{opacity:.7;font-size:13px;line-height:1.7}.projects-bento .cell.intro .cta{letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.projects-bento .cell.intro .cta:after{content:"→";font-family:var(--serif);letter-spacing:0;text-transform:none;transition:transform .4s var(--easing);font-size:16px;font-style:italic;font-weight:500}.projects-bento .cell.intro:hover .cta:after{transform:translate(6px)}.projects-bento .cell.contact{color:#faf9f5;cursor:pointer;transition:background .4s var(--easing);background:#1a1816;flex-direction:column;justify-content:space-between;gap:18px;padding:32px;display:flex}.projects-bento .cell.contact:hover{background:#232120}.projects-bento .cell.contact .big{font-family:var(--serif);font-size:clamp(22px,1.8vw,32px);font-weight:400;line-height:1.1}.projects-bento .cell.contact .big em{color:#3cebd2;font-style:italic}.projects-bento .cell.contact .mail{opacity:.85;align-items:center;gap:8px;margin-top:8px;font-size:14px;transition:gap .4s;display:inline-flex}.projects-bento .cell.contact .mail:after{content:"→";font-family:var(--serif);transition:transform .4s var(--easing);font-style:italic}.projects-bento .cell.contact:hover .mail:after{transform:translate(8px)}.projects-bento .featured-dot{background:var(--cyan);z-index:3;border-radius:50%;width:6px;height:6px;animation:2.4s infinite projects-bento-pulse;position:absolute;top:14px;right:14px;box-shadow:0 0 #3cebd280}@keyframes projects-bento-pulse{0%{box-shadow:0 0 #3cebd280}70%{box-shadow:0 0 0 8px #3cebd200}to{box-shadow:0 0 #3cebd200}}.projects-bento .foot{border-top:1px solid var(--line);color:var(--mute);justify-content:space-between;margin-top:60px;padding-top:22px;font-size:13px;display:flex}@media (max-width:720px){.projects-bento .foot{flex-direction:column;gap:8px}}