{"id":3403,"date":"2026-09-09T10:43:31","date_gmt":"2026-09-09T08:43:31","guid":{"rendered":"https:\/\/lucasgoret.com\/?page_id=3403"},"modified":"2026-09-09T23:34:48","modified_gmt":"2026-09-09T21:34:48","slug":"accueil-2027","status":"publish","type":"page","link":"https:\/\/lucasgoret.com\/","title":{"rendered":"1 ACCUEIL &#8211; Lucas Goret"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3403\" class=\"elementor elementor-3403\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48de34e e-flex e-con-boxed e-con e-parent\" data-id=\"48de34e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a63859e elementor-widget elementor-widget-html\" data-id=\"a63859e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\nLUCAS GORET \u2014 COMPOSITEUR & SOUND DESIGNER\nConcept portfolio 2026 \u2014 HTML complet pour widget HTML Elementor\n-->\n<style>\n#lg26{\n  --bg:#070707;\n  --ink:#f2f0e9;\n  --muted:#9b9a95;\n  --line:rgba(242,240,233,.15);\n  --line2:rgba(242,240,233,.08);\n  --acid:#918bff;\n  --violet:#918bff;\n  --panel:#0d0d0e;\n  --max:1440px;\n  position:relative;\n  overflow:hidden;\n  background:var(--bg)!important;\n  color:var(--ink)!important;\n  font-family:Inter,Arial,sans-serif;\n  isolation:isolate;\n}\n#lg26 *{box-sizing:border-box}\n#lg26 a{color:inherit}\n#lg26 button{font:inherit}\n#lg26 .shell{width:min(var(--max),calc(100% - 52px));margin:auto}\n#lg26 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n\n\/* ambience *\/\n#lg26 .grain{\n  pointer-events:none;position:absolute;inset:0;z-index:90;opacity:.055;mix-blend-mode:screen;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n#lg26 .cursor-light{\n  pointer-events:none;position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;\n  background:radial-gradient(circle,rgba(145,139,255,.12),rgba(145,139,255,.055) 35%,transparent 70%);\n  transform:translate3d(-50%,-50%,0);z-index:2;filter:blur(10px);opacity:0;transition:opacity .25s ease;\n}\n#lg26:hover .cursor-light{opacity:1}\n\n\/* top nav *\/\n#lg26 .nav-wrap{\n  position:fixed;z-index:80;left:0;right:0;top:0;padding:14px 0;\n  pointer-events:none;\n}\n#lg26 .nav{\n  pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;\n  min-height:62px;padding:10px 12px 10px 18px;border:1px solid var(--line);\n  background:rgba(7,7,7,.72);backdrop-filter:blur(18px) saturate(130%);border-radius:18px;\n}\n#lg26 .brand{display:flex;align-items:center;gap:13px;text-decoration:none}\n#lg26 .brand-mark{width:12px;height:12px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px rgba(145,139,255,.10)}\n#lg26 .brand-copy strong{display:block;font-size:12px;letter-spacing:.11em}\n#lg26 .brand-copy span{display:block;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}\n#lg26 .nav-links{display:flex;align-items:center;gap:4px}\n#lg26 .nav-links a{\n  text-decoration:none;padding:10px 12px;border-radius:11px;color:#bbb9b2!important;\n  font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;transition:.25s ease;\n}\n#lg26 .nav-links a:hover{background:#161617;color:#fff!important}\n#lg26 .nav-cta{\n  display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border-radius:12px;\n  background:var(--ink);color:#0a0a0a!important;text-decoration:none;font-size:10px;\n  letter-spacing:.12em;text-transform:uppercase;font-weight:850;\n}\n#lg26 .nav-cta i{width:7px;height:7px;border-radius:50%;background:#1d1d1d}\n\n\/* hero *\/\n#lg26 .hero{position:relative;min-height:100svh;display:grid;align-items:end;padding:150px 0 42px}\n#lg26 .hero-media{\n  position:absolute;inset:0;overflow:hidden;background:#080808;\n}\n#lg26 .hero-media:after{\n  content:\"\";position:absolute;inset:0;\n  background:\n    linear-gradient(180deg,rgba(7,7,7,.28),rgba(7,7,7,.08) 35%,rgba(7,7,7,.78) 78%,#070707 100%),\n    linear-gradient(90deg,rgba(7,7,7,.78),transparent 52%);\n}\n#lg26 .hero-media video{\n  width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.65);\n  transform:scale(1.035);\n}\n#lg26 .hero-noise-lines{\n  position:absolute;inset:0;z-index:2;opacity:.25;\n  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),rgba(255,255,255,.05) calc(8.333% - 1px),rgba(255,255,255,.05) 8.333%);\n}\n#lg26 .hero-video-mask{\n  position:absolute;inset:0;z-index:4;\n  border:0;padding:0;margin:0;\n  background:transparent;\n  cursor:pointer;\n}\n#lg26 .hero-video-mask:focus-visible{\n  outline:2px solid var(--violet);\n  outline-offset:-8px;\n}\n#lg26 .hero-content{\n  position:relative;z-index:5;\n  pointer-events:none;\n}\n#lg26 .hero-content a,\n#lg26 .hero-content button{\n  pointer-events:auto;\n}\n#lg26 .hero-kicker{\n  display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#d4d2cb;font-size:10px;\n  letter-spacing:.19em;text-transform:uppercase;font-weight:800\n}\n#lg26 .hero-kicker:before{content:\"\";width:38px;height:1px;background:var(--acid)}\n#lg26 .hero h1{\n  margin:0!important;max-width:1270px;font-size:clamp(68px,10.8vw,166px)!important;line-height:.80!important;\n  letter-spacing:-.078em!important;font-weight:720!important;text-transform:uppercase\n}\n#lg26 .hero h1 .line{display:block;will-change:transform}\n#lg26 .hero h1 .ghost{\n  color:transparent!important;-webkit-text-stroke:1px rgba(242,240,233,.82);text-stroke:1px rgba(242,240,233,.82)\n}\n#lg26 .hero h1 .acid{color:var(--acid)!important}\n#lg26 .hero-bottom{\n  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)\n}\n#lg26 .hero-copy{\n  max-width:690px;margin:0!important;color:#c7c5be!important;font-size:clamp(16px,1.6vw,22px)!important;\n  line-height:1.55!important\n}\n#lg26 .hero-actions{display:flex;gap:10px;align-items:center}\n#lg26 .pill-btn{\n  border:1px solid var(--line);background:rgba(9,9,9,.54);color:#fff!important;text-decoration:none;cursor:pointer;\n  display:inline-flex;align-items:center;gap:12px;padding:13px 16px;border-radius:999px;font-size:11px;font-weight:800;\n  letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px);transition:.25s ease\n}\n#lg26 .pill-btn:hover{transform:translateY(-2px);border-color:rgba(145,139,255,.62)}\n#lg26 .play-dot{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#070707;font-size:11px}\n#lg26 .scroll-note{color:#8b8a84;font-size:9px;letter-spacing:.16em;text-transform:uppercase}\n\n\/* running waveform *\/\n#lg26 .wave-strip{\n  position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#090909\n}\n#lg26 .wave-track{display:flex;width:max-content;animation:lgMarquee 24s linear infinite}\n#lg26 .wave-segment{display:flex;align-items:center;gap:26px;padding:17px 30px;white-space:nowrap}\n#lg26 .wave-segment span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a8a69f}\n#lg26 .wave-segment b{font-size:10px;color:var(--acid);font-weight:800}\n#lg26 .mini-wave{display:flex;gap:3px;align-items:center;height:22px}\n#lg26 .mini-wave i{display:block;width:2px;background:#dbd9d2;border-radius:2px;opacity:.7}\n#lg26 .mini-wave i:nth-child(1){height:8px}.mini-wave i:nth-child(2){height:17px}.mini-wave i:nth-child(3){height:12px}\n#lg26 .mini-wave i:nth-child(4){height:22px}.mini-wave i:nth-child(5){height:14px}.mini-wave i:nth-child(6){height:6px}\n@keyframes lgMarquee{to{transform:translateX(-50%)}}\n\n\/* generic sections *\/\n#lg26 .section{padding:clamp(88px,9vw,150px) 0;border-top:1px solid var(--line2)}\n#lg26 .section-head{\n  display:grid;grid-template-columns:180px minmax(0,1fr);gap:38px;align-items:start;margin-bottom:48px\n}\n#lg26 .eyebrow{padding-top:8px;color:var(--acid);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:850}\n#lg26 .section-title{\n  margin:0!important;max-width:1050px;font-size:clamp(48px,7.4vw,112px)!important;line-height:.86!important;\n  letter-spacing:-.065em!important;font-weight:700!important\n}\n#lg26 .section-title .outline{color:transparent!important;-webkit-text-stroke:1px rgba(242,240,233,.58)}\n#lg26 .section-intro{max-width:720px;margin:23px 0 0!important;color:var(--muted)!important;font-size:16px!important;line-height:1.65!important}\n\n\/* featured actuality *\/\n#lg26 .feature-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:14px}\n#lg26 .feature-side{display:grid;grid-template-columns:1fr;gap:14px}\n#lg26 .work{\n  position:relative;overflow:hidden;min-height:330px;border:1px solid var(--line);border-radius:24px;background:#0c0c0d;\n  cursor:pointer;isolation:isolate\n}\n#lg26 .work.large{min-height:674px}\n#lg26 .work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .45s ease}\n#lg26 .work:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82))}\n#lg26 .work:hover img{transform:scale(1.045);filter:saturate(.95) brightness(.85)}\n#lg26 .work-meta{position:absolute;z-index:4;inset:auto 20px 20px;display:flex;justify-content:space-between;gap:20px;align-items:end}\n#lg26 .work-label small{display:block;margin-bottom:8px;color:var(--acid);font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}\n#lg26 .work-label h3{margin:0!important;font-size:clamp(24px,2.3vw,40px)!important;line-height:1!important;letter-spacing:-.045em!important}\n#lg26 .work-play{width:52px;height:52px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:rgba(242,240,233,.94);color:#090909;font-size:13px;transition:.25s ease}\n#lg26 .work:hover .work-play{background:var(--acid);transform:rotate(-8deg) scale(1.05)}\n\n\/* project wall *\/\n#lg26 .project-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}\n#lg26 .project{grid-column:span 6;min-height:390px}\n#lg26 .project:nth-child(3),#lg26 .project:nth-child(6){grid-column:span 7}\n#lg26 .project:nth-child(4),#lg26 .project:nth-child(5){grid-column:span 5}\n#lg26 .project-index{\n  position:absolute;z-index:4;left:18px;top:18px;padding:7px 9px;border:1px solid rgba(255,255,255,.24);\n  border-radius:999px;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.14em\n}\n\n\/* manifesto *\/\n#lg26 .manifesto{padding:clamp(105px,13vw,210px) 0}\n#lg26 .manifesto p{\n  margin:0!important;max-width:1320px;font-size:clamp(43px,6.8vw,105px)!important;line-height:.98!important;\n  letter-spacing:-.06em!important;font-weight:640!important;color:#e9e7df!important\n}\n#lg26 .manifesto .dim{color:#5a5955!important}\n#lg26 .manifesto .hit{color:var(--acid)!important}\n\n\/* playlist *\/\n#lg26 .playlist-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch}\n#lg26 .playlist-copy{\n  padding:clamp(28px,4vw,52px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#111112,#0a0a0b)\n}\n#lg26 .playlist-copy .num{color:var(--acid);font-size:10px;letter-spacing:.16em}\n#lg26 .playlist-copy h3{margin:90px 0 22px!important;font-size:clamp(42px,5vw,78px)!important;line-height:.9!important;letter-spacing:-.055em!important}\n#lg26 .playlist-copy p{margin:0!important;color:var(--muted)!important;font-size:15px!important;line-height:1.65!important}\n#lg26 .soundcloud{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#111}\n#lg26 .soundcloud iframe{display:block;width:100%;height:100%;min-height:470px;border:0;filter:grayscale(1) contrast(1.08)}\n\n\/* collabs *\/\n#lg26 .collab-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}\n#lg26 .collab{\n  min-height:310px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);\n  display:flex;flex-direction:column;justify-content:space-between;background:#090909;transition:.28s ease;text-decoration:none\n}\n#lg26 .collab:hover{background:#111}\n#lg26 .collab-logo{height:92px;display:flex;align-items:center;justify-content:flex-start}\n#lg26 .collab-logo img{max-width:140px;max-height:75px;object-fit:contain;filter:grayscale(1) brightness(1.25);opacity:.82}\n#lg26 .collab h3{margin:0 0 10px!important;font-size:20px!important;letter-spacing:-.03em!important}\n#lg26 .collab p{margin:0!important;color:#8f8e89!important;font-size:12px!important;line-height:1.55!important}\n#lg26 .collab-arrow{margin-top:24px;color:var(--acid);font-size:18px}\n\n\/* testimonials *\/\n#lg26 .quotes{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}\n#lg26 .quote-main,#lg26 .quote-stack article{\n  border:1px solid var(--line);border-radius:24px;background:#0c0c0d\n}\n#lg26 .quote-main{padding:clamp(32px,5vw,62px);display:flex;flex-direction:column;justify-content:space-between;min-height:520px}\n#lg26 .quote-main blockquote{margin:0!important;font-size:clamp(30px,3.5vw,54px)!important;line-height:1.08!important;letter-spacing:-.045em!important}\n#lg26 .quote-main footer,#lg26 .quote-stack footer{color:var(--muted);font-size:11px;line-height:1.5}\n#lg26 .quote-stack{display:grid;gap:14px}\n#lg26 .quote-stack article{padding:28px;min-height:253px;display:flex;flex-direction:column;justify-content:space-between}\n#lg26 .quote-stack blockquote{margin:0!important;color:#d3d1ca!important;font-size:18px!important;line-height:1.5!important}\n\n\/* bio *\/\n#lg26 .bio-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px}\n#lg26 .bio-sticky{position:sticky;top:110px;align-self:start}\n#lg26 .bio-sticky .bio-code{font-size:10px;color:var(--acid);letter-spacing:.15em;text-transform:uppercase}\n#lg26 .bio-sticky h3{margin:22px 0 0!important;font-size:clamp(42px,5vw,72px)!important;line-height:.92!important;letter-spacing:-.055em!important}\n#lg26 .bio-copy{display:grid;gap:0;border-top:1px solid var(--line)}\n#lg26 .bio-copy p{\n  margin:0!important;padding:27px 0;border-bottom:1px solid var(--line);color:#b7b5ae!important;\n  font-size:clamp(17px,1.8vw,24px)!important;line-height:1.6!important\n}\n#lg26 .bio-copy p:first-child{color:#f0eee7!important;font-size:clamp(26px,3vw,44px)!important;line-height:1.18!important;letter-spacing:-.035em!important}\n\n\/* contact *\/\n#lg26 .contact{\n  position:relative;padding:clamp(95px,12vw,180px) 0 56px;border-top:1px solid var(--line);overflow:hidden\n}\n#lg26 .contact-big{\n  margin:0!important;font-size:clamp(72px,13vw,190px)!important;line-height:.78!important;letter-spacing:-.08em!important;font-weight:730!important;text-transform:uppercase\n}\n#lg26 .contact-big a{text-decoration:none}\n#lg26 .contact-big a:hover .outline{-webkit-text-stroke-color:var(--acid)}\n#lg26 .contact-big .outline{color:transparent!important;-webkit-text-stroke:1px rgba(242,240,233,.75);transition:.25s ease}\n#lg26 .contact-row{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-top:48px;padding-top:25px;border-top:1px solid var(--line)}\n#lg26 .contact-copy{display:grid;gap:22px;justify-items:start}\n#lg26 .contact-row p{margin:0!important;max-width:610px;color:var(--muted)!important;font-size:14px!important;line-height:1.6!important}\n#lg26 .contact-button{display:inline-flex;align-items:center;gap:18px;padding:13px 15px 13px 18px;border:1px solid rgba(145,139,255,.58);border-radius:999px;background:rgba(145,139,255,.08);color:#f4f4f6!important;text-decoration:none;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,border-color .25s ease}\n#lg26 .contact-button:hover{transform:translateY(-2px);background:rgba(145,139,255,.14);border-color:#918bff}\n#lg26 .contact-button-arrow{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#918bff;color:#09090b;font-size:13px}\n#lg26 .footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}\n#lg26 .footer-links a{font-size:10px;text-decoration:none;color:#bdbbb4!important;letter-spacing:.12em;text-transform:uppercase}\n#lg26 .copyright{display:flex;justify-content:space-between;gap:24px;margin-top:40px;color:#66655f;font-size:9px;letter-spacing:.13em;text-transform:uppercase}\n\n\/* modal *\/\n#lg26 .modal{\n  position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:26px;background:rgba(0,0,0,.88);backdrop-filter:blur(18px)\n}\n#lg26 .modal.open{display:grid}\n#lg26 .modal-box{width:min(1180px,100%);position:relative}\n#lg26 .modal-frame{aspect-ratio:16\/9;border:1px solid rgba(255,255,255,.17);border-radius:20px;overflow:hidden;background:#000;box-shadow:0 40px 110px rgba(0,0,0,.7)}\n#lg26 .modal-frame iframe,#lg26 .modal-frame video{width:100%;height:100%;display:block;border:0;background:#000}\n#lg26 .modal-close{\n  position:absolute;right:0;top:-52px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);\n  background:#111;color:#fff;cursor:pointer;font-size:18px\n}\n#lg26 .modal-controls{display:flex;justify-content:center;margin-top:12px}\n#lg26 .modal-stop{border:1px solid rgba(145,139,255,.52);background:#111;color:#fff;border-radius:999px;padding:10px 16px;cursor:pointer;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}\n#lg26 .modal-stop:hover{background:rgba(145,139,255,.12)}\n\n\n\/* reveal *\/\n#lg26 [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}\n#lg26 [data-reveal].show{opacity:1;transform:none}\n\n@media(max-width:1050px){\n  #lg26 .nav-links{display:none}\n  #lg26 .feature-grid,#lg26 .playlist-grid,#lg26 .bio-grid,#lg26 .quotes{grid-template-columns:1fr}\n  #lg26 .work.large{min-height:560px}\n  #lg26 .feature-side{grid-template-columns:1fr 1fr}\n  #lg26 .collab-grid{grid-template-columns:1fr 1fr}\n  #lg26 .bio-sticky{position:relative;top:auto}\n}\n@media(max-width:760px){\n  #lg26 .shell{width:min(var(--max),calc(100% - 24px))}\n  #lg26 .nav-wrap{padding:8px 0}\n  #lg26 .nav{min-height:54px;border-radius:15px}\n  #lg26 .brand-copy span{display:none}\n  #lg26 .nav-cta{padding:9px 11px}\n  #lg26 .hero{padding:125px 0 28px}\n  #lg26 .hero h1{font-size:clamp(58px,18vw,92px)!important;line-height:.82!important}\n  #lg26 .hero-bottom{grid-template-columns:1fr}\n  #lg26 .hero-actions{justify-content:space-between}\n  #lg26 .scroll-note{display:none}\n  #lg26 .section-head{grid-template-columns:1fr;gap:14px}\n  #lg26 .feature-side{grid-template-columns:1fr}\n  #lg26 .work.large,#lg26 .work{min-height:420px}\n  #lg26 .project{grid-column:1\/-1!important;min-height:360px}\n  #lg26 .collab-grid{grid-template-columns:1fr}\n  #lg26 .collab{min-height:230px}\n  #lg26 .quote-main{min-height:430px}\n  #lg26 .contact-row{align-items:flex-start;flex-direction:column}\n  #lg26 .footer-links{justify-content:flex-start}\n  #lg26 .copyright{flex-direction:column}\n  #lg26 .cursor-light{display:none}\n}\n@media(prefers-reduced-motion:reduce){\n  #lg26 *{scroll-behavior:auto!important}\n  #lg26 .wave-track{animation:none}\n  #lg26 [data-reveal]{opacity:1;transform:none;transition:none}\n  #lg26 .hero h1 .line{transform:none!important}\n}\n\n\/* COMPOSITION LIVE \u2014 vraie grille 2 \u00d7 2, un seul bloc *\/\n#lg26 .lg-live-composition{\n  position:relative;\n  height:100vh;\n  min-height:760px;\n  border-top:1px solid var(--line2);\n  border-bottom:1px solid var(--line2);\n  background:\n    radial-gradient(circle at 23% 24%,rgba(145,139,255,.06),transparent 27%),\n    radial-gradient(circle at 77% 76%,rgba(145,139,255,.055),transparent 28%),\n    #09090b;\n}\n#lg26 .lg-live-stage{\n  position:sticky;\n  top:0;\n  height:100vh;\n  min-height:680px;\n  overflow:hidden;\n}\n\n\/* Chaque animation vit strictement dans son quart d'\u00e9cran. *\/\n#lg26 .lg-live-orbit{\n  position:absolute;\n  z-index:8;\n  width:50%;\n  height:50%;\n  will-change:transform,opacity;\n  pointer-events:none;\n  display:grid;\n  place-items:center;\n}\n#lg26 .lg-live-orbit-sd{\n  left:0;\n  top:0;\n}\n#lg26 .lg-live-orbit-music{\n  right:0;\n  bottom:0;\n}\n#lg26 .lg-mini-card{\n  position:relative;\n  width:92%;\n  height:88%;\n  min-height:300px;\n  max-height:none;\n  overflow:hidden;\n  border:0;\n  border-radius:0;\n  box-shadow:none;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(145,139,255,.16),rgba(25,26,34,.16) 45%,rgba(9,9,11,0) 77%);\n  -webkit-mask-image:radial-gradient(ellipse at center,#000 64%,rgba(0,0,0,.88) 79%,transparent 100%);\n  mask-image:radial-gradient(ellipse at center,#000 64%,rgba(0,0,0,.88) 79%,transparent 100%);\n}\n#lg26 .lg-mini-kicker{\n  position:absolute;\n  left:16px;\n  top:14px;\n  z-index:30;\n  padding:6px 9px;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;\n  background:rgba(9,9,11,.28);\n  backdrop-filter:blur(8px);\n  color:#9e99ff;\n  font-size:7px;\n  font-weight:850;\n  letter-spacing:.14em;\n}\n#lg26 .sd-mini-stage,#lg26 .music-mini-stage{position:absolute;inset:0;overflow:hidden}\n#lg26 .sd-puzzle-world,#lg26 .music-shell-world{position:absolute;inset:0;z-index:2}\n#lg26 .sd-puzzle-world canvas,#lg26 .music-shell-world canvas{position:absolute;inset:0;width:100%;height:100%;display:block}\n#lg26 .sd-puzzle-overlay,#lg26 .music-shell-overlay{position:absolute;inset:0;z-index:7;width:100%;height:100%;pointer-events:none}\n\n#lg26 .sd-puzzle-title,#lg26 .music-shell-title{\n  position:absolute;\n  left:50%;\n  top:50%;\n  z-index:9;\n  transform:translate(-50%,-50%) translateY(10px) scale(.97);\n  color:#f4f4f6;\n  white-space:nowrap;\n  opacity:0;\n  font-size:clamp(34px,3.4vw,60px);\n  line-height:.84;\n  letter-spacing:-.06em;\n  font-weight:760;\n  pointer-events:none;\n}\n#lg26 .sd-puzzle-title span,#lg26 .music-shell-title span{color:#918bff}\n#lg26 .sd-puzzle-fallback,#lg26 .music-shell-fallback{display:none}\n#lg26 .sd-puzzle-label,#lg26 .music-shell-label{\n  position:absolute;\n  z-index:12;\n  width:112px;\n  transform:translateY(-50%);\n  pointer-events:none;\n  opacity:.80;\n}\n#lg26 .sd-puzzle-label.left,#lg26 .music-shell-label.left{left:10px;text-align:right}\n#lg26 .sd-puzzle-label.right,#lg26 .music-shell-label.right{right:10px;text-align:left}\n#lg26 .sd-puzzle-label.top,#lg26 .music-shell-label.top{top:24%}\n#lg26 .sd-puzzle-label.mid,#lg26 .music-shell-label.mid{top:50%}\n#lg26 .sd-puzzle-label.bot,#lg26 .music-shell-label.bot{top:76%}\n#lg26 .sd-puzzle-num,#lg26 .music-shell-num{\n  margin-bottom:3px;\n  color:#9e99ff;\n  font-size:6.8px;\n  font-weight:800;\n  letter-spacing:.12em;\n}\n#lg26 .sd-puzzle-name,#lg26 .music-shell-name{\n  color:#f4f4f6;\n  font-size:7.8px;\n  font-weight:800;\n  letter-spacing:.105em;\n  text-shadow:0 1px 12px rgba(0,0,0,.75);\n}\n\n\/* Le texte occupe exactement les deux autres quarts. *\/\n#lg26 .lg-live-thought{\n  position:absolute;\n  inset:0;\n  z-index:18;\n  pointer-events:none;\n}\n#lg26 .lg-copy-cell{\n  position:absolute;\n  width:50%;\n  height:50%;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:clamp(26px,4vw,72px);\n}\n#lg26 .lg-copy-cell-white{\n  right:0;\n  top:0;\n  align-items:flex-start;\n  padding-left:clamp(34px,5vw,90px);\n}\n#lg26 .lg-copy-cell-violet{\n  left:0;\n  bottom:0;\n  align-items:flex-start;\n  padding-left:clamp(34px,4vw,76px);\n}\n#lg26 .lg-copy-lines{\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  width:100%;\n}\n#lg26 .lg-live-word{\n  position:relative;\n  left:auto!important;\n  top:auto!important;\n  display:block;\n  width:max-content;\n  max-width:100%;\n  white-space:nowrap;\n  color:#f4f4f6!important;\n  font-size:clamp(48px,5.2vw,86px)!important;\n  line-height:.90!important;\n  letter-spacing:-.058em!important;\n  font-weight:650!important;\n  will-change:transform,opacity;\n  text-shadow:0 10px 30px rgba(0,0,0,.17);\n}\n#lg26 .lg-live-word + .lg-live-word{margin-top:18px}\n#lg26 .lg-live-word.accent{color:#918bff!important}\n#lg26 .lg-live-word-b{margin-left:10%}\n#lg26 .lg-live-word-d{margin-left:6%}\n\n#lg26 .lg-live-trace{\n  position:relative;\n  left:auto;\n  top:auto;\n  display:flex;\n  align-items:center;\n  gap:4px;\n  height:25px;\n  margin-top:26px;\n  opacity:.28;\n}\n#lg26 .lg-live-trace i{display:block;width:2px;border-radius:2px;background:#918bff}\n#lg26 .lg-live-trace i:nth-child(1){height:6px}\n#lg26 .lg-live-trace i:nth-child(2){height:13px}\n#lg26 .lg-live-trace i:nth-child(3){height:21px}\n#lg26 .lg-live-trace i:nth-child(4){height:10px}\n#lg26 .lg-live-trace i:nth-child(5){height:24px}\n#lg26 .lg-live-trace i:nth-child(6){height:16px}\n#lg26 .lg-live-trace i:nth-child(7){height:8px}\n#lg26 .lg-live-trace i:nth-child(8){height:18px}\n#lg26 .lg-live-trace i:nth-child(9){height:12px}\n#lg26 .lg-live-trace i:nth-child(10){height:22px}\n#lg26 .lg-live-trace i:nth-child(11){height:9px}\n#lg26 .lg-live-trace i:nth-child(12){height:15px}\n\n@media(max-width:1080px){\n  #lg26 .lg-live-composition{height:100vh;min-height:720px}\n  #lg26 .lg-mini-card{width:96%;height:86%}\n  #lg26 .lg-live-word{font-size:clamp(42px,5.8vw,72px)!important}\n  #lg26 .lg-copy-cell{padding:28px}\n  #lg26 .lg-copy-cell-white{padding-left:42px}\n  #lg26 .lg-copy-cell-violet{padding-left:34px}\n}\n@media(max-width:760px){\n  #lg26 .lg-live-composition{\n    height:auto;\n    min-height:0;\n    padding:42px 0 62px;\n  }\n  #lg26 .lg-live-stage{\n    position:relative;\n    height:auto;\n    min-height:0;\n    overflow:visible;\n    display:grid;\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n  #lg26 .lg-live-orbit,\n  #lg26 .lg-copy-cell{\n    position:relative;\n    width:100%;\n    height:auto;\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n  }\n  #lg26 .lg-live-orbit-sd{order:1}\n  #lg26 .lg-copy-cell-white{order:2}\n  #lg26 .lg-copy-cell-violet{order:3}\n  #lg26 .lg-live-orbit-music{order:4}\n  #lg26 .lg-live-thought{display:contents}\n  #lg26 .lg-mini-card{width:100%;height:38vh;min-height:280px}\n  #lg26 .lg-copy-cell{padding:28px 14px}\n  #lg26 .lg-live-word{\n    font-size:clamp(42px,12vw,64px)!important;\n    white-space:normal;\n  }\n  #lg26 .lg-live-word-b,#lg26 .lg-live-word-d{margin-left:5%}\n  #lg26 .lg-live-trace{display:none}\n  #lg26 .sd-puzzle-label,#lg26 .music-shell-label{width:82px}\n  #lg26 .sd-puzzle-name,#lg26 .music-shell-name{font-size:6.5px}\n  #lg26 .sd-puzzle-num,#lg26 .music-shell-num{font-size:5.9px}\n}\n@media(prefers-reduced-motion:reduce){\n  #lg26 .lg-live-word{transform:none!important}\n}\n\n\n\/* Transition compacte apr\u00e8s la composition anim\u00e9e *\/\n#lg26 #lg-projects{padding-top:clamp(46px,5vw,72px)}\n<\/style>\n\n<div id=\"lg26\">\n  <div class=\"grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"cursor-light\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"nav-wrap\">\n    <div class=\"shell nav\">\n      <a class=\"brand\" href=\"#lg-top\">\n        <span class=\"brand-mark\"><\/span>\n        <span class=\"brand-copy\"><strong>LUCAS GORET<\/strong><span>Composer \u00b7 Sound designer<\/span><\/span>\n      <\/a>\n      <nav class=\"nav-links\" aria-label=\"Navigation principale\">\n        <a href=\"#lg-actu\">Actu<\/a><a href=\"#lg-projects\">Projets<\/a><a href=\"#lg-playlist\">Playlist<\/a><a href=\"#lg-collab\">Collab<\/a><a href=\"#lg-bio\">Bio<\/a>\n      <\/nav>\n      <a class=\"nav-cta\" href=\"https:\/\/lucasgoret.com\/index.php\/formulaire\/\"><i><\/i>Contact<\/a>\n    <\/div>\n  <\/div>\n\n  <header class=\"hero\" id=\"lg-top\">\n    <div class=\"hero-media\">\n      <video autoplay muted loop playsinline preload=\"metadata\" aria-hidden=\"true\">\n        <source src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/2026\/06\/Demo-LG-boucle.mp4\" type=\"video\/mp4\">\n      <\/video>\n      <div class=\"hero-noise-lines\"><\/div>\n    <\/div>\n    <button class=\"hero-video-mask\" type=\"button\"\n      aria-label=\"Lire la d\u00e9mo en plein \u00e9cran avec le son\"\n      title=\"Lire la d\u00e9mo en plein \u00e9cran avec le son\"><\/button>\n    <div class=\"shell hero-content\">\n      <div class=\"hero-kicker\">Paris \u00b7 Composition \u00b7 Sound design \u00b7 Production<\/div>\n      <h1 aria-label=\"Lucas Goret\">\n        <span class=\"line\">Lucas<\/span>\n        <span class=\"line ghost\">Goret<\/span>\n        <span class=\"line acid\">Sound.<\/span>\n      <\/h1>\n      <div class=\"hero-bottom\">\n        <p class=\"hero-copy\">Compositeur, arrangeur, sound designer et multi-instrumentiste. Des identit\u00e9s sonores, musiques originales et narrations audio pens\u00e9es pour l\u2019image, le jeu-vid\u00e9o et les exp\u00e9riences immersives.<\/p>\n        <div class=\"hero-actions\">\n          <button class=\"pill-btn\" type=\"button\" data-demo>\n            <span class=\"play-dot\">\u25b6<\/span> \u00c9couter la d\u00e9mo\n          <\/button>\n          <span class=\"scroll-note\">Scroll to enter \u2193<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <div class=\"wave-strip\" aria-hidden=\"true\">\n    <div class=\"wave-track\">\n      <div class=\"wave-segment\"><b>01<\/b><span>Composition originale<\/span><div class=\"mini-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><b>02<\/b><span>Sound design<\/span><div class=\"mini-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><b>03<\/b><span>Mixage \u00b7 MAO<\/span><div class=\"mini-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><b>04<\/b><span>Direction sonore<\/span><\/div>\n      <div class=\"wave-segment\"><b>01<\/b><span>Composition originale<\/span><div class=\"mini-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><b>02<\/b><span>Sound design<\/span><div class=\"mini-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><b>03<\/b><span>Mixage \u00b7 MAO<\/span><div class=\"mini-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><b>04<\/b><span>Direction sonore<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <main>\n    <section class=\"section\" id=\"lg-actu\">\n      <div class=\"shell\">\n        <div class=\"section-head\" data-reveal>\n          <div class=\"eyebrow\">01 \u2014 Maintenant<\/div>\n          <div>\n            <h2 class=\"section-title\">Actualit\u00e9s.<br><span class=\"outline\">Pi\u00e8ces r\u00e9centes.<\/span><\/h2>\n            <p class=\"section-intro\">Les travaux r\u00e9cents : trois pi\u00e8ces \u00e0 regarder comme on entre dans une bande-son \u2014 plein \u00e9cran, casque recommand\u00e9.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feature-grid\">\n          <article class=\"work large\" data-provider=\"vimeo\" data-id=\"1199995364\" data-reveal tabindex=\"0\" role=\"button\" aria-label=\"Lire Actualit\u00e9 01\">\n            <img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-10-a-08.46.09.png\" alt=\"Projet r\u00e9cent de Lucas Goret\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Actualit\u00e9 \u00b7 01<\/small><h3>Nouvelle cr\u00e9ation<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <div class=\"feature-side\">\n            <article class=\"work\" data-provider=\"vimeo\" data-id=\"1199461880\" data-reveal tabindex=\"0\" role=\"button\" aria-label=\"Lire Actualit\u00e9 02\">\n              <img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/2166293679-b806f2c634acae8c46e019a5f42ff9d5f2b5017597fd0eb45cd7af72b3621db4-d_1280?region=us\" alt=\"Projet r\u00e9cent de Lucas Goret\">\n              <div class=\"work-meta\"><div class=\"work-label\"><small>Actualit\u00e9 \u00b7 02<\/small><h3>Image \u00d7 Son<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n            <\/article>\n            <article class=\"work\" data-provider=\"vimeo\" data-id=\"1199494988\" data-reveal tabindex=\"0\" role=\"button\" aria-label=\"Lire Actualit\u00e9 03\">\n              <img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/2026\/06\/thumb-1.jpg\" alt=\"Projet r\u00e9cent de Lucas Goret\">\n              <div class=\"work-meta\"><div class=\"work-label\"><small>Actualit\u00e9 \u00b7 03<\/small><h3>Sound in motion<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"lg-live-composition\" id=\"lg-live-composition\" aria-label=\"Composition sonore en mouvement\">\n      <div class=\"lg-live-stage\">\n\n        <div class=\"lg-live-orbit lg-live-orbit-sd\" aria-hidden=\"true\">\n          <div class=\"lg-mini-card\">\n            <div class=\"lg-mini-kicker\">01 \u00b7 SOUND DESIGN<\/div>\n            <div class=\"sd-mini-stage\" id=\"lgSdStage\">\n              <div class=\"sd-puzzle-title\">Sound <span>Design.<\/span><\/div>\n              <div class=\"sd-puzzle-fallback\">Sound <span>Design.<\/span><\/div>\n              <div class=\"sd-puzzle-label right top\" data-i=\"0\"><div class=\"sd-puzzle-num\">01<\/div><div class=\"sd-puzzle-name\">EFFETS<\/div><\/div>\n              <div class=\"sd-puzzle-label left top\" data-i=\"1\"><div class=\"sd-puzzle-num\">02<\/div><div class=\"sd-puzzle-name\">TRAITEMENTS<\/div><\/div>\n              <div class=\"sd-puzzle-label right mid sd-puzzle-music\" data-i=\"2\"><div class=\"sd-puzzle-num\">03<\/div><div class=\"sd-puzzle-name\">MUSIQUE<\/div><\/div>\n              <div class=\"sd-puzzle-label left mid sd-puzzle-foley\" data-i=\"3\"><div class=\"sd-puzzle-num\">04<\/div><div class=\"sd-puzzle-name\">BRUITAGES<\/div><\/div>\n              <div class=\"sd-puzzle-label right bot\" data-i=\"4\"><div class=\"sd-puzzle-num\">05<\/div><div class=\"sd-puzzle-name\">AMBIANCES<\/div><\/div>\n              <div class=\"sd-puzzle-label left bot\" data-i=\"5\"><div class=\"sd-puzzle-num\">06<\/div><div class=\"sd-puzzle-name\">DIALOGUES<\/div><\/div>\n              <div class=\"sd-puzzle-world\" id=\"lgSdWorld\"><\/div>\n              <svg class=\"sd-puzzle-overlay\" aria-hidden=\"true\"><g id=\"lgSdLines\"><\/g><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"lg-live-thought\">\n\n          <div class=\"lg-copy-cell lg-copy-cell-white\">\n            <div class=\"lg-copy-lines\" aria-label=\"Je compose un monde\">\n              <span class=\"lg-live-word lg-live-word-a\" data-px=\"-12\" data-py=\"0\">Je compose<\/span>\n              <span class=\"lg-live-word lg-live-word-b\" data-px=\"10\" data-py=\"0\">un monde<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"lg-copy-cell lg-copy-cell-violet\">\n            <div class=\"lg-copy-lines\" aria-label=\"au-del\u00e0 de ce que l\u2019image peut dire.\">\n              <span class=\"lg-live-word lg-live-word-c accent\" data-px=\"-8\" data-py=\"0\">au-del\u00e0 de ce que<\/span>\n              <span class=\"lg-live-word lg-live-word-d accent\" data-px=\"7\" data-py=\"0\">l\u2019image peut dire.<\/span>\n            <\/div>\n            <div class=\"lg-live-trace\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"lg-live-orbit lg-live-orbit-music\" aria-hidden=\"true\">\n          <div class=\"lg-mini-card\">\n            <div class=\"lg-mini-kicker\">02 \u00b7 MUSIQUE<\/div>\n            <div class=\"music-mini-stage\" id=\"lgMusicStage\">\n              <div class=\"music-shell-title\">Musique<span>.<\/span><\/div>\n              <div class=\"music-shell-fallback\">Musique<span>.<\/span><\/div>\n              <div class=\"music-shell-label right top\" data-i=\"0\"><div class=\"music-shell-num\">01<\/div><div class=\"music-shell-name\">RYTHME<\/div><\/div>\n              <div class=\"music-shell-label left top\" data-i=\"1\"><div class=\"music-shell-num\">02<\/div><div class=\"music-shell-name\">M\u00c9LODIE<\/div><\/div>\n              <div class=\"music-shell-label right mid\" data-i=\"2\"><div class=\"music-shell-num\">03<\/div><div class=\"music-shell-name\">HARMONIE<\/div><\/div>\n              <div class=\"music-shell-label left mid\" data-i=\"3\"><div class=\"music-shell-num\">04<\/div><div class=\"music-shell-name\">TIMBRE<\/div><\/div>\n              <div class=\"music-shell-label right bot\" data-i=\"4\"><div class=\"music-shell-num\">05<\/div><div class=\"music-shell-name\">DYNAMIQUE<\/div><\/div>\n              <div class=\"music-shell-label left bot\" data-i=\"5\"><div class=\"music-shell-num\">06<\/div><div class=\"music-shell-name\">STRUCTURE<\/div><\/div>\n              <div class=\"music-shell-world\" id=\"lgMusicWorld\"><\/div>\n              <svg class=\"music-shell-overlay\" aria-hidden=\"true\"><g id=\"lgMusicLines\"><\/g><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n<section class=\"section\" id=\"lg-projects\">\n      <div class=\"shell\">\n        <div class=\"section-head\" data-reveal>\n          <div class=\"eyebrow\">02 \u2014 Selected work<\/div>\n          <div>\n            <h2 class=\"section-title\">Projets.<br><span class=\"outline\">Images \u00e0 l\u2019\u00e9coute.<\/span><\/h2>\n            <p class=\"section-intro\">Une s\u00e9lection de mes projets.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"project-wall\">\n          <article class=\"work project\" data-provider=\"vimeo\" data-id=\"1042161827\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">01 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/1965080208-35df6434c075d31da08145df5197b22cd94375f066ffe6e4f6e64cea845b9f87-d_960?region=us\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Composition \u00b7 Sound design<\/small><h3>Selected work 01<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"vimeo\" data-id=\"1019189252\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">02 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/1937523304-28f51614d0d5e20423a714f49dc8bb461ee0555e8d701d35d3854feb6f2cf46e-d_1280?region=us\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Original score<\/small><h3>Selected work 02<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"youtube\" data-id=\"zeedfTEc9Ek\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">03 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/zeedfTEc9Ek\/hqdefault.jpg\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Short format<\/small><h3>Selected work 03<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"youtube\" data-id=\"coucYzMvTtM\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">04 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/2026\/06\/Capture-decran-2026-06-10-a-09.11.56.png\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Music \u00d7 Image<\/small><h3>Selected work 04<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"youtube\" data-id=\"50vPdAPr5JY\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">05 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/50vPdAPr5JY\/hqdefault.jpg\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Sound design<\/small><h3>Selected work 05<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"vimeo\" data-id=\"1019190963\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">06 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/1937525377-e4846dd38dd98f8761739d52a34cc42d95e05d6f9da6543fce36a74168b45cc3-d_1280?region=us\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Composition<\/small><h3>Selected work 06<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"vimeo\" data-id=\"427443811\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">07 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/1937195170-06a6360fadf1343d478b1f514d534e3a1b90205a008c0bc021270bda47e95104-d_1280?region=us\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Archive \/ Selected<\/small><h3>Selected work 07<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n          <article class=\"work project\" data-provider=\"youtube\" data-id=\"07m9dcJANo8\" data-reveal tabindex=\"0\" role=\"button\">\n            <span class=\"project-index\">08 \/ 08<\/span><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/07m9dcJANo8\/hqdefault.jpg\" alt=\"Projet portfolio\">\n            <div class=\"work-meta\"><div class=\"work-label\"><small>Selected project<\/small><h3>Selected work 08<\/h3><\/div><span class=\"work-play\">\u25b6<\/span><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"lg-playlist\">\n      <div class=\"shell\">\n        <div class=\"section-head\" data-reveal>\n          <div class=\"eyebrow\">03 \u2014 Pure audio<\/div>\n          <div><h2 class=\"section-title\">Playlist.<br><span class=\"outline\">Fermez les yeux.<\/span><\/h2><\/div>\n        <\/div>\n        <div class=\"playlist-grid\">\n          <div class=\"playlist-copy\" data-reveal>\n            <div class=\"num\">SOUNDCLOUD \/ PLAYLIST<\/div>\n            <h3>Tout commence<br>par l\u2019\u00e9coute.<\/h3>\n            <p>De l\u2019intime au spectaculaire, de l\u2019acoustique \u00e0 l\u2019\u00e9lectronique, une \u00e9criture qui ma\u00eetrise les codes pour mieux s\u2019en affranchir et s\u2019adapter \u00e0 l\u2019identit\u00e9 de chaque projet.<\/p>\n          <\/div>\n          <div class=\"soundcloud\" data-reveal>\n            <iframe loading=\"lazy\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?visual=false&url=https%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F1890115658&show_artwork=false&auto_play=false&buying=false&liking=false&download=false&sharing=false&show_comments=false&show_playcount=false&show_user=false\"><\/iframe>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"lg-collab\">\n      <div class=\"shell\">\n        <div class=\"section-head\" data-reveal>\n          <div class=\"eyebrow\">04 \u2014 Collaborations<\/div>\n          <div><h2 class=\"section-title\">Ils me font<br><span class=\"outline\">confiance.<\/span><\/h2><\/div>\n        <\/div>\n\n        <div class=\"collab-grid\" data-reveal>\n          <a class=\"collab\" href=\"https:\/\/www.studio-anatole.com\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"collab-logo\"><img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/elementor\/thumbs\/anatole-qvg9apvigkgyqbxs6pa1h5wcvkx5o55mrd5q4acq8g.jpg\" alt=\"Studio Anatole\"><\/div>\n            <div><h3>Studio Anatole<\/h3><p>Studios haut de gamme et \u00e9quipe cr\u00e9ative passionn\u00e9e par l\u2019audio.<\/p><div class=\"collab-arrow\">\u2197<\/div><\/div>\n          <\/a>\n          <a class=\"collab\" href=\"https:\/\/www.upian.com\/fr\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"collab-logo\"><img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/elementor\/thumbs\/images-rb7s5j47ypbotzg2mspbn2lqkvqvlf3ifvxh3j52a8.png\" alt=\"Upian\"><\/div>\n            <div><h3>Upian<\/h3><p>Soci\u00e9t\u00e9 de production internationalement reconnue, au croisement du web et de l\u2019excellence journalistique.<\/p><div class=\"collab-arrow\">\u2197<\/div><\/div>\n          <\/a>\n          <a class=\"collab\" href=\"https:\/\/www.blynd-audio.com\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"collab-logo\"><img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/elementor\/thumbs\/blynd-qvg9bbhstrak5d2dogmgkifyjfyll6jgic5w5ngo9c.jpg\" alt=\"Blynd\"><\/div>\n            <div><h3>Blynd<\/h3><p>Contenus audio immersifs et \u00ab cin\u00e9ma pour les oreilles \u00bb.<\/p><div class=\"collab-arrow\">\u2197<\/div><\/div>\n          <\/a>\n          <a class=\"collab\" href=\"https:\/\/www.mjm-design.com\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"collab-logo\"><img decoding=\"async\" src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/2024\/10\/mjm.jpg\" alt=\"MJM\"><\/div>\n            <div><h3>MJM<\/h3><p>Formation des futurs professionnels de l\u2019image, du design et du digital.<\/p><div class=\"collab-arrow\">\u2197<\/div><\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"quotes\" style=\"margin-top:18px\">\n          <article class=\"quote-main\" data-reveal>\n            <blockquote>\u00ab J\u2019ai travaill\u00e9 avec Lucas sur de nombreux projets, et je fus \u00e0 chaque fois \u00e9poustoufl\u00e9 par sa capacit\u00e9 \u00e0 cerner et comprendre le projet et \u00e0 traduire en musiques savantes et originales\u2026 \u00bb<\/blockquote>\n            <footer>Cyril Proven\u00e7al<br>R\u00e9alisateur \u00b7 Blynd Studio<\/footer>\n          <\/article>\n          <div class=\"quote-stack\">\n            <article data-reveal><blockquote>\u00ab Agile, cr\u00e9atif, excellent compositeur, Lucas sait proposer la bande son qui correspond parfaitement\u2026 \u00bb<\/blockquote><footer>C\u00e9dric Gabet<br>Producteur \u00b7 So On Pictures<\/footer><\/article>\n            <article data-reveal><blockquote>\u00ab Extr\u00eamement r\u00e9actif et talentueux, il sait parfaitement s\u2019adapter \u00e0 son cahier des charges et \u00e9couter attentivement vos retours\u2026 \u00bb<\/blockquote><footer>Timour Bounaud<br>R\u00e9alisateur \u00b7 Anatole Studio<\/footer><\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"lg-bio\">\n      <div class=\"shell\">\n        <div class=\"bio-grid\">\n          <div class=\"bio-sticky\" data-reveal>\n            <div class=\"bio-code\">05 \u2014 Biographie<\/div>\n            <h3>Composer.<br>\u00c9couter.<br>Construire.<\/h3>\n          <\/div>\n          <div class=\"bio-copy\" data-reveal>\n            <p>Compositeur, arrangeur, sound designer et multi-instrumentiste.<\/p>\n            <p>Form\u00e9 \u00e0 l\u2019ARPEJ en arrangement, orchestration et composition aupr\u00e8s de Jean Gobinet, Jean-Marc Brisson et Thomas Curbillon, ainsi qu\u2019au CIFAP en sound design avec Jean-Daniel Decache et Arnaud De Buchy, j\u2019ai d\u00e9velopp\u00e9 des comp\u00e9tences solides pour r\u00e9pondre \u00e0 des projets exigeants et ambitieux.<\/p>\n            <p>En 2016, j\u2019ai fond\u00e9 mon studio sur mesure, un espace d\u00e9di\u00e9 \u00e0 l\u2019exploration sonore o\u00f9 chaque projet prend vie gr\u00e2ce \u00e0 une large palette de textures et de techniques innovantes. Cette approche me permet d\u2019offrir des solutions artistiques pr\u00e9cises, adapt\u00e9es \u00e0 des univers vari\u00e9s.<\/p>\n            <p>Mon parcours est enrichi de collaborations sc\u00e9niques et techniques sur des tournages. Parall\u00e8lement, je transmets mon savoir en enseignant \u00e0 MJM et Digital Campus, formant les cr\u00e9atifs de demain \u00e0 l\u2019art de la narration sonore et \u00e0 ses applications pour le cin\u00e9ma, le jeu vid\u00e9o et les installations artistiques.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"contact\" id=\"lg-contact\">\n    <div class=\"shell\">\n      <h2 class=\"contact-big\" data-reveal>\n        <a href=\"https:\/\/lucasgoret.com\/index.php\/formulaire\/\">\n          Parlons<br><span class=\"outline\">du son.<\/span>\n        <\/a>\n      <\/h2>\n      <div class=\"contact-row\">\n        <div class=\"contact-copy\">\n          <p>Un film, un jeu, une campagne, une exp\u00e9rience interactive ou une identit\u00e9 de marque \u00e0 faire sonner autrement ? \u00c9crivez-moi avec quelques mots, une image, un mood, m\u00eame une id\u00e9e encore floue.<\/p>\n          <a class=\"contact-button\" href=\"https:\/\/lucasgoret.com\/index.php\/formulaire\/\">\n            <span>Me contacter<\/span><span class=\"contact-button-arrow\">\u2197<\/span>\n          <\/a>\n        <\/div>\n        <div class=\"footer-links\">\n          <a href=\"#lg-projects\">Projets<\/a>\n          <a href=\"#lg-playlist\">Playlist<\/a>\n          <a href=\"#lg-bio\">Bio<\/a>\n          <a href=\"https:\/\/lucasgoret.com\/index.php\/formulaire\/\">Contact<\/a>\n          <a href=\"https:\/\/lucasgoret.com\/index.php\/initiation-sound-design\/\">Cours<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"copyright\"><span>\u00a9 2026 Lucas Goret \u00b7 Tous droits r\u00e9serv\u00e9s.<\/span><span>Composer & Sound Designer \u00b7 Paris<\/span><\/div>\n    <\/div>\n  <\/footer>\n\n  <div class=\"modal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Lecteur vid\u00e9o\">\n    <div class=\"modal-box\">\n      <button class=\"modal-close\" type=\"button\" aria-label=\"Fermer\">\u00d7<\/button>\n      <div class=\"modal-frame\"><\/div>\n      <div class=\"modal-controls\" hidden><button class=\"modal-stop\" type=\"button\">\u25a0 Stop<\/button><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const root=document.getElementById(\"lg26\"); if(!root)return;\n  const reduced=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  root.querySelectorAll('a[href^=\"#\"]').forEach(a=>a.addEventListener(\"click\",e=>{const t=root.querySelector(a.getAttribute(\"href\"));if(!t)return;e.preventDefault();t.scrollIntoView({behavior:reduced?\"auto\":\"smooth\",block:\"start\"});}));\n  const aura=root.querySelector(\".cursor-light\");\n  if(aura&&!reduced){root.addEventListener(\"pointermove\",e=>{aura.style.transform=`translate3d(${e.clientX-210}px,${e.clientY-210}px,0)`},{passive:true});}\n  const hero=root.querySelector(\".hero\"),heroLines=[...root.querySelectorAll(\".hero h1 .line\")];\n  if(hero&&!reduced){const updateHero=()=>{const r=hero.getBoundingClientRect(),p=Math.max(0,Math.min(1,-r.top\/Math.max(1,r.height)));heroLines.forEach((el,i)=>el.style.transform=`translate3d(${(i-1)*p*18}px,${p*(i+1)*-14}px,0)`);};addEventListener(\"scroll\",updateHero,{passive:true});updateHero();}\n  const reveal=[...root.querySelectorAll(\"[data-reveal]\")];\n  if(reduced)reveal.forEach(el=>el.classList.add(\"show\"));else{const io=new IntersectionObserver(entries=>entries.forEach(en=>{if(en.isIntersecting){en.target.classList.add(\"show\");io.unobserve(en.target)}}),{threshold:.12,rootMargin:\"0px 0px -7% 0px\"});reveal.forEach(el=>io.observe(el));}\n  const modal=root.querySelector(\".modal\"),frame=root.querySelector(\".modal-frame\"),close=root.querySelector(\".modal-close\"),controls=root.querySelector(\".modal-controls\"),stopBtn=root.querySelector(\".modal-stop\");\n  let lastFocus=null;\n  function showModal(){modal.classList.add(\"open\");modal.setAttribute(\"aria-hidden\",\"false\");document.body.style.overflow=\"hidden\";close.focus();}\n  function requestFullScreen(target){const fn=target.requestFullscreen||target.webkitRequestFullscreen||target.msRequestFullscreen;if(fn){try{const p=fn.call(target);if(p&&p.catch)p.catch(()=>{});}catch(e){}}}\n  function openEmbed(provider,id){lastFocus=document.activeElement;frame.innerHTML=\"\";controls.hidden=true;const iframe=document.createElement(\"iframe\");iframe.allow=\"autoplay; fullscreen; picture-in-picture\";iframe.allowFullscreen=true;iframe.title=\"Projet vid\u00e9o\";iframe.src=provider===\"vimeo\"?`https:\/\/player.vimeo.com\/video\/${id}?autoplay=1&title=0&byline=0&portrait=0`:`https:\/\/www.youtube.com\/embed\/${id}?autoplay=1&rel=0`;frame.appendChild(iframe);showModal();}\n  function openDemo(){lastFocus=document.activeElement;frame.innerHTML=\"\";const v=document.createElement(\"video\");v.src=\"https:\/\/lucasgoret.com\/wp-content\/uploads\/2025\/03\/Demo-LG.mp4\";v.controls=true;v.autoplay=true;v.loop=false;v.muted=false;v.volume=1;v.playsInline=true;v.preload=\"auto\";v.setAttribute(\"controlsList\",\"nodownload\");v.setAttribute(\"aria-label\",\"D\u00e9mo vid\u00e9o Lucas Goret\");frame.appendChild(v);controls.hidden=false;showModal();v.play().catch(()=>{});requestFullScreen(modal);}\n  function stopDemo(){const v=frame.querySelector(\"video\");if(!v)return;v.pause();try{v.currentTime=0}catch(e){}}\n  function closeModal(){const fs=document.fullscreenElement||document.webkitFullscreenElement;if(fs){const exit=document.exitFullscreen||document.webkitExitFullscreen;if(exit){try{const p=exit.call(document);if(p&&p.catch)p.catch(()=>{});}catch(e){}}}modal.classList.remove(\"open\");modal.setAttribute(\"aria-hidden\",\"true\");frame.innerHTML=\"\";controls.hidden=true;document.body.style.overflow=\"\";if(lastFocus&&lastFocus.focus)lastFocus.focus();}\n  root.querySelectorAll(\".work[data-provider]\").forEach(card=>{const go=()=>openEmbed(card.dataset.provider,card.dataset.id);card.addEventListener(\"click\",go);card.addEventListener(\"keydown\",e=>{if(e.key===\"Enter\"||e.key===\" \"){e.preventDefault();go();}});});\n  root.querySelector(\"[data-demo]\")?.addEventListener(\"click\",openDemo);\n  root.querySelector(\".hero-video-mask\")?.addEventListener(\"click\",openDemo);\n  stopBtn?.addEventListener(\"click\",stopDemo);close?.addEventListener(\"click\",closeModal);modal?.addEventListener(\"click\",e=>{if(e.target===modal)closeModal();});document.addEventListener(\"keydown\",e=>{if(e.key===\"Escape\"&&modal.classList.contains(\"open\"))closeModal();});\n})();\n<\/script>\n\n\n<script type=\"module\">\n(async()=>{\n  const section=document.getElementById(\"lg-live-composition\");\n  const sdStage=document.getElementById(\"lgSdStage\"),sdHost=document.getElementById(\"lgSdWorld\"),sdLines=document.getElementById(\"lgSdLines\");\n  const muStage=document.getElementById(\"lgMusicStage\"),muHost=document.getElementById(\"lgMusicWorld\"),muLines=document.getElementById(\"lgMusicLines\");\n  if(!section||!sdStage||!sdHost||!sdLines||!muStage||!muHost||!muLines)return;\n  const reduced=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  let THREE;try{THREE=await import(\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.180.0\/+esm\")}catch(err){console.error(err);return}\n\n  const clamp=v=>Math.max(0,Math.min(1,v)),smooth=t=>t*t*(3-2*t),ease=t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)\/2,map=(v,a,b)=>clamp((v-a)\/(b-a));\n  function renderer(stage,host,exp){const r=new THREE.WebGLRenderer({antialias:true,alpha:true,powerPreference:\"high-performance\"});r.setPixelRatio(Math.min(devicePixelRatio||1,1.45));r.outputColorSpace=THREE.SRGBColorSpace;r.toneMapping=THREE.ACESFilmicToneMapping;r.toneMappingExposure=exp;host.appendChild(r.domElement);return r}\n  function lights(scene){scene.add(new THREE.HemisphereLight(0xd8d9e5,0x07080c,1.30));const k=new THREE.DirectionalLight(0xffffff,4.2);k.position.set(4.5,7.5,8.5);scene.add(k);const t=new THREE.DirectionalLight(0xbfc4ff,2);t.position.set(-1,8,3);scene.add(t);const rim=new THREE.DirectionalLight(0x918bff,3);rim.position.set(-5,2,-4);scene.add(rim);const v=new THREE.PointLight(0x817aff,3.2,18,1.7);v.position.set(-3,-1.5,5);scene.add(v);const w=new THREE.PointLight(0xffffff,2,16,1.8);w.position.set(3.8,1.5,6);scene.add(w)}\n\n  \/\/ SOUND DESIGN\n  const sScene=new THREE.Scene(),sCam=new THREE.OrthographicCamera(-6,6,4.5,-4.5,.1,100);sCam.position.set(7.2,5.8,10);sCam.lookAt(0,0,0);\n  const sR=renderer(sdStage,sdHost,1.14);lights(sScene);const sWorld=new THREE.Group();sScene.add(sWorld);sWorld.rotation.set(-.16,.58,.02);\n  const sD=new THREE.MeshPhysicalMaterial({color:0x242630,roughness:.34,metalness:.18,clearcoat:.26,clearcoatRoughness:.44}),sP=new THREE.MeshPhysicalMaterial({color:0x8f88ff,roughness:.31,metalness:.10,clearcoat:.20,clearcoatRoughness:.38});\n  function bx(g,sx,sy,sz,x,y,z,m){const q=new THREE.Mesh(new THREE.BoxGeometry(sx,sy,sz),m);q.position.set(x,y,z);g.add(q)}\n  function U(m){const g=new THREE.Group();bx(g,2.25,.72,.72,0,.82,0,m);bx(g,.72,2.05,.72,-.765,0,0,m);bx(g,.72,1.45,.72,.765,.30,0,m);return g}\n  function C(m){const g=new THREE.Group();bx(g,.72,2.25,.72,-.78,0,0,m);bx(g,1.75,.72,.72,.12,.76,0,m);bx(g,1.55,.72,.72,.02,-.76,0,m);return g}\n  function H(m){const g=new THREE.Group();bx(g,2.15,.72,.72,0,.78,0,m);bx(g,.72,2.10,.72,.72,0,0,m);bx(g,1.25,.72,.72,.22,-.10,0,m);return g}\n  function S(m){const g=new THREE.Group();bx(g,.72,2.15,.72,-.72,0,0,m);bx(g,1.35,.72,.72,.12,.72,0,m);bx(g,.72,1.45,.72,.72,.32,0,m);return g}\n  function L(m){const g=new THREE.Group();bx(g,.72,2.15,.72,-.58,0,0,m);bx(g,1.65,.72,.72,.28,-.72,0,m);return g}\n  function A(m){const g=new THREE.Group();bx(g,2.10,.72,.72,0,.78,0,m);bx(g,.72,1.85,.72,-.70,0,m);bx(g,.72,1.85,.72,.70,0,m);return g}\n  const sp=[U(sD),A(sP),H(sD),C(sD),L(sP),S(sD)];sp[0].rotation.set(0,0,Math.PI);sp[1].rotation.set(0,Math.PI\/2,0);sp[2].rotation.set(Math.PI\/2,0,0);sp[3].rotation.set(0,0,Math.PI);sp[4].rotation.set(0,Math.PI\/2,Math.PI\/2);sp[5].rotation.set(Math.PI\/2,0,0);\n  const seQ=sp.map(p=>p.quaternion.clone()),ss=[new THREE.Vector3(2.55,2.25,-.15),new THREE.Vector3(-2.55,2.25,.25),new THREE.Vector3(2.55,0,.10),new THREE.Vector3(-2.55,0,-.05),new THREE.Vector3(2.55,-2.25,.20),new THREE.Vector3(-2.55,-2.25,.05)],se=[new THREE.Vector3(.52,.72,-.78),new THREE.Vector3(-.64,.52,.72),new THREE.Vector3(.78,-.05,.20),new THREE.Vector3(-.70,-.10,-.15),new THREE.Vector3(.40,-.86,.45),new THREE.Vector3(-.38,-.78,.62)],so=[new THREE.Euler(-.28,.46,-.18),new THREE.Euler(.34,-.42,.16),new THREE.Euler(-.22,.52,.20),new THREE.Euler(.28,-.48,-.18),new THREE.Euler(-.30,.40,.22),new THREE.Euler(.26,-.44,-.20)],ssQ=seQ.map((q,i)=>new THREE.Quaternion().setFromEuler(so[i]).multiply(q.clone()));\n  sp.forEach((p,i)=>{p.position.copy(ss[i]);p.quaternion.copy(ssQ[i]);sWorld.add(p)});\n  const sl=[...sdStage.querySelectorAll(\".sd-puzzle-label\")],st=sdStage.querySelector(\".sd-puzzle-title\"),vv1=new THREE.Vector3();\n\n  \/\/ MUSIC\n  const mScene=new THREE.Scene(),mCam=new THREE.OrthographicCamera(-6,6,4.5,-4.5,.1,100);mCam.position.set(7,4.8,10.8);mCam.lookAt(0,.05,0);\n  const mR=renderer(muStage,muHost,1.10);lights(mScene);const mWorld=new THREE.Group();mScene.add(mWorld);mWorld.rotation.set(-.12,.42,.02);\n  const mD=new THREE.MeshPhysicalMaterial({color:0x252733,roughness:.34,metalness:.18,clearcoat:.28,clearcoatRoughness:.42,side:THREE.DoubleSide}),mP=new THREE.MeshPhysicalMaterial({color:0x8f88ff,roughness:.31,metalness:.10,clearcoat:.22,clearcoatRoughness:.38,side:THREE.DoubleSide});\n  function petal(index){const rows=46,cols=12,verts=[],uvs=[],idx=[],base=index*Math.PI*2\/6,spread=.83,th=.12,front=[];for(let r=0;r<=rows;r++){const u=r\/rows,y=-2.25+4.5*u,sw=Math.pow(Math.sin(Math.PI*u),.72),ta=.18+.95*sw,ra=.54+1.18*sw,tw=(u-.5)*1.34+.10*Math.sin(u*Math.PI*2);for(let c=0;c<=cols;c++){const v=c\/cols*2-1,e=Math.pow(Math.abs(v),1.65),a=base+tw+v*spread*.52*ta,r0=ra+.13*(1-e)+.09*Math.cos(Math.PI*v),cu=.18*Math.sin(Math.PI*v)*sw;front.push([(r0+cu)*Math.cos(a),y+.11*Math.sin(Math.PI*v)*sw+.05*Math.sin(base*2+u*5.3),(r0+cu)*Math.sin(a)])}}const total=(rows+1)*(cols+1);for(let side=0;side<2;side++)for(let r=0;r<=rows;r++)for(let c=0;c<=cols;c++){const p=front[r*(cols+1)+c],rr=Math.hypot(p[0],p[2])||1,s=side===0?1:-1;verts.push(p[0]+s*th*.5*p[0]\/rr,p[1],p[2]+s*th*.5*p[2]\/rr);uvs.push(c\/cols,r\/rows)}const id=(side,r,c)=>side*total+r*(cols+1)+c;for(let side=0;side<2;side++)for(let r=0;r<rows;r++)for(let c=0;c<cols;c++){const a=id(side,r,c),b=id(side,r+1,c),cc=id(side,r+1,c+1),d=id(side,r,c+1);if(side===0)idx.push(a,b,d,b,cc,d);else idx.push(a,d,b,b,d,cc)}for(let r=0;r<rows;r++)for(const c of [0,cols]){const a=id(0,r,c),b=id(0,r+1,c),cc=id(1,r+1,c),d=id(1,r,c);if(c===0)idx.push(a,d,b,b,d,cc);else idx.push(a,b,d,b,cc,d)}for(const r of [0,rows])for(let c=0;c<cols;c++){const a=id(0,r,c),b=id(0,r,c+1),cc=id(1,r,c+1),d=id(1,r,c);if(r===0)idx.push(a,b,d,b,cc,d);else idx.push(a,d,b,b,d,cc)}const g=new THREE.BufferGeometry();g.setAttribute(\"position\",new THREE.Float32BufferAttribute(verts,3));g.setAttribute(\"uv\",new THREE.Float32BufferAttribute(uvs,2));g.setIndex(idx);g.computeVertexNormals();return g}\n  const mm=[mD,mP,mD,mD,mP,mD],mp=[];for(let i=0;i<6;i++){const me=new THREE.Mesh(petal(i),mm[i]),g=new THREE.Group();g.add(me);mp.push(g);mWorld.add(g)}\n  const meQ=mp.map(p=>p.quaternion.clone()),me=mp.map(()=>new THREE.Vector3(0,0,0)),ms=[new THREE.Vector3(2.65,2.25,-.15),new THREE.Vector3(-2.65,2.25,.25),new THREE.Vector3(2.65,0,.10),new THREE.Vector3(-2.65,0,-.05),new THREE.Vector3(2.65,-2.25,.20),new THREE.Vector3(-2.65,-2.25,.05)],mo=[new THREE.Euler(-.34,.54,-.20),new THREE.Euler(.36,-.48,.18),new THREE.Euler(-.26,.58,.20),new THREE.Euler(.30,-.52,-.19),new THREE.Euler(-.34,.46,.24),new THREE.Euler(.28,-.48,-.22)],msQ=meQ.map((q,i)=>new THREE.Quaternion().setFromEuler(mo[i]).multiply(q.clone()));\n  mp.forEach((p,i)=>{p.position.copy(ms[i]);p.quaternion.copy(msQ[i])});\n  const ml=[...muStage.querySelectorAll(\".music-shell-label\")],mt=muStage.querySelector(\".music-shell-title\"),vv2=new THREE.Vector3();\n\n  function resizeOne(stage,r,camera,desk,mob){const w=stage.clientWidth,h=stage.clientHeight;r.setSize(w,h,false);const a=w\/h,s=w<650?mob:desk;camera.left=-s*a;camera.right=s*a;camera.top=s;camera.bottom=-s;camera.updateProjectionMatrix()}\n  function resize(){resizeOne(sdStage,sR,sCam,5.6,6.6);resizeOne(muStage,mR,mCam,5.65,6.7)}\n  if(\"ResizeObserver\"in window){new ResizeObserver(resize).observe(sdStage);new ResizeObserver(resize).observe(muStage)}else addEventListener(\"resize\",resize);resize();\n\n  function lines(stage,g,labels,parts,camera,v){g.innerHTML=\"\";const rr=stage.getBoundingClientRect(),ns=\"http:\/\/www.w3.org\/2000\/svg\";labels.forEach(l=>{const i=+l.dataset.i;parts[i].getWorldPosition(v);v.project(camera);const ax=(v.x*.5+.5)*stage.clientWidth,ay=(-v.y*.5+.5)*stage.clientHeight,lr=l.getBoundingClientRect(),right=l.classList.contains(\"right\"),lx=right?lr.left-rr.left:lr.right-rr.left,ly=lr.top-rr.top+lr.height\/2,el=right?lx-22:lx+22;const p=document.createElementNS(ns,\"path\");p.setAttribute(\"d\",`M ${lx} ${ly} L ${el} ${ly} L ${ax} ${ay}`);p.setAttribute(\"fill\",\"none\");p.setAttribute(\"stroke\",\"#777a8b\");p.setAttribute(\"stroke-width\",\".8\");p.setAttribute(\"opacity\",\".62\");g.appendChild(p);const c=document.createElementNS(ns,\"circle\");c.setAttribute(\"cx\",ax);c.setAttribute(\"cy\",ay);c.setAttribute(\"r\",\"2.7\");c.setAttribute(\"fill\",\"#9a94ff\");c.setAttribute(\"opacity\",\".92\");g.appendChild(c)})}\n\n  let target=reduced?1:0,current=target,active=true;\n  let sdTarget=reduced?1:0,sdCurrent=sdTarget;\n\n  const soEl=section.querySelector(\".lg-live-orbit-sd\");\n  const moEl=section.querySelector(\".lg-live-orbit-music\");\n\n  \/* Progression g\u00e9n\u00e9rale : conserv\u00e9e pour MS et les micro-mouvements. *\/\n  function update(){\n    if(reduced){target=1;sdTarget=1;return}\n    const r=section.getBoundingClientRect();\n    const vh=innerHeight||document.documentElement.clientHeight;\n    const travel=vh+Math.min(r.height,vh*1.25);\n    target=clamp((vh-r.top)\/Math.max(1,travel));\n\n    \/* SD : timing sp\u00e9cifique.\n       - 0 au PREMIER pixel de SD qui entre en bas de l'\u00e9cran.\n       - 1 lorsque le centre th\u00e9orique de SD atteint environ le milieu du viewport.\n       Le calcul se fait sur la position de la SECTION, donc il continue de progresser\n       correctement m\u00eame lorsque la sc\u00e8ne devient sticky. *\/\n    const sdTopRatio=.05;      \/\/ top:5vh\n    const sdHeightRatio=.42;   \/\/ hauteur:42vh\n    const startTop=vh*(1-sdTopRatio);\n    const finishTop=vh*(.50-(sdTopRatio+sdHeightRatio\/2));\n    sdTarget=clamp((startTop-r.top)\/Math.max(1,startTop-finishTop));\n  }\n  addEventListener(\"scroll\",update,{passive:true});update();\n  const words=[...section.querySelectorAll(\".lg-live-word\")];\n  const liveIndex=section.querySelector(\".lg-live-index\");\n  const liveTrace=section.querySelector(\".lg-live-trace\");\n\n  function tick(){\n    if(!active)return;\n    current+=(target-current)*(reduced?1:.095);\n    sdCurrent+=(sdTarget-sdCurrent)*(reduced?1:.14);\n\n    \/* SD : se ferme pendant son entr\u00e9e dans le viewport. *\/\n    const ps=smooth(sdCurrent);\n    sp.forEach((p,i)=>{\n      const t=smooth(clamp((ps-i*.010)\/.99)),e=ease(Math.pow(t,1.16));\n      p.position.lerpVectors(ss[i],se[i],e);\n      const a=Math.sin(Math.PI*t),sg=[1,-1,-1,1,1,-1];\n      p.position.z+=a*.39*sg[i];\n      p.position.y+=a*.075*(i%2===0?1:-1);\n      p.quaternion.copy(ssQ[i]).slerp(seQ[i],ease(t))\n    });\n    sWorld.rotation.y=.58-ps*.075;\n    sWorld.rotation.x=-.16+ps*.022;\n    const stt=map(ps,.76,.93);\n    st.style.opacity=String(stt);\n    st.style.transform=`translate(-50%,-50%) translateY(${10*(1-stt)}px) scale(${.97+.03*stt})`;\n\n    \/* MS : d\u00e9part anticip\u00e9. Quand son coin bas-droit appara\u00eet, l'assemblage a d\u00e9j\u00e0 commenc\u00e9. *\/\n    const pm=smooth(clamp((current-.08)\/.72));\n    mp.forEach((p,i)=>{\n      const t=smooth(clamp((pm-i*.010)\/.99)),e=ease(Math.pow(t,1.17));\n      p.position.lerpVectors(ms[i],me[i],e);\n      const a=Math.sin(Math.PI*t),sg=[1,-1,-1,1,1,-1];\n      p.position.z+=a*.42*sg[i];\n      p.position.y+=a*.082*(i%2===0?1:-1);\n      p.quaternion.copy(msQ[i]).slerp(meQ[i],ease(t))\n    });\n    mWorld.rotation.y=.42-pm*.075;\n    mWorld.rotation.x=-.12+pm*.022;\n    const mtt=map(pm,.76,.93);\n    mt.style.opacity=String(mtt);\n    mt.style.transform=`translate(-50%,-50%) translateY(${10*(1-mtt)}px) scale(${.97+.03*mtt})`;\n\n    \/* Les sculptures respirent doucement, sans jamais devenir d\u00e9monstratives. *\/\n    soEl.style.transform=`translate3d(${-6*sdCurrent}px,${-5*sdCurrent}px,0) scale(${1-.012*sdCurrent})`;\n    soEl.style.opacity=String(.82+.18*map(sdCurrent,0,.18));\n    moEl.style.transform=`translate3d(${7*(1-current)}px,${10*(1-current)}px,0) scale(${.985+.015*pm})`;\n    moEl.style.opacity=String(.58+.42*map(current,.06,.34));\n\n    \/* Parallaxe discret par groupes de mots : la phrase se compose avec la mati\u00e8re. *\/\n    const centered=(current-.48);\n    words.forEach((el,i)=>{\n      const px=parseFloat(el.dataset.px)||0;\n      const py=parseFloat(el.dataset.py)||0;\n      const stagger=(i-1.5)*1.4;\n      const x=centered*px+stagger;\n      el.style.transform=`translate3d(${x.toFixed(2)}px,0,0)`;\n    });\n\n    if(liveIndex){\n      liveIndex.style.transform=`translate3d(${(-6*centered).toFixed(2)}px,${(-9*centered).toFixed(2)}px,0)`;\n      liveIndex.style.opacity=String(.48+.42*map(current,.04,.28));\n    }\n    if(liveTrace){\n      liveTrace.style.transform=`translate3d(${(5*centered).toFixed(2)}px,${(8*centered).toFixed(2)}px,0)`;\n      liveTrace.style.opacity=String(.18+.22*map(current,.10,.52));\n    }\n\n    sR.render(sScene,sCam);\n    mR.render(mScene,mCam);\n    lines(sdStage,sdLines,sl,sp,sCam,vv1);\n    lines(muStage,muLines,ml,mp,mCam,vv2);\n    requestAnimationFrame(tick)\n  }\n  tick();\n  addEventListener(\"pagehide\",()=>{active=false;try{sR.dispose();mR.dispose()}catch(e){}},{once:true});\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed05180 e-flex e-con-boxed e-con e-parent\" data-id=\"ed05180\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LUCAS GORETComposer \u00b7 Sound designer ActuProjetsPlaylistCollabBio Contact Paris \u00b7 Composition \u00b7 Sound design \u00b7 Production Lucas Goret Sound. Compositeur, arrangeur, sound designer et multi-instrumentiste. Des identit\u00e9s sonores, musiques originales et narrations audio pens\u00e9es pour l\u2019image, le jeu-vid\u00e9o et les exp\u00e9riences immersives. \u25b6 \u00c9couter la d\u00e9mo Scroll to enter \u2193 01Composition originale02Sound design03Mixage \u00b7 MAO04Direction sonore [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages\/3403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/comments?post=3403"}],"version-history":[{"count":65,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages\/3403\/revisions"}],"predecessor-version":[{"id":3619,"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/pages\/3403\/revisions\/3619"}],"wp:attachment":[{"href":"https:\/\/lucasgoret.com\/index.php\/wp-json\/wp\/v2\/media?parent=3403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}