.lv-portfolio{--wrap:1600px;--pad:clamp(20px, 4vw, 48px);--b1:#101013;--bord:#ffffff17;--pf-haut:clamp(128px, 15vh, 168px);--pf-ecart:clamp(14px, 1.6vw, 26px);z-index:1;background:var(--bg);color:var(--text);position:relative;overflow-x:clip}.lv-portfolio>section,.lv-portfolio>header,.lv-portfolio>nav{z-index:1;background:var(--bg);position:relative}.lv-portfolio:has(.lv-site-footer.ft-on) .pf-cta{border-bottom-right-radius:26px;border-bottom-left-radius:26px}.lv-portfolio .wrap{width:100%;max-width:var(--wrap);padding:0 var(--pad);margin:0 auto}.lv-portfolio .mono{font-family:var(--font-mono)}.lv-portfolio [data-rv]{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 1ms);transform:translateY(22px)}.lv-portfolio [data-rv].vu{opacity:1;transform:none}.lv-portfolio .pf-head{padding:var(--pf-haut) 0 clamp(30px, 4.5vh, 52px)}.lv-portfolio .pastille{border:1px solid var(--bord);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:#ffffff05;border-radius:999px;padding:7px 13px;font-size:10.5px;display:inline-block}.lv-portfolio .pf-title{letter-spacing:-.025em;text-wrap:balance;margin:20px 0 0;font-size:clamp(34px,4.6vw,62px);font-weight:500;line-height:1.05}.lv-portfolio .pf-compte{letter-spacing:.04em;color:var(--lime);vertical-align:super;font-variant-numeric:tabular-nums;margin-left:.34em;font-size:.3em;font-weight:400;top:-.15em}.lv-portfolio .pf-lead{max-width:56ch;color:var(--dim);margin:18px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.62}.lv-portfolio .pf-filtres{flex-wrap:wrap;justify-content:flex-end;gap:10px clamp(20px,2.6vw,40px);margin-top:clamp(24px,3.5vh,40px);display:flex}.lv-portfolio .pf-filtre{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;padding:3px 0;font-size:11px;transition:color .22s;position:relative}.lv-portfolio .pf-filtre:hover,.lv-portfolio .pf-filtre.on{color:var(--text)}.lv-portfolio .pf-filtre:after{content:"";background:var(--lime);transform-origin:0;height:1px;transition:transform .32s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.lv-portfolio .pf-filtre.on:after{transform:none}.lv-portfolio .pf-filtre:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:3px}.lv-portfolio .pf-grille-sec{padding-bottom:clamp(64px,9vh,120px)}.lv-portfolio .pf-grille{--pf-p:0;--pf-derive:0px;align-items:start;gap:var(--pf-ecart);padding-bottom:var(--pf-derive);grid-template-columns:repeat(3,1fr);display:grid}.lv-portfolio .pf-col{gap:var(--pf-ecart);transform:translate3d(0, calc(var(--pf-p) * var(--k,0) * var(--pf-derive)), 0);will-change:transform;flex-direction:column;display:flex}.lv-portfolio .pf-tuile{color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.lv-portfolio .pf-tuile[data-rv].vu{transition:opacity .34s,transform .7s cubic-bezier(.2,.7,.2,1)}.lv-portfolio .pf-visuel{background:var(--b1);border-radius:12px;width:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:block;position:relative;overflow:hidden;transform:translateZ(0)}.lv-portfolio .pf-visuel img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.lv-portfolio .pf-fleche{background:var(--lime);color:#0a0a0a;opacity:0;border-radius:999px;place-items:center;width:30px;height:30px;transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:12px;right:12px;transform:translate(-4px,4px)}.lv-portfolio .pf-tuile:hover .pf-visuel,.lv-portfolio .pf-tuile:focus-visible .pf-visuel{transform:translateY(-4px)}.lv-portfolio .pf-tuile:hover .pf-visuel img,.lv-portfolio .pf-tuile:focus-visible .pf-visuel img{transform:scale(1.035)}.lv-portfolio .pf-tuile:hover .pf-fleche,.lv-portfolio .pf-tuile:focus-visible .pf-fleche{opacity:1;transform:none}.lv-portfolio .pf-tuile:focus-visible{outline:none}.lv-portfolio .pf-tuile:focus-visible .pf-visuel{outline:2px solid var(--lime);outline-offset:3px}.lv-portfolio .pf-ombre{display:none}@media (hover:hover) and (pointer:fine) and (min-width:641px){.lv-portfolio .pf-ombre{z-index:2;pointer-events:none;opacity:0;height:100vh;margin-bottom:-100vh;transition:opacity .35s;display:block;position:sticky;top:0;overflow:hidden}.lv-portfolio .pf-grille-sec:has(.pf-grille:hover) .pf-ombre{opacity:1;transition-duration:.7s}.lv-portfolio .pf-ombre-trou{will-change:transform;background:radial-gradient(clamp(380px,34vw,620px),#06060700 0% 30%,#06060738 58%,#0606078c 100%);width:200%;height:200%;position:absolute;top:0;left:0}}.lv-portfolio .pf-grille:has(.pf-tuile:focus-visible) .pf-tuile.vu:not(:focus-visible){opacity:.45}.lv-portfolio .pf-legende{flex-direction:column;gap:3px;padding:0 2px;display:flex}.lv-portfolio .pf-ligne{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.lv-portfolio .pf-nom{letter-spacing:-.01em;font-size:clamp(15px,1.15vw,17px);font-weight:500}.lv-portfolio .pf-an{color:#ffffff42;letter-spacing:.08em;font-variant-numeric:tabular-nums;flex:none;font-size:10.5px}.lv-portfolio .pf-tag{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}.lv-portfolio .pf-vide{color:var(--dim);text-align:center;padding:clamp(48px,8vh,90px) 0}.lv-portfolio .pf-cta{border-top:1px solid var(--bord);text-align:center;padding:clamp(72px,11vh,140px) 0}.lv-portfolio .pf-cta h2{letter-spacing:-.025em;font-size:clamp(28px,3.6vw,46px);font-weight:500}.lv-portfolio .pf-cta p{color:var(--dim);margin:16px auto 28px;line-height:1.6}.lv-portfolio .pf-cta p span{display:block}@media (max-width:1100px){.lv-portfolio .pf-grille{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.lv-portfolio .pf-grille{grid-template-columns:1fr;padding-bottom:0}.lv-portfolio .pf-col{will-change:auto;transform:none}.lv-portfolio .pf-filtres{margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:2px var(--pad);scrollbar-width:none;scroll-padding:var(--pad);overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.lv-portfolio .pf-filtres::-webkit-scrollbar{display:none}.lv-portfolio .pf-fleche{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lv-portfolio [data-rv],.lv-portfolio [data-rv].vu{opacity:1;transition:none;transform:none}.lv-portfolio .pf-col{transform:none}.lv-portfolio .pf-visuel,.lv-portfolio .pf-visuel img,.lv-portfolio .pf-fleche{transition:none}.lv-portfolio .pf-tuile:hover .pf-visuel,.lv-portfolio .pf-tuile:hover .pf-visuel img{transform:none}.lv-portfolio .pf-tuile[data-rv].vu{transition:opacity .34s}}