.phero.phero-v{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,70px);align-items:center}.phero-v .ph1{font-size:clamp(42px,6.6vw,84px)}.phero-vis{position:relative;min-height:380px}@media(max-width:900px){.phero.phero-v{grid-template-columns:minmax(0,1fr)}.phero-vis{min-height:0}}.vruban{position:relative;z-index:3;overflow:hidden;padding:14px 0 12px;rotate:-1.2deg;margin:-22px -2vw 0;width:calc(100% + 4vw);box-shadow:0 0 0 2px #222d43}.vruban.vr-cuivre{background:#d69166;color:#222d43}.vruban.vr-marine{background:#222d43;color:#fffdf8;box-shadow:0 0 0 3px #fffdf8,0 0 0 5px #222d43}.vruban.vr-creme{background:#fffdf8;color:#222d43}.vr-rail{display:flex;width:max-content;animation:vrDefile 46s linear infinite}.vr-run{display:flex;align-items:center;flex:0 0 auto}.vr-m{font:700 clamp(26px,3vw,34px)/1 "Caveat",cursive;padding:0 22px;white-space:nowrap}.vr-s{font-size:20px;color:#fffdf8}.vr-marine .vr-s,.vr-creme .vr-s{color:#d69166}@keyframes vrDefile{to{transform:translate(-50%)}}.vperso{position:absolute;display:block;pointer-events:none;z-index:4;line-height:0}@media(max-width:760px){.vperso.hide-m{display:none}}.vtape{position:absolute;top:-13px;left:50%;width:92px;height:26px;margin-left:-46px;background:#eed2bbd1;box-shadow:0 1px 2px #0000002e;rotate:-3deg;z-index:2}.vtape:before,.vtape:after{content:"";position:absolute;top:0;bottom:0;width:6px;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.6) 3px 5px)}.vtape:before{left:-3px}.vtape:after{right:-3px}.vpin{position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#b9603a;box-shadow:inset -3px -3px #00000040,0 2px 3px #0000004d;z-index:2}.vnote{position:relative;background:#fffdf8;color:#222d43;padding:26px 24px 22px;border-radius:3px;box-shadow:0 18px 28px -18px #0000008c}.vnote.n-cuivre{background:#d69166}.vnote.n-sauge{background:#bccab6}.vnote.n-ciel{background:#dce2e8}.vnote.n-peche{background:#eed2bb}.vnote.n-marine{background:#222d43;color:#fffdf8}.vpol{position:relative;display:block;background:#fff;padding:10px 10px 40px;box-shadow:0 0 0 1px #222d431f,0 22px 30px -16px #00000080}.vpol img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.vpol figcaption,.vpol .vpol-c{position:absolute;left:12px;right:12px;bottom:8px;font:700 22px/1 Caveat,cursive;color:#222d43;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhand{font-family:Caveat,cursive;font-weight:700}.vstamp{display:inline-block;font:800 15px/1 DM Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b9603a;border:3px solid currentColor;border-radius:6px;padding:6px 10px;rotate:-8deg;opacity:.9;mix-blend-mode:multiply}.vliege{background:#e3e8ee;background-image:radial-gradient(rgba(34,45,67,.13) 1.1px,transparent 1.3px);background-size:22px 22px}.vb-pi{position:relative;rotate:var(--r);transition:rotate .3s,translate .3s}.vb-pi:hover{rotate:0deg;translate:0 -6px;z-index:2}.vb-pi>a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;min-height:250px;padding:26px 20px 18px;text-decoration:none;color:#222d43;background:#fffdf8;box-shadow:0 18px 26px -16px #0000008c;border-radius:2px 2px 2px 18px}.vb-pi.n-peche>a{background:#eed2bb}.vb-pi.n-sauge>a{background:#bccab6}.vb-pi.n-ciel>a{background:#dce2e8}.vb-pi.n-cuivre>a{background:#d69166}.vb-pi-ph{position:absolute;right:-12px;top:-16px;width:76px;height:76px;padding:4px;background:#fff;box-shadow:0 6px 12px -4px #0006;rotate:7deg;z-index:1}.vb-pi-ph img{display:block;width:100%;height:100%;object-fit:cover}.vb-pi-tag{font-size:23px;line-height:1;color:#8e4527;padding-right:64px}.vb-pi.n-cuivre .vb-pi-tag{color:#222d43}.vb-pi-t{margin:2px 0 0;font:800 19px/1.18 Bricolage Grotesque,Georgia,serif;letter-spacing:-.02em;text-wrap:balance}.vb-pi-m{font-size:13.5px;color:#4a453e;margin-top:auto}.vb-lire{display:inline-flex;gap:6px;font-weight:800;font-size:15px;color:#222d43;border-bottom:3px solid #222D43;align-self:flex-start}.vb-stamp{position:absolute;left:14px;bottom:-14px;font-size:13px;background:#fffdf8;mix-blend-mode:normal;rotate:-6deg}.vb-pi-vide>a{background:transparent;box-shadow:none;border:3px dashed rgba(34,45,67,.55)}.vb-pi-vide .vb-lire{font-size:13px;word-break:break-all}.vb-pi-g{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:40px 30px}.vv .vrev{opacity:0;translate:0 26px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--dl, 0s)}.vv .vrev.on{opacity:1;translate:0 0}.vv .vpop{scale:.6;opacity:0;transition:scale .5s cubic-bezier(.3,1.6,.5,1),opacity .3s;transition-delay:var(--dl, 0s)}.vv .vpop.on{scale:1;opacity:1}.vbande{position:relative;background:#3e5048;color:#fffdf8;padding:54px 0 58px;overflow:hidden}.vbande:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,253,248,.07) 1.2px,transparent 1.3px);background-size:24px 24px;pointer-events:none}.vb-in{position:relative;display:flex;align-items:center;gap:28px}.vb-face{flex:0 0 auto;width:84px;height:84px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fffdf8,0 0 0 5px #222d43;rotate:-4deg}.vb-txt{flex:1 1 auto;min-width:0}.vb-h{margin:0;font:800 clamp(30px,3.6vw,44px)/1 "Bricolage Grotesque",Georgia,serif;letter-spacing:-.035em}.vb-s{margin:6px 0 0;font:700 26px/1.1 Caveat,cursive;color:#eed2bb}.vb-p{margin:6px 0 0;font-size:16px;color:#fffdf8db}.vb-p a{color:#fffdf8}.vb-btns{display:flex;flex-wrap:wrap;gap:12px;flex:0 0 auto}.vb-b1,.vb-b2{display:inline-flex;align-items:center;min-height:50px;padding:12px 22px;border-radius:999px;font:800 16px DM Sans,sans-serif;text-decoration:none;transition:translate .15s,box-shadow .15s}.vb-b1{background:#d69166;color:#222d43!important;box-shadow:0 0 0 2px #222d43,0 5px #222d43}.vb-b2{background:#fffdf8;color:#222d43!important;box-shadow:0 0 0 2px #222d43,0 5px #222d43}.vb-b1:hover,.vb-b2:hover{translate:0 -2px}.vb-p1{right:3%;bottom:-60px}.vb-p2{right:calc(3% + 62px);bottom:-60px}.vbande .vperso{bottom:-58px}@media(max-width:900px){.vb-in{flex-direction:column;align-items:flex-start}.vb-face{width:68px;height:68px}}@media(prefers-reduced-motion:reduce){.vr-rail{animation:none}.vv .vrev,.vv .vpop{opacity:1;translate:none;scale:none;transition:none}}main.pgmain header.phero>.phero-mosbg{position:absolute;z-index:0;top:0;bottom:0;left:40%;right:calc((100% - 100vw)/2);background-image:linear-gradient(90deg,#222d43,#222d43b3 18%,#222d432e 46%,#222d430d),var(--mos, url(/img/blogue-mosaique.webp));background-size:auto,cover;background-position:0 0,left center;animation:vMosPan 30s ease-in-out infinite alternate;pointer-events:none}main.pgmain header.phero.phero-mos>.phero-txt{position:relative;z-index:1}.phero-mos{min-height:560px}@keyframes vMosPan{to{background-position:0 0,right center}}@media(max-width:900px){main.pgmain header.phero>.phero-mosbg{left:calc((100% - 100vw)/2);background-image:linear-gradient(180deg,#222d438c,#222d43e0 45%,#222d43 80%),var(--mos-s, url(/img/blogue-mosaique-750.webp));animation:none}.phero-mos{min-height:0}}@media(prefers-reduced-motion:reduce){main.pgmain header.phero>.phero-mosbg{animation:none}}