.portfolio-wrapper{flex:1;display:flex;flex-direction:column}.year-block{display:flex;flex-direction:column}.filters{display:flex;gap:6px;padding:12px 24px;border-bottom:.5px solid rgba(255,255,255,.05);flex-wrap:wrap;align-items:center}.filters a{font-size:10px;padding:4px 10px;border:.5px solid #6D6E71;color:#7d8893;text-decoration:none;letter-spacing:.08em}.filters a[data-cat=selection]{color:#d4a843;border-color:#d4a843;margin-right:10px}.filters a[data-cat=selection].active{background:#d4a8431f;color:#d4a843;border-color:#d4a843}.filters a[data-cat=""]{color:#e8e8e0;border-color:#ffffff4d;margin-right:6px}.filters a.active{background:#1cc9fe14;color:#1cc9fe;border-color:#1cc9fe66}.filters a.dim:not(.active){color:#4a5258;border-color:#3a4044}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:18.75vw;gap:5px;padding:5px}.item{position:relative;overflow:hidden;cursor:pointer;background:#181818;border-radius:16px;text-decoration:none;color:inherit}.span-8{grid-column:span 8;grid-row:span 2}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.item img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;display:block}.item video{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none;display:block}.item .overlay{position:absolute;inset:0;background:#0000;transition:background .2s;display:flex;flex-direction:column;justify-content:flex-end;padding:10px}.item:hover .overlay{background:#000000a6}.item .info{opacity:0;transform:translateY(4px);transition:all .15s}.item:hover .info{opacity:1;transform:translateY(0)}.item .titre{font-size:16px;font-weight:700;color:#fff;font-family:stenciletta-solid,Barlow Condensed,sans-serif}.item .meta{font-size:11px;color:#7d8893;margin-top:4px}.selection-flat-wrapper{display:none}.global-clients{display:none;overflow:hidden;padding:8px 9px;mask-image:linear-gradient(to right,transparent,black 60px,black calc(100% - 60px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 60px,black calc(100% - 60px),transparent)}.portfolio-wrapper.mode-selection .global-clients{display:block}.portfolio-wrapper.mode-selection .year-sep{display:none}.portfolio-wrapper.mode-selection .grid{padding-bottom:0}.year-sep{display:flex;align-items:center;gap:16px;padding:8px 9px;overflow:hidden}.year-label{position:relative;flex-shrink:0;font-size:48px;font-weight:700;letter-spacing:.04em;line-height:1}.year-left{font-family:stenciletta-left,Barlow Condensed,sans-serif;color:#1cc9fe}.year-right{font-family:stenciletta-right,Barlow Condensed,sans-serif;color:#7d8893;position:absolute;top:0;left:0}.sep-clients{overflow:hidden;flex:1;mask-image:linear-gradient(to right,transparent,black 60px,black calc(100% - 60px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 60px,black calc(100% - 60px),transparent)}.sep-track{display:flex;align-items:center;width:max-content;animation:scroll-clients 28s linear infinite;will-change:transform}.sep-track img{height:14px;width:auto;max-width:80px;min-width:24px;opacity:.5;transition:opacity .2s;flex-shrink:0;margin-right:28px}.sep-track span{margin-right:28px}.sep-track img:hover{opacity:.9}@keyframes scroll-clients{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-clients-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.sep-track-reverse{animation-name:scroll-clients-reverse}.global-clients-bottom{display:none}.portfolio-wrapper.mode-selection .global-clients-bottom{display:block}@media(hover:none){.item .overlay{background:linear-gradient(to top,rgba(0,0,0,.78) 0%,transparent 65%)}.item .info{opacity:1;transform:none}}#back-top{position:fixed;bottom:24px;right:16px;width:40px;height:40px;background:#1cc9fe;color:#0a0a0a;border:none;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s;z-index:200;display:flex;align-items:center;justify-content:center}#back-top.visible{opacity:1;pointer-events:auto}@media(max-width:640px){.filters{padding:8px 16px;gap:5px}.year-sep{padding:5px 9px;gap:10px}.year-label{font-size:28px}.tile{display:none}.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:45vw;grid-auto-flow:row dense;gap:3px;padding:3px}.item{grid-row:span 1!important;border-radius:10px}.span-8,.span-6{grid-column:span 2}.span-4,.span-3,.span-2{grid-column:span 1}.item .titre{font-size:13px}.item .meta{font-size:10px}.selection-flat-grid .item{grid-column:span 1!important}.selection-flat-grid .item.sf-hero{grid-column:span 2!important}}