@import "https://fonts.googleapis.com/css2?family=Italiana&family=Inter:wght@300;400;500;600&display=swap";
.jlv-page{--jlv-black:#0a0807;--jlv-charcoal:#1a1715;--jlv-brass:#b89770;--jlv-brass-bright:#d4b47e;--jlv-brass-deep:#8e7050;--jlv-stone:#c9b89f;--jlv-stone-deep:#6f6452;--jlv-cream:#eee3d0;--jlv-paper:#f6f0e2;--jlv-ink:#1a1715;--jlv-ink-2:#443c32;--jlv-mute:#8a7e6e;--jlv-line:#ddd2bc;--jlv-display:"Italiana",Georgia,serif;--jlv-sans:"Inter",system-ui,sans-serif;font-family:var(--jlv-sans);background:var(--jlv-paper);color:var(--jlv-ink);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7;overflow-x:clip}.jlv-page img{max-width:100%;display:block}.jlv-page a{color:inherit;text-decoration:none}.jlv-page .hero{min-height:100vh;color:var(--jlv-cream);background:var(--jlv-black);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.jlv-page .hero-bg{opacity:.55;background:url(/image/projects/jlv-sound/hero-bg.webp) 50%/cover no-repeat;position:absolute;inset:0}.jlv-page .hero-bg:after{content:"";background:radial-gradient(70% 60%,#0a080766 0%,#0a0807f2 100%),linear-gradient(#0a0807b3 0%,#0a08074d 35%,#0a080780 70%,#0a0807f2 100%);position:absolute;inset:0}.jlv-page .hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:110px 6vw 60px;display:flex;position:relative}.jlv-page .hero-meta{width:100%;font-family:var(--jlv-sans);letter-spacing:.32em;text-transform:uppercase;color:#eee3d099;justify-content:space-between;margin-bottom:90px;font-size:11px;font-weight:400;display:flex}.jlv-page .hero-logo{opacity:0;width:clamp(180px,22vw,320px);margin:0 auto 50px;animation:1.4s cubic-bezier(.16,1,.3,1) .2s forwards jlv-hero-in;transform:translateY(20px)}@keyframes jlv-hero-in{to{opacity:1;transform:none}}.jlv-page .hero-logo img{width:100%;height:auto;display:block}.jlv-page .hero-headline{font-family:var(--jlv-display);letter-spacing:.005em;color:#fff;opacity:0;max-width:18ch;margin:0;font-size:clamp(40px,5.4vw,84px);font-weight:400;line-height:1.08;animation:1.4s cubic-bezier(.16,1,.3,1) .5s forwards jlv-hero-in;transform:translateY(20px)}.jlv-page .hero-headline .it{color:var(--jlv-brass-bright);font-style:italic}.jlv-page .hero-subline{font-family:var(--jlv-sans);color:#eee3d0c7;opacity:0;max-width:58ch;margin-top:36px;font-size:clamp(15px,1.1vw,17px);font-weight:300;line-height:1.7;animation:1.4s cubic-bezier(.16,1,.3,1) .8s forwards jlv-hero-in;transform:translateY(20px)}.jlv-page .hero-bottom{z-index:2;width:100%;max-width:1280px;font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:#eee3d08c;justify-content:space-between;align-items:center;margin:0 auto;padding:28px 6vw 32px;font-size:11px;display:flex;position:relative}.jlv-page .hero-bottom .award{color:var(--jlv-brass-bright)}.jlv-page .hero-bottom .scroll-hint{align-items:center;gap:14px;display:flex}.jlv-page .vline{background:var(--jlv-brass);width:1px;height:38px;display:inline-block;position:relative;overflow:hidden}.jlv-page .vline:after{content:"";background:linear-gradient(180deg,transparent,var(--jlv-brass-bright),transparent);height:38px;animation:2.2s ease-in-out infinite jlv-vline;position:absolute;top:-38px;left:0;right:0}@keyframes jlv-vline{0%{transform:translateY(0)}to{transform:translateY(76px)}}.jlv-page .section{padding:140px 6vw;position:relative}.jlv-page .section-num{font-family:var(--jlv-display);color:var(--jlv-brass);opacity:0;letter-spacing:.01em;pointer-events:none;font-size:clamp(120px,14vw,220px);line-height:.9;position:absolute;top:60px;left:6vw}.jlv-page .section-num.in-view{opacity:.12;transition:opacity 1.6s}.jlv-page .eyebrow{font-family:var(--jlv-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--jlv-brass-deep);margin-bottom:22px;font-size:11px;font-weight:500}.jlv-page .h-section{font-family:var(--jlv-display);letter-spacing:.005em;max-width:18ch;margin:0 0 36px;font-size:clamp(40px,5.4vw,84px);font-weight:400;line-height:1.08}.jlv-page .h-section .brass{color:var(--jlv-brass-deep);font-style:italic}.jlv-page .lead{color:var(--jlv-ink-2);max-width:60ch;font-size:clamp(16px,1.15vw,18px);font-weight:300;line-height:1.78}.jlv-page .brief{background:var(--jlv-paper)}.jlv-page .brief-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:100px;max-width:1280px;margin:0 auto;display:grid}.jlv-page .brief-visual{aspect-ratio:4/5;background:url(/image/projects/jlv-sound/brief-portrait.webp) 50%/cover no-repeat;overflow:hidden;box-shadow:0 80px 160px -40px #0a080799}.jlv-page .brief-credentials{border-top:1px solid var(--jlv-line);grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;padding-top:32px;display:grid}.jlv-page .brief-credentials dt{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-brass-deep);margin-bottom:8px;font-size:11px;font-weight:500}.jlv-page .brief-credentials dd{font-family:var(--jlv-display);color:var(--jlv-ink);margin:0;padding:0;font-size:clamp(20px,1.6vw,24px);line-height:1.3}.jlv-page .pleine-col{background:var(--jlv-black);overflow:hidden}.jlv-page .pleine-col img{width:100%;height:auto;transition:transform 1.8s cubic-bezier(.16,1,.3,1);display:block}.jlv-page .pleine-col img.in-view{transform:scale(1.02)}.jlv-page .defi{background:var(--jlv-paper);padding-top:80px}.jlv-page .defi-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1280px;margin:60px auto 0;display:grid}.jlv-page .defi-text p{color:var(--jlv-ink-2);margin:0 0 22px;font-size:clamp(16px,1.15vw,18px);line-height:1.78}.jlv-page .defi-text p strong{color:var(--jlv-ink);font-weight:500}.jlv-page .defi-visual{aspect-ratio:1;background:url(/image/projects/jlv-sound/defi-close.webp) 50%/cover no-repeat;overflow:hidden}.jlv-page .logo-section{background:var(--jlv-black);color:var(--jlv-cream);padding:160px 6vw;position:relative;overflow:hidden}.jlv-page .logo-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;max-width:1280px;margin:0 auto;display:grid}.jlv-page .logo-section .eyebrow{color:var(--jlv-brass-bright)}.jlv-page .logo-section .h-section{color:var(--jlv-cream)}.jlv-page .logo-section .h-section .brass{color:var(--jlv-brass-bright)}.jlv-page .logo-section .lead{color:#eee3d0c7}.jlv-page .logo-visual{aspect-ratio:1;background:#fff;justify-content:center;align-items:center;padding:18% 20%;display:flex;overflow:hidden}.jlv-page .logo-visual img{width:100%;height:auto;transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.jlv-page .logo-visual.in-view img{transform:scale(1.02)}.jlv-page .logo-lockups{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.jlv-page .logo-lockup{aspect-ratio:1;background:var(--jlv-charcoal);text-align:center;border:1px solid #d4b47e33;flex-direction:column;justify-content:center;align-items:center;padding:18px;transition:border-color .4s;display:flex}.jlv-page .logo-lockup:hover{border-color:var(--jlv-brass-bright)}.jlv-page .logo-lockup img{opacity:.92;width:80%;height:auto}.jlv-page .logo-lockup span{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-brass-bright);margin-top:14px;font-size:10px}.jlv-page .packaging{background:var(--jlv-charcoal);color:var(--jlv-cream);grid-template-columns:1.2fr .8fr;min-height:92vh;display:grid;position:relative;overflow:hidden}.jlv-page .packaging-visual{background:url(/image/projects/jlv-sound/packaging-tube.webp) 50%/cover no-repeat}.jlv-page .packaging-text{flex-direction:column;justify-content:center;padding:120px 6vw;display:flex}.jlv-page .packaging-text .section-num{color:var(--jlv-brass);margin-bottom:24px;font-size:clamp(80px,8vw,140px);position:static}.jlv-page .packaging-text .eyebrow{color:var(--jlv-brass-bright)}.jlv-page .packaging-text .h-section{color:var(--jlv-cream);max-width:16ch}.jlv-page .packaging-text .h-section .brass{color:var(--jlv-brass-bright)}.jlv-page .packaging-text .lead{color:#eee3d0c7;max-width:42ch}.jlv-page .packaging-meta{border-top:1px solid #eee3d02e;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px;padding-top:32px;display:grid}.jlv-page .packaging-meta dt{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-brass-bright);margin-bottom:8px;font-size:11px;font-weight:500}.jlv-page .packaging-meta dd{color:#eee3d0b8;margin:0;font-size:13px;line-height:1.65}.jlv-page .declinations{background:var(--jlv-black);color:var(--jlv-cream);padding:160px 6vw;position:relative;overflow:hidden}.jlv-page .declinations-head{text-align:center;max-width:1280px;margin:0 auto 80px}.jlv-page .declinations .eyebrow{color:var(--jlv-brass-bright)}.jlv-page .declinations .h-section{color:var(--jlv-cream);margin:0 auto}.jlv-page .declinations .h-section .brass{color:var(--jlv-brass-bright)}.jlv-page .declinations .lead{color:#eee3d0c7;text-align:center;margin:24px auto 0}.jlv-page .declinations-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1280px;margin:0 auto;display:grid}.jlv-page .decli-card{background:var(--jlv-charcoal);border:1px solid #d4b47e26;padding:32px;transition:border-color .4s}.jlv-page .decli-card:hover{border-color:var(--jlv-brass)}.jlv-page .decli-card .img-wrap{aspect-ratio:4/3;background:var(--jlv-black);justify-content:center;align-items:center;padding:8% 4%;display:flex;overflow:hidden}.jlv-page .decli-card img{object-fit:contain;width:100%;height:100%}.jlv-page .decli-card .name{font-family:var(--jlv-display);color:var(--jlv-cream);letter-spacing:.01em;margin-top:28px;font-size:clamp(28px,2.6vw,38px)}.jlv-page .decli-card .desc{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-brass-bright);margin-top:8px;font-size:11px}.jlv-page .parallax-rupture{background:var(--jlv-black);height:80vh;position:relative;overflow:clip}.jlv-page .parallax-rupture-img{will-change:transform;background:url(/image/projects/jlv-sound/rupture.webp) 50%/cover no-repeat;position:absolute;inset:-18% 0}.jlv-page .parallax-rupture-overlay{z-index:1;background:linear-gradient(#0a080773 0%,#0a080733 40%,#0a08078c 100%);position:absolute;inset:0}.jlv-page .rupture{text-align:center;min-height:80vh;color:var(--jlv-cream);background:var(--jlv-black);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.jlv-page .rupture:before{content:"";background:radial-gradient(60% 50% at 30% 30%,#d4b47e2e,#0000 60%),radial-gradient(60% 50% at 80% 80%,#0a080766,#0000 60%);position:absolute;inset:0}.jlv-page .rupture-content{z-index:2;padding:0 6vw;position:relative}.jlv-page .rupture-eyebrow{font-family:var(--jlv-sans);letter-spacing:.42em;text-transform:uppercase;color:var(--jlv-brass-bright);margin-bottom:32px;font-size:11px}.jlv-page .rupture-word{font-family:var(--jlv-display);letter-spacing:.005em;margin:0;font-size:clamp(54px,9vw,138px);line-height:1}.jlv-page .rupture-word .it{color:var(--jlv-brass-bright);font-style:italic}.jlv-page .rupture-word .word{white-space:nowrap;display:inline-block}.jlv-page .rupture-word .char{opacity:0;transition:opacity .9s,transform .9s;display:inline-block;transform:translateY(.35em)}.jlv-page .rupture-word.in-view .char{opacity:1;transform:translateY(0)}.jlv-page .territoire{background:var(--jlv-paper);padding:160px 6vw}.jlv-page .territoire-head{max-width:1280px;margin:0 auto 80px}.jlv-page .territoire-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:0 auto;display:grid}.jlv-page .swatch{aspect-ratio:1/1.2;flex-direction:column;justify-content:flex-end;padding:24px;display:flex}.jlv-page .swatch dl{margin:0}.jlv-page .swatch dt{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;opacity:.72;margin-bottom:6px;font-size:11px}.jlv-page .swatch dd{font-family:var(--jlv-display);letter-spacing:.01em;margin:0;font-size:24px}.jlv-page .swatch dd small{font-family:var(--jlv-sans);opacity:.6;letter-spacing:.08em;margin-top:4px;font-size:11px;display:block}.jlv-page .sw-1{background:var(--jlv-black);color:var(--jlv-cream)}.jlv-page .sw-2{background:var(--jlv-brass);color:var(--jlv-black)}.jlv-page .sw-3{background:var(--jlv-brass-deep);color:var(--jlv-cream)}.jlv-page .sw-4{background:var(--jlv-stone);color:var(--jlv-black)}.jlv-page .territoire-types{border-top:1px solid var(--jlv-line);grid-template-columns:1fr 1fr;gap:56px;max-width:1280px;margin:56px auto 0;padding-top:56px;display:grid}.jlv-page .type-card .type-eyebrow{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-brass-deep);margin-bottom:12px;font-size:11px}.jlv-page .type-card .type-display{font-family:var(--jlv-display);color:var(--jlv-ink);margin-bottom:8px;font-size:clamp(60px,6vw,96px);line-height:1}.jlv-page .type-card .type-desc{color:var(--jlv-mute);max-width:36ch;font-size:13px;line-height:1.6}.jlv-page .type-card.sans .type-display{font-family:var(--jlv-sans);letter-spacing:-.02em;font-size:clamp(50px,5vw,78px);font-weight:400}.jlv-page .campaign{background:var(--jlv-black);color:var(--jlv-cream);padding:160px 6vw;position:relative;overflow:hidden}.jlv-page .campaign-head{text-align:center;max-width:1480px;margin:0 auto 80px}.jlv-page .campaign .eyebrow{color:var(--jlv-brass-bright)}.jlv-page .campaign .h-section{color:var(--jlv-cream);margin:0 auto}.jlv-page .campaign .h-section .brass{color:var(--jlv-brass-bright)}.jlv-page .campaign-sub{color:#eee3d0c7;max-width:56ch;margin-top:22px;margin-left:auto;margin-right:auto;font-size:clamp(15px,1.05vw,17px);line-height:1.7}.jlv-page .campaign-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1480px;margin:0 auto;display:grid}.jlv-page .campaign-tile{background:var(--jlv-charcoal);transition:transform .8s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden}.jlv-page .campaign-tile img{width:100%;height:auto;display:block}.jlv-page .campaign-tile:hover{transform:translateY(-6px)}.jlv-page .applications{background:var(--jlv-paper);padding:160px 6vw;position:relative;overflow:hidden}.jlv-page .applications-head{text-align:center;max-width:1480px;margin:0 auto 80px}.jlv-page .applications-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:280px;gap:16px;max-width:1480px;margin:0 auto;display:grid}.jlv-page .applications-grid>div{background-position:50%;background-size:cover;position:relative;overflow:hidden}.jlv-page .app-1{background-image:url(/image/projects/jlv-sound/app-bureau.webp);grid-area:span 2/span 4}.jlv-page .app-2{background-image:url(/image/projects/jlv-sound/app-enseigne.webp);grid-area:span 1/span 2}.jlv-page .app-3{background-image:url(/image/projects/jlv-sound/app-papeterie.webp);grid-area:span 1/span 2}.jlv-page .app-4{background-image:url(/image/projects/jlv-sound/app-vitrine.webp);grid-area:span 2/span 3}.jlv-page .app-5{background-image:url(/image/projects/jlv-sound/app-partenaire.webp);grid-area:span 2/span 3}.jlv-page .app-6{background-image:url(/image/projects/jlv-sound/app-ligature-bec.webp);background-position:top;grid-area:span 2/span 2}.jlv-page .app-7{background-image:url(/image/projects/jlv-sound/app-pochette.webp);grid-area:span 2/span 4}.jlv-page .app-planche{max-width:1480px;margin:16px auto 0;overflow:hidden}.jlv-page .app-planche img{width:100%;height:auto;display:block}.jlv-page .testimonial{background:var(--jlv-cream);border-top:1px solid var(--jlv-line);text-align:center;padding:160px 6vw;position:relative;overflow:hidden}.jlv-page .testimonial-inner{z-index:2;max-width:1080px;margin:0 auto;position:relative}.jlv-page .testimonial .eyebrow{color:var(--jlv-brass-deep)}.jlv-page .testimonial-mark{font-family:var(--jlv-display);color:var(--jlv-brass-deep);opacity:.6;margin:0 0 4px;font-size:clamp(110px,11vw,160px);font-style:italic;line-height:.4}.jlv-page .testimonial-quote{font-family:var(--jlv-display);letter-spacing:.005em;color:var(--jlv-ink);max-width:22ch;margin:0 auto 56px;font-size:clamp(30px,3.8vw,56px);font-style:italic;font-weight:400;line-height:1.22}.jlv-page .testimonial-quote .brass{color:var(--jlv-brass-deep)}.jlv-page .testimonial-signature{flex-direction:column;align-items:center;gap:12px;padding-top:36px;display:inline-flex;position:relative}.jlv-page .testimonial-signature:before{content:"";background:var(--jlv-brass-deep);width:64px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.jlv-page .testimonial-name{font-family:var(--jlv-display);color:var(--jlv-ink);letter-spacing:.01em;font-size:clamp(24px,2.2vw,32px);font-weight:400}.jlv-page .testimonial-role{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-ink-2);font-size:11px}.jlv-page .testimonial-award{font-family:var(--jlv-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--jlv-brass-deep);border:1px solid var(--jlv-brass-deep);align-items:center;gap:10px;margin-top:14px;padding:8px 18px;font-size:10px;display:inline-flex}.jlv-page .testimonial-award strong{color:var(--jlv-ink);font-weight:600}.jlv-page .reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.jlv-page .reveal.in-view{opacity:1;transform:none}.jlv-page .reveal.delay-1{transition-delay:.12s}.jlv-page .reveal.delay-2{transition-delay:.24s}.jlv-page .reveal.delay-3{transition-delay:.36s}.jlv-page .reveal-img{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(.98)}.jlv-page .reveal-img.in-view{opacity:1;transform:none}@media (max-width:980px){.jlv-page .brief-inner,.jlv-page .defi-grid,.jlv-page .packaging,.jlv-page .logo-inner,.jlv-page .declinations-grid,.jlv-page .territoire-types{grid-template-columns:1fr;gap:56px}.jlv-page .packaging-visual{min-height:60vh}.jlv-page .territoire-grid{grid-template-columns:repeat(2,1fr)}.jlv-page .campaign-grid{grid-template-columns:1fr}.jlv-page .logo-lockups{grid-template-columns:repeat(3,1fr);gap:10px}.jlv-page .applications-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.jlv-page .app-1,.jlv-page .app-4,.jlv-page .app-5,.jlv-page .app-6{grid-area:span 1/span 2}.jlv-page .hero-meta{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:50px}.jlv-page .hero-bottom{text-align:center;flex-direction:column;gap:16px}.jlv-page .brief-credentials{grid-template-columns:1fr;gap:20px}}@media (prefers-reduced-motion:reduce){.jlv-page .reveal,.jlv-page .reveal-img,.jlv-page .rupture-word .char,.jlv-page .hero-logo,.jlv-page .hero-headline,.jlv-page .hero-subline{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}