<!DOCTYPE html><html lang="fr-FR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/3201430456de9e57df21c752b63bfb24/script.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-5DDYWJ7ZE0"></script> <script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Consent Mode v2 - Configuration par défaut (avant consentement)
gtag('consent', 'default', {
'analytics_storage': 'denied',
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'wait_for_update': 500
});
gtag('js', new Date());
gtag('config', 'G-5DDYWJ7ZE0');
// Écouter l'événement CookieYes pour mettre à jour le consentement
document.addEventListener('cookieyes_consent_update', function(e) {
var accepted = e.detail.accepted || [];
// Si analytics est accepté
if (accepted.includes('analytics')) {
gtag('consent', 'update', {
'analytics_storage': 'granted'
});
}
// Si advertisement/marketing est accepté
if (accepted.includes('advertisement') || accepted.includes('marketing')) {
gtag('consent', 'update', {
'ad_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted'
});
}
});
// Vérifier si le consentement a déjà été donné (visite retour)
if (typeof getCkyConsent === 'function') {
var consent = getCkyConsent();
if (consent && consent.categories && consent.categories.analytics) {
gtag('consent', 'update', {
'analytics_storage': 'granted'
});
}
}</script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookie-law-info-gcm-var-js">var _ckyGcm = {"status":true,"default_settings":[{"analytics":"denied","advertisement":"denied","functional":"denied","necessary":"granted","ad_user_data":"denied","ad_personalization":"denied","regions":"All"}],"wait_for_update":2000,"url_passthrough":false,"ads_data_redaction":false}</script> <script id="cookie-law-info-gcm-js" type="text/javascript" src="http://www.immersion-technologies.fr/wp-content/plugins/cookie-law-info/lite/frontend/js/gcm.min.js"></script> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/3201430456de9e57df21c752b63bfb24/script.js"></script> <link rel="icon" type="image/png" sizes="48x48" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/favicon-48.png"><link rel="icon" type="image/png" sizes="192x192" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/favicon-192.png"><link rel="apple-touch-icon" sizes="180x180" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/apple-touch-icon.png"><link rel="shortcut icon" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/favicons/favicon.ico"><title>Nos Réalisations Audiovisuelles | Projets Restaurants, Bars, Hôtels</title><meta name="description" content="Découvrez nos installations audiovisuelles : sonorisation, éclairage LED, intégration vidéo. Projets en Alsace et partout en France." /><link rel="canonical" href="https://www.immersion-technologies.fr/nos-realisations/" /><meta property="og:locale" content="fr_FR" /><meta property="og:type" content="website" /><meta property="og:title" content="Nos Réalisations Archive - Immersion Technologies" /><meta property="og:url" content="https://www.immersion-technologies.fr/nos-realisations/" /><meta property="og:site_name" content="Immersion Technologies" /><meta name="twitter:card" content="summary_large_image" /><style media="all">*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#000;color:#fff;overflow-x:hidden}img{max-width:100%;height:auto;display:block}img.logo-header{height:48px!important;max-height:48px!important}.hero-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;min-height:100vh}#main-header{position:fixed;top:0;left:0;right:0;z-index:60}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(max-width:1023px){#main-header{background:rgba(0,0,0,1)!important}.logo-container-2{position:relative;z-index:70;display:flex!important;align-items:center!important;flex-shrink:0;-webkit-transform:translateZ(0);transform:translateZ(0);max-width:60vw}.logo-container-2 a{display:block;line-height:0;max-width:100%}.logo-header{display:block!important;width:auto!important;height:40px!important;max-width:100%!important;max-height:40px!important;visibility:visible!important;opacity:1!important;-webkit-transform:translateZ(0);transform:translateZ(0)}nav .logo-container-2{order:-1;flex:0 0 auto}}@media(max-width:375px){.logo-header{height:36px!important;max-height:36px!important}}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
/*!
* Google Fonts - Inter
* Hébergées localement pour optimiser les performances
* Téléchargées depuis google-webfonts-helper.herokuapp.com
*/
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-400.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-400.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-500.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-500.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-600.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-600.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-700.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../fonts/inter-v13-latin-700.woff) format('woff')}
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Configuration locale optimisée pour Immersion Technologies
*/
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-regular-400.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-regular-400.woff) format('woff')}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-solid-900.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-solid-900.woff) format('woff')}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-brands-400.woff2) format('woff2'),url(//www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/css/../webfonts/fa-brands-400.woff) format('woff')}.fa,.fas,.far,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa,.fas{font-family:'Font Awesome 6 Free';font-weight:900}.far{font-family:'Font Awesome 6 Free';font-weight:400}.fab{font-family:'Font Awesome 6 Brands';font-weight:400}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-fw{text-align:center;width:1.25em}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}body{overflow-x:hidden;background:#000;color:#fff}*[style*="font-family: Cardo"],*[style*="font-family:Cardo"],*[class*=has-cardo-font-family]{font-family:'Space Grotesk',sans-serif !important}h1,h2,h3,h4,h5,h6,.wp-block-heading,.has-cardo-font-family{font-family:'Space Grotesk',sans-serif !important}.font-space{font-family:'Space Grotesk',sans-serif !important}.text-gradient{background:linear-gradient(135deg,#fff,#ccc) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatReverse{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(20px) rotate(-5deg)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite !important}.float-reverse{animation:floatReverse 8s ease-in-out infinite !important}.animate-float{animation:float 3s ease-in-out infinite !important}.hero-bg{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:-1 !important}.hero-bg:before{content:'' !important;position:absolute !important;inset:0 !important;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%) !important;z-index:2 !important}.hero-bg-image{position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;min-height:100vh !important;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 8s cubic-bezier(.4,0,.2,1) !important;transform:scale(1.1) !important}.hero-bg-image.active{opacity:1 !important;transform:scale(1) !important}.hero-bg-image:not(.active){opacity:0 !important;transform:scale(1.2) !important}.noise{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;opacity:.02 !important;z-index:3 !important;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMSIvPjwvc3ZnPg==') !important}.grid-pattern{position:fixed !important;inset:0 !important;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px) !important;background-size:50px 50px !important;z-index:2 !important;pointer-events:none !important}.floating-element{position:absolute !important;opacity:.1 !important;animation:float 6s ease-in-out infinite !important}.floating-element:nth-child(odd){animation-duration:8s !important;animation-delay:1s !important}.nav-item{position:relative !important;overflow:hidden !important;transition:all .5s cubic-bezier(.4,0,.2,1) !important}.nav-item:before{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:100% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent) !important;transition:left .5s cubic-bezier(.4,0,.2,1) !important}.nav-item:hover:before{left:100% !important}.nav-item.active{background:linear-gradient(to bottom right,#3daa35,#2d8028) !important;backdrop-filter:blur(8px) !important;box-shadow:0 0 20px rgba(61,170,53,.3) !important;transform:scale(1.02) !important;transition:all .5s ease !important}.cta-premium{position:relative !important;background:linear-gradient(135deg,#3daa35,#2d8028) !important;overflow:hidden !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important;box-shadow:0 4px 30px rgba(61,170,53,.3) !important}.cta-premium:before{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;width:0 !important;height:0 !important;background:rgba(255,255,255,.2) !important;border-radius:50% !important;transform:translate(-50%,-50%) !important;transition:width .6s,height .6s !important}.cta-premium:hover:before{width:300px !important;height:300px !important}.cta-premium:hover{transform:translateY(-2px) !important;box-shadow:0 8px 40px rgba(61,170,53,.4) !important}.service-card{background:0 0 !important;border-radius:.5rem !important;animation:fadeIn .8s ease-out !important;transform:translate(-2.4vw,15vh) !important}.progress-ring{width:60px !important;height:60px !important;transform:rotate(-90deg) !important}.progress-ring-circle{transition:stroke-dashoffset .1s linear !important;stroke:#3daa35 !important;stroke-width:5 !important;fill:transparent !important}.custom-cursor{width:20px !important;height:20px !important;border:2px solid #3daa35 !important;border-radius:50% !important;position:fixed !important;pointer-events:none !important;z-index:9999 !important;transition:all .1s ease !important;transform:translate(-50%,-50%) !important;mix-blend-mode:difference !important}.custom-cursor.hover{width:40px !important;height:40px !important;background:rgba(61,170,53,.1) !important}:root{--wave-count:100;--wave-duration:2s;--wave-skew:17.5deg;--wave-translate:100px;--wave-width:10px;--wave-height:30px}.sea{position:absolute !important;bottom:0 !important;left:0 !important;width:100% !important;height:200px !important;display:flex !important;justify-content:space-between !important;align-items:flex-end !important;filter:drop-shadow(0 -7px 10px rgba(61,170,53,.3)) blur(1px) contrast(3) !important}.wave{position:relative !important;flex:1 !important}.wave_graphic{width:100% !important;height:var(--wave-height) !important;background:linear-gradient(180deg,rgba(61,170,53,.3),rgba(61,170,53,.3)) !important}.wave_fade{animation:fade calc(var(--wave-duration) * 0.7) ease-in-out infinite alternate !important}.wave_skew{animation:skew var(--wave-duration) ease-in-out infinite alternate !important}.wave_translate{animation:translate var(--wave-duration) ease-in-out infinite alternate !important}.wave:nth-child(1) .wave_fade{animation-delay:-20ms !important}.wave:nth-child(1) .wave_skew{animation-delay:-20ms !important}.wave:nth-child(1) .wave_translate{animation-delay:-1.02s !important}.wave:nth-child(2) .wave_fade{animation-delay:-40ms !important}.wave:nth-child(2) .wave_skew{animation-delay:-40ms !important}.wave:nth-child(2) .wave_translate{animation-delay:-1.04s !important}.wave:nth-child(3) .wave_fade{animation-delay:-60ms !important}.wave:nth-child(3) .wave_skew{animation-delay:-60ms !important}.wave:nth-child(3) .wave_translate{animation-delay:-1.06s !important}.wave:nth-child(4) .wave_fade{animation-delay:-80ms !important}.wave:nth-child(4) .wave_skew{animation-delay:-80ms !important}.wave:nth-child(4) .wave_translate{animation-delay:-1.08s !important}.wave:nth-child(5) .wave_fade{animation-delay:-.1s !important}.wave:nth-child(5) .wave_skew{animation-delay:-.1s !important}.wave:nth-child(5) .wave_translate{animation-delay:-1.1s !important}@keyframes fade{0%{opacity:.05}5%{opacity:.05}100%{opacity:1}}@keyframes skew{0%{transform:skewY(calc(-1 * var(--wave-skew)))}100%{transform:skewY(var(--wave-skew))}}@keyframes translate{0%{transform:translateY(var(--wave-translate))}100%{transform:translateY(calc(-1 * var(--wave-translate)))}}.wave:nth-child(n+6) .wave_fade{animation-delay:calc(var(--i, 6) * -20ms) !important}.wave:nth-child(n+6) .wave_skew{animation-delay:calc(var(--i, 6) * -20ms) !important}.wave:nth-child(n+6) .wave_translate{animation-delay:calc(var(--i, 6) * -20ms - 1000ms) !important}.group:hover .shadow-xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.15) !important}.hover\:scale-105:hover{transform:scale(1.05) !important}.skew-x-12{transform:skewX(-12deg) !important}*{transition-timing-function:cubic-bezier(.4,0,.2,1) !important}.wpcf7-response-output{color:#000 !important;background:#fff !important;border:2px solid #3daa35 !important;padding:15px 20px !important;border-radius:8px !important;margin-top:20px !important;font-weight:500 !important}.wpcf7-mail-sent-ok{background:#e8f5e9 !important;color:#2d8028 !important;border-color:#3daa35 !important}.wpcf7-validation-errors,.wpcf7-acceptance-missing{background:#fff3cd !important;color:#856404 !important;border-color:#ffc107 !important}.wpcf7-mail-sent-ng,.wpcf7-aborted{background:#f8d7da !important;color:#721c24 !important;border-color:#dc3545 !important}.wpcf7-spam-blocked{background:#f8d7da !important;color:#721c24 !important;border-color:#dc3545 !important}.wpcf7-not-valid-tip{color:#dc3545 !important;background:#fff !important;padding:5px 10px !important;border-radius:4px !important;margin-top:5px !important;display:inline-block !important;font-size:14px !important}@media (max-width:1280px){.service-card{transform:translate(-8vw,15vh) !important}}@media (max-width:1024px){.hero-content{padding-top:80px !important;padding-bottom:80px !important}.side-nav{bottom:20px !important;right:50% !important;transform:translateX(50%) !important;flex-direction:row !important;gap:10px !important}.nav-item{writing-mode:horizontal-tb !important;padding:10px 20px !important}.flex-none.w-full.lg\:w-\[48\%\]{width:85% !important}}@media (max-width:768px){.service-card{transform:translate(-10vw,15vh) !important}}@media (max-width:640px){.hero-buttons{flex-direction:column !important;gap:12px !important}.hero-buttons button{width:100% !important}}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{overflow-x:hidden;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.text-gradient{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{inset:-.25rem}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-2{bottom:-.5rem}.-bottom-40{bottom:-10rem}.-bottom-6{bottom:-1.5rem}.-left-4{left:-1rem}.-left-40{left:-10rem}.-right-40{right:-10rem}.-right-6{right:-1.5rem}.-top-4{top:-1rem}.-top-40{top:-10rem}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-1\/2{right:50%}.right-1\/3{right:33.333333%}.right-1\/4{right:25%}.right-2{right:.5rem}.right-4{right:1rem}.right-8{right:2rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.col-span-full{grid-column:1/-1}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-2{margin-left:-.5rem}.-mr-2{margin-right:-.5rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-video{aspect-ratio:16/9}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-28{height:7rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:0}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[44px\]{min-height:44px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[140px\]{width:140px}.w-\[200\%\]{width:200%}.w-\[800px\]{width:800px}.w-\[85vw\]{width:85vw}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[150px\]{max-width:150px}.max-w-\[280px\]{max-width:280px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem}.translate-y-5{--tw-translate-y:1.25rem}.translate-y-5,.translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y:2rem}.skew-x-12{--tw-skew-x:12deg}.skew-x-12,.skew-x-\[-30deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-\[-30deg\]{--tw-skew-x:-30deg}.skew-x-\[30deg\]{--tw-skew-x:30deg}.skew-x-\[30deg\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.6s_ease-out_0\.2s_forwards\]{animation:fadeIn .6s ease-out .2s forwards}.animate-\[fadeIn_0\.6s_ease-out_0\.4s_forwards\]{animation:fadeIn .6s ease-out .4s forwards}.animate-\[fadeIn_0\.6s_ease-out_forwards\]{animation:fadeIn .6s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-float{animation:float 6s ease-in-out infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-8{border-bottom-width:8px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-8{border-left-width:8px}.border-r-0{border-right-width:0}.border-r-8{border-right-width:8px}.border-t{border-top-width:1px}.border-t-8{border-top-width:8px}.border-\[\#3daa35\]\/30{border-color:rgba(61,170,53,.3)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-verre\/50{border-color:rgba(61,170,53,.5)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-b-transparent{border-bottom-color:transparent}.border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:transparent}.border-l-white{--tw-border-opacity:1;border-left-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-r-transparent{border-right-color:transparent}.border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-black\/0{background-color:transparent}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-verre{--tw-bg-opacity:1;background-color:rgb(61 170 53/var(--tw-bg-opacity,1))}.bg-verre\/10{background-color:rgba(61,170,53,.1)}.bg-verre\/20{background-color:rgba(61,170,53,.2)}.bg-verre\/50{background-color:rgba(61,170,53,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-\[radial-gradient\(45rem_50rem_at_bottom\2c rgba\(61\2c 170\2c 53\2c 0\.15\)\2c transparent\)\]{background-image:radial-gradient(45rem 50rem at bottom,rgba(61,170,53,.15),transparent)}.bg-\[radial-gradient\(45rem_50rem_at_top\2c rgba\(61\2c 170\2c 53\2c 0\.15\)\2c transparent\)\]{background-image:radial-gradient(45rem 50rem at top,rgba(61,170,53,.15),transparent)}.bg-\[radial-gradient\(45rem_50rem_at_top\2c rgba\(61\2c 170\2c 53\2c 0\.2\)\2c white\)\]{background-image:radial-gradient(45rem 50rem at top,rgba(61,170,53,.2),#fff)}.bg-\[radial-gradient\(45rem_50rem_at_top\2c rgba\(61\2c 170\2c 53\2c 0\.69\)\2c white\)\]{background-image:radial-gradient(45rem 50rem at top,rgba(61,170,53,.69),#fff)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#3daa35\]{--tw-gradient-from:#3daa35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(61,170,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/40{--tw-gradient-from:rgba(0,0,0,.4) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from:rgba(0,0,0,.5) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from:rgba(0,0,0,.9) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,252,231,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from:rgba(34,197,94,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-verre{--tw-gradient-from:#3daa35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(61,170,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-verre\/5{--tw-gradient-from:rgba(61,170,53,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(61,170,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/70{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-300{--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#d1d5db var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#111827 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/25{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/80{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#2d8028\]{--tw-gradient-to:#2d8028 var(--tw-gradient-to-position)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-black\/50{--tw-gradient-to:rgba(0,0,0,.5) var(--tw-gradient-to-position)}.to-black\/70{--tw-gradient-to:rgba(0,0,0,.7) var(--tw-gradient-to-position)}.to-black\/85{--tw-gradient-to:rgba(0,0,0,.85) var(--tw-gradient-to-position)}.to-black\/90{--tw-gradient-to:rgba(0,0,0,.9) var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.to-gray-300{--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to:#4ade80 var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to:#f0fdf4 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-verre-dark{--tw-gradient-to:#2d8028 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-inter{font-family:Inter,sans-serif}.font-space{font-family:Space Grotesk,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#3daa35\]{--tw-text-opacity:1;color:rgb(61 170 53/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-500\/40{color:rgba(34,197,94,.4)}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-verre{--tw-text-opacity:1;color:rgb(61 170 53/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-\[0\.02\]{opacity:.02}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_20px_rgba\(61\2c 170\2c 53\2c 0\.3\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(61\2c 170\2c 53\2c 0\.3\)\]{--tw-shadow:0 0 20px rgba(61,170,53,.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-\[0_0_25px_rgba\(61\2c 170\2c 53\2c 0\.4\)\]{--tw-shadow:0 0 25px rgba(61,170,53,.4);--tw-shadow-colored:0 0 25px var(--tw-shadow-color)}.shadow-\[0_0_25px_rgba\(61\2c 170\2c 53\2c 0\.4\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[\#3daa35\]\/10{--tw-shadow-color:rgba(61,170,53,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-gray-200\/50{--tw-shadow-color:rgba(229,231,235,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/25{--tw-shadow-color:rgba(34,197,94,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/5{--tw-shadow-color:rgba(34,197,94,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-600\/30{--tw-shadow-color:rgba(22,163,74,.3);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[\#3daa35\]{--tw-ring-opacity:1;--tw-ring-color:rgb(61 170 53/var(--tw-ring-opacity,1))}.ring-green-500\/10{--tw-ring-color:rgba(34,197,94,.1)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-md{--tw-blur:blur(12px)}.blur-md,.blur-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.drop-shadow-2xl,.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(61,170,53,.4)}50%{box-shadow:0 0 40px rgba(61,170,53,.8)}}.animate-float{animation:float 6s ease-in-out infinite}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-verre:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(61 170 53/var(--tw-bg-opacity,1))}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem}.hover\:scale-105:hover,.hover\:translate-x-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.hover\:border-white\/20:hover{border-color:hsla(0,0%,100%,.2)}.hover\:bg-black\/60:hover{background-color:rgba(0,0,0,.6)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-verre:hover{--tw-bg-opacity:1;background-color:rgb(61 170 53/var(--tw-bg-opacity,1))}.hover\:bg-verre\/10:hover{background-color:rgba(61,170,53,.1)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/15:hover{background-color:hsla(0,0%,100%,.15)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.hover\:text-verre:hover{--tw-text-opacity:1;color:rgb(61 170 53/var(--tw-text-opacity,1))}.hover\:text-verre-dark:hover{--tw-text-opacity:1;color:rgb(45 128 40/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-\[0_0_30px_rgba\(61\2c 170\2c 53\2c 0\.5\)\]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(61\2c 170\2c 53\2c 0\.5\)\]:hover{--tw-shadow:0 0 30px rgba(61,170,53,.5);--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.hover\:shadow-\[0_0_40px_rgba\(61\2c 170\2c 53\2c 0\.6\)\]:hover{--tw-shadow:0 0 40px rgba(61,170,53,.6);--tw-shadow-colored:0 0 40px var(--tw-shadow-color)}.hover\:shadow-\[0_0_40px_rgba\(61\2c 170\2c 53\2c 0\.6\)\]:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9}.active\:scale-90:active,.active\:scale-95:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:max-h-\[300px\]{max-height:300px}.group:hover .group-hover\:w-2{width:.5rem}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:-translate-x-1,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-full{--tw-translate-x:100%}.group:hover .group-hover\:translate-x-full,.group\/marker:hover .group-hover\/marker\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/marker:hover .group-hover\/marker\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}@keyframes pulse{50%{opacity:.5}}.group:hover .group-hover\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\:border-verre\/50{border-color:rgba(61,170,53,.5)}.group:hover .group-hover\:bg-black\/70{background-color:rgba(0,0,0,.7)}.group:hover .group-hover\:text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100,.group\/marker:hover .group-hover\/marker\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:duration-200{transition-duration:.2s}.group:hover .group-hover\:after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:active .group-active\:opacity-50{opacity:.5}@media (min-width:640px){.sm\:bottom-4{bottom:1rem}.sm\:left-4{left:1rem}.sm\:left-6{left:1.5rem}.sm\:right-4{right:1rem}.sm\:top-6{top:1.5rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-28{margin-left:7rem}.sm\:mr-28{margin-right:7rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-16{margin-top:4rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-2{height:.5rem}.sm\:h-3{height:.75rem}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-7{height:1.75rem}.sm\:h-72{height:18rem}.sm\:h-9{height:2.25rem}.sm\:min-h-\[500px\]{min-height:500px}.sm\:min-h-\[600px\]{min-height:600px}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-2{width:.5rem}.sm\:w-20{width:5rem}.sm\:w-3{width:.75rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-7{width:1.75rem}.sm\:w-8{width:2rem}.sm\:w-9{width:2.25rem}.sm\:w-\[160px\]{width:160px}.sm\:w-auto{width:auto}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:opacity-30{opacity:.3}.sm\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-12{margin-bottom:3rem}.md\:mb-16{margin-bottom:4rem}.md\:aspect-\[3\/4\.2\]{aspect-ratio:3/4.2}.md\:min-h-\[550px\]{min-height:550px}.md\:max-w-none{max-width:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:bottom-16{bottom:4rem}.lg\:right-8{right:2rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-last{order:9999}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-16{margin-bottom:4rem}.lg\:ml-0{margin-left:0}.lg\:mr-0{margin-right:0}.lg\:mt-0{margin-top:0}.lg\:mt-12{margin-top:3rem}.lg\:mt-20{margin-top:5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-80{height:20rem}.lg\:h-\[170px\]{height:170px}.lg\:min-h-\[400px\]{min-height:400px}.lg\:min-h-\[700px\]{min-height:700px}.lg\:w-1\/2{width:50%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:p-8{padding:2rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-32{padding-top:8rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:ml-16{margin-left:4rem}.xl\:mr-16{margin-right:4rem}.xl\:origin-center{transform-origin:center}.xl\:px-20{padding-left:5rem;padding-right:5rem}.xl\:pb-32{padding-bottom:8rem}.xl\:pt-32{padding-top:8rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&_a\:hover\]\:text-green-800 a:hover{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.\[\&_a\:hover\]\:underline a:hover{text-decoration-line:underline}.\[\&_a\]\:text-green-600 a{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.\[\&_a\]\:no-underline a{text-decoration-line:none}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&_h2\]\:mb-3 h2{margin-bottom:.75rem}.\[\&_h2\]\:mt-6 h2{margin-top:1.5rem}.\[\&_h2\]\:border-b-2 h2{border-bottom-width:2px}.\[\&_h2\]\:border-gray-200 h2{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.\[\&_h2\]\:pb-2 h2{padding-bottom:.5rem}.\[\&_h2\]\:font-space h2{font-family:Space Grotesk,sans-serif}.\[\&_h2\]\:text-lg h2{font-size:1.125rem;line-height:1.75rem}.\[\&_h2\]\:font-bold h2{font-weight:700}.\[\&_h2\]\:text-gray-900 h2{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.\[\&_h3\]\:mb-2 h3{margin-bottom:.5rem}.\[\&_h3\]\:mt-5 h3{margin-top:1.25rem}.\[\&_h3\]\:font-space h3{font-family:Space Grotesk,sans-serif}.\[\&_h3\]\:text-base h3{font-size:1rem;line-height:1.5rem}.\[\&_h3\]\:font-bold h3{font-weight:700}.\[\&_h3\]\:text-green-800 h3{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.\[\&_p\]\:mb-4 p{margin-bottom:1rem}.\[\&_p\]\:leading-7 p{line-height:1.75rem}.\[\&_p\]\:text-gray-700 p{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.\[\&_strong\]\:font-semibold strong{font-weight:600}.\[\&_strong\]\:text-gray-900 strong{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.\[\&_ul\]\:my-4 ul{margin-top:1rem;margin-bottom:1rem}.\[\&_ul\]\:pl-6 ul{padding-left:1.5rem}.\[\&_ul_li\]\:mb-2 ul li{margin-bottom:.5rem}.\[\&_ul_li\]\:leading-7 ul li{line-height:1.75rem}.\[\&_ul_li\]\:text-gray-700 ul li{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.\[\&_ul_li\]\:marker\:text-green-600 * ul li::marker{color:#16a34a}.\[\&_ul_li\]\:marker\:text-green-600 ul li::marker{color:#16a34a}
/*!
* Header & Animations CSS - Immersion Technologies
* Externalisé pour éviter les problèmes de minification inline
*/
img.logo-header{display:block !important;width:auto !important;height:48px !important;max-height:48px !important}@media (max-width:1023px){#main-header{background:rgba(0,0,0,1) !important}.logo-container-2{position:relative;z-index:70;display:flex !important;align-items:center !important;flex-shrink:0;-webkit-transform:translateZ(0);transform:translateZ(0);max-width:60vw}.logo-container-2 a{display:block;line-height:0;max-width:100%}.logo-header{display:block !important;width:auto !important;height:40px !important;max-width:100% !important;max-height:40px !important;visibility:visible !important;opacity:1 !important;-webkit-transform:translateZ(0);transform:translateZ(0)}nav .logo-container-2{order:-1;flex:0 0 auto}}@media (max-width:375px){.logo-header{height:36px !important;max-height:36px !important}}#mobile-menu{transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease-out,transform .4s cubic-bezier(.4,0,.2,1);transform-origin:top;opacity:0;transform:scaleY(.95)}#mobile-menu.open{opacity:1;transform:scaleY(1)}#mobile-menu .mobile-menu-item{opacity:0;transform:translateX(-20px);transition:opacity .3s ease-out,transform .3s ease-out}#mobile-menu.open .mobile-menu-item{opacity:1;transform:translateX(0)}#mobile-menu.open .mobile-menu-item:nth-child(1){transition-delay:.05s}#mobile-menu.open .mobile-menu-item:nth-child(2){transition-delay:.1s}#mobile-menu.open .mobile-menu-item:nth-child(3){transition-delay:.15s}#mobile-menu.open .mobile-menu-item:nth-child(4){transition-delay:.2s}#mobile-menu.open .mobile-menu-item:nth-child(5){transition-delay:.25s}#mobile-menu.open .mobile-menu-item:nth-child(6){transition-delay:.3s}#mobile-menu.open .mobile-menu-item:nth-child(7){transition-delay:.35s}#mobile-menu.open .mobile-menu-item:nth-child(8){transition-delay:.4s}#mobile-menu.open .mobile-menu-item:nth-child(9){transition-delay:.45s}#mobile-menu.open .mobile-menu-item:nth-child(10){transition-delay:.5s}#mobile-menu:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.98));backdrop-filter:blur(20px);opacity:0;transition:opacity .4s ease-out;z-index:-1}#mobile-menu.open:before{opacity:1}.menu-icon span{transition:all .3s cubic-bezier(.4,0,.2,1)}#mobile-nav-menu ul,#mobile-nav-menu ul li,#mobile-menu ul,#mobile-menu ul li,#mobile-menu li{list-style:none;list-style-type:none;padding:0;margin:0}#mobile-nav-menu ul:before,#mobile-nav-menu li:before{display:none;content:none}#mobile-nav-menu li{margin:0}#mobile-nav-menu a{display:block;padding:.5rem 0}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);z-index:2}.hero-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;min-height:100vh;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 8s cubic-bezier(.4,0,.2,1);transform:scale(1.1)}.hero-bg-image.active{opacity:1;transform:scale(1)}.hero-bg-image:not(.active){opacity:0;transform:scale(1.2)}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.02;z-index:3;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMSIvPjwvc3ZnPg==')}.grid-pattern{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:50px 50px;z-index:2;pointer-events:none}.nav-item{position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-item:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.nav-item:hover:before{left:100%}.nav-item.active{background:linear-gradient(to bottom right,#ffffff1e,#ffffff1e);transform:scale(1.02);transition:all .5s ease}.cta-premium{position:relative;background:linear-gradient(135deg,#3daa35,#2d8028);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px rgba(61,170,53,.3)}.cta-premium:before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-premium:hover:before{width:300px;height:300px}.cta-premium:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(61,170,53,.4)}.progress-ring{width:60px;height:60px;transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .1s linear;stroke:#3daa3577;stroke-width:5;fill:transparent}.floating-element{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(odd){animation-duration:8s;animation-delay:1s}.custom-cursor{width:20px;height:20px;border:2px solid #3daa35;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:all .1s ease;transform:translate(-50%,-50%);mix-blend-mode:difference}.custom-cursor.hover{width:40px;height:40px;background:rgba(61,170,53,.1)}.service-card{background:0 0;border-radius:.5rem;animation:fadeIn .8s ease-out;transform:translate(-2.4vw,15vh)}.text-gradient{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:1280px){.service-card{transform:translate(2.4vw,15vh)}}@media (max-width:1280px){.service-card{transform:translate(-8vw,15vh)}}@media (max-width:1024px){.hero-content{padding-top:80px;padding-bottom:80px}.side-nav{bottom:20px;right:50%;transform:translateX(50%);flex-direction:row;gap:10px}.nav-item{writing-mode:horizontal-tb;padding:10px 20px}}@media (max-width:768px){.service-card{transform:translate(-10vw,15vh)}}@media (max-width:640px){.hero-buttons{flex-direction:column;gap:12px}.hero-buttons button{width:100%}}
/*!
* CLS Fix - Cumulative Layout Shift Optimization
* Immersion Technologies
*
* Ce fichier corrige les problèmes de déplacement de contenu (CLS)
* en définissant des dimensions et aspect-ratios fixes
*/
img{max-width:100%;height:auto;display:block}img.logo-header{height:48px !important;max-height:48px !important}.hero-bg-image{min-height:100vh}.logo-header{width:auto;height:48px}iframe,embed,object{aspect-ratio:16/9;width:100%;height:auto}.embed-container,.video-container,.wp-block-embed,.wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden}.embed-container iframe,.video-container iframe,.wp-block-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.slider,.carousel,.swiper,.splide{min-height:400px}@media (min-width:768px){.slider,.carousel,.swiper,.splide{min-height:500px}}.service-card{min-height:300px}#cookie-law-info-bar,.cli-bar-container,[id*=cookieyes]{position:fixed;bottom:0;left:0;right:0;z-index:9999}body.has-cookie-banner{padding-bottom:100px}#mobile-menu{overflow:hidden;will-change:max-height}img[loading=lazy].loaded{animation:none;background:0 0}.acf-loading{min-height:200px;display:flex;align-items:center;justify-content:center}.no-js .lazy,.no-js [loading=lazy]{display:none}.js .lazy,.js [loading=lazy]{display:block}*{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease-out}*:not([class*=transition-]){transition-property:opacity,transform,filter}.post-thumbnail,.wp-post-image{aspect-ratio:4/3;object-fit:cover}.gallery-item img{aspect-ratio:1/1;object-fit:cover}.realisation-image,.project-image{aspect-ratio:16/9;object-fit:cover}body{font-display:swap}.font-orbitron{font-family:'Inter','Arial Black',sans-serif;font-weight:700}.font-inter{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em;width:100%}.skeleton-text:last-child{width:80%}.skeleton-image{aspect-ratio:16/9;width:100%}.has-fixed-dimensions{width:auto !important;height:auto !important}.no-reflow{position:absolute;top:0;left:0;width:100%;height:100%}.preserve-aspect-ratio{position:relative;overflow:hidden}.preserve-aspect-ratio:before{content:'';display:block;padding-bottom:56.25%}.preserve-aspect-ratio.ratio-4-3:before{padding-bottom:75%}.preserve-aspect-ratio.ratio-1-1:before{padding-bottom:100%}.preserve-aspect-ratio.ratio-21-9:before{padding-bottom:42.857%}.preserve-aspect-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.touch-manipulation{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.slider-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.slider-slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dashicons{display:inline-flex;align-items:center;justify-content:center}.\!opacity-100{opacity:1 !important}.pointer-events-auto{pointer-events:auto !important}.stats-container{transition:opacity .3s ease}.tooltip-content{z-index:999 !important}.group\/marker{z-index:40;transition:z-index 0s}.group\/marker.marker-active{z-index:998 !important}</style><script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.immersion-technologies.fr/nos-realisations/","url":"https://www.immersion-technologies.fr/nos-realisations/","name":"Nos Réalisations Archive - Immersion Technologies","isPartOf":{"@id":"https://www.immersion-technologies.fr/#website"},"breadcrumb":{"@id":"https://www.immersion-technologies.fr/nos-realisations/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"https://www.immersion-technologies.fr/nos-realisations/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://www.immersion-technologies.fr/"},{"@type":"ListItem","position":2,"name":"Nos Réalisations"}]},{"@type":"WebSite","@id":"https://www.immersion-technologies.fr/#website","url":"https://www.immersion-technologies.fr/","name":"Immersion Technologies","description":"Solutions & Integrations Audiovisuelles","publisher":{"@id":"https://www.immersion-technologies.fr/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.immersion-technologies.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://www.immersion-technologies.fr/#organization","name":"Immersion Technologies","url":"https://www.immersion-technologies.fr/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.immersion-technologies.fr/#/schema/logo/image/","url":"https://www.immersion-technologies.fr/wp-content/uploads/2024/12/LOGO-Immersion-blanc.webp","contentUrl":"https://www.immersion-technologies.fr/wp-content/uploads/2024/12/LOGO-Immersion-blanc.webp","width":1737,"height":536,"caption":"Immersion Technologies"},"image":{"@id":"https://www.immersion-technologies.fr/#/schema/logo/image/"}}]}</script> <link rel='dns-prefetch' href='//www.googletagmanager.com' /><link rel="preload" href="http://www.immersion-technologies.fr/wp-content/themes/immersion-child/assets/fonts/inter-v13-latin-400.woff2" as="font" type="font/woff2" crossorigin><link rel="alternate" type="application/rss+xml" title="Immersion Technologies » Flux pour Nos Réalisations" href="https://www.immersion-technologies.fr/nos-realisations/feed/" /> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-TNCMFKWP" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["www.immersion-technologies.fr"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-TNCMFKWP");
window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); };
//# sourceURL=google_gtagjs-js-after</script> <link rel="https://api.w.org/" href="https://www.immersion-technologies.fr/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.immersion-technologies.fr/xmlrpc.php?rsd" /><meta name="generator" content="WordPress 6.9.1" /><meta name="generator" content="Site Kit by Google 1.173.0" /></head><body class="archive post-type-archive post-type-archive-nos-realisations wp-theme-twentytwentyfour wp-child-theme-immersion-child"><header id="main-header" class="fixed top-0 left-0 right-0 z-[60] transition-all duration-500"><div class="hidden lg:block bg-black/30 backdrop-blur-sm border-b border-white/10"><div class="container mx-auto px-6"><div class="flex items-center justify-between py-2"><div class="flex items-center space-x-6 text-sm"> <a href="tel:0369459295" class="flex items-center gap-2 text-white/80 hover:text-verre transition-colors group"> <svg class="w-4 h-4 group-hover:animate-pulse" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <span class="font-inter">03 69 45 92 95</span> </a> <a href="mailto:contact@immersion-technologies.fr" class="flex items-center gap-2 text-white/80 hover:text-verre transition-colors group"> <svg class="w-4 h-4 group-hover:animate-pulse" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <span class="font-inter">contact@immersion-technologies.fr</span> </a></div><div class="flex items-center space-x-3"> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Suivez-nous sur Instagram" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-verre text-white/80 hover:text-white transition-all duration-300 hover:scale-110 group"> <svg class="w-4 h-4" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> </svg> </a> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Suivez-nous sur Facebook" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-verre text-white/80 hover:text-white transition-all duration-300 hover:scale-110 group"> <svg class="w-4 h-4" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> </svg> </a> <a href="#" target="_blank" rel="noopener noreferrer" aria-label="Suivez-nous sur LinkedIn" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-verre text-white/80 hover:text-white transition-all duration-300 hover:scale-110 group"> <svg class="w-4 h-4" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> </svg> </a></div></div></div></div><nav class="container mx-auto px-6 py-4"><div class="flex items-center justify-between"><div class="flex items-center logo-container-2"> <a href="https://www.immersion-technologies.fr/" class="group"> <img src="http://www.immersion-technologies.fr/wp-content/uploads/2024/12/LOGO-Immersion-blanc.png"
alt="Immersion Technologies"
class="logo-header transition-transform group-hover:scale-105" /> </a></div><div class="hidden lg:flex items-center space-x-8"><ul id="menu-menu-header" class="flex space-x-8"><li id="menu-item-2130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2130"><a href="https://www.immersion-technologies.fr/a-propos/"><span class="font-inter font-medium text-white/90 hover:text-verre transition-all duration-300 relative group-hover:after:scale-x-100 after:content-[''] after:absolute after:bottom-[-4px] after:left-0 after:w-full after:h-[2px] after:bg-verre after:scale-x-0 after:transition-transform after:duration-300">A Propos</span></a></li><li id="menu-item-2110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2110"><a href="https://www.immersion-technologies.fr/nos-solutions/"><span class="font-inter font-medium text-white/90 hover:text-verre transition-all duration-300 relative group-hover:after:scale-x-100 after:content-[''] after:absolute after:bottom-[-4px] after:left-0 after:w-full after:h-[2px] after:bg-verre after:scale-x-0 after:transition-transform after:duration-300">Nos Solutions</span></a></li><li id="menu-item-2114" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-2114"><a href="https://www.immersion-technologies.fr/nos-realisations/"><span class="font-inter font-medium text-white/90 hover:text-verre transition-all duration-300 relative group-hover:after:scale-x-100 after:content-[''] after:absolute after:bottom-[-4px] after:left-0 after:w-full after:h-[2px] after:bg-verre after:scale-x-0 after:transition-transform after:duration-300">Nos Réalisations</span></a></li></ul><div class="flex items-center space-x-4 ml-8 pl-8 border-l border-white/20"> <a href="https://www.immersion-technologies.fr/#contact" class="contact-btn relative overflow-hidden group backdrop-blur-md border border-white/30 bg-gradient-to-br from-verre to-verre-dark text-white font-semibold px-8 py-3.5 rounded-lg shadow-[0_0_25px_rgba(61,170,53,0.4)] hover:shadow-[0_0_40px_rgba(61,170,53,0.6)] transition-all duration-500 hover:scale-[1.03]"> <span class="relative z-10 flex items-center justify-center gap-2"> Contact </span> <span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/25 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 -translate-x-full group-hover:translate-x-full"></span> </a></div></div> <button id="mobile-menu-btn" class="lg:hidden text-white focus:outline-none relative w-10 h-10 flex items-center justify-center"> <span class="sr-only">Menu</span><div class="w-6 flex flex-col gap-1.5 menu-icon"> <span class="block h-0.5 w-full bg-white transition-all duration-300 origin-center"></span> <span class="block h-0.5 w-full bg-white transition-all duration-300"></span> <span class="block h-0.5 w-full bg-white transition-all duration-300 origin-center"></span></div> </button></div></nav><div id="mobile-menu" class="lg:hidden overflow-hidden transition-all duration-500 max-h-0 relative"><div class="px-6 py-6 space-y-4"><div class="flex flex-col space-y-3 pb-4 border-b border-white/10 mobile-menu-item"> <a href="tel:0369459295" class="flex items-center gap-3 text-white/90 hover:text-verre transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <span class="font-inter">03 69 45 92 95</span> </a> <a href="mailto:contact@immersion-technologies.fr" class="flex items-center gap-3 text-white/90 hover:text-verre transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <span class="font-inter">contact@immersion-technologies.fr</span> </a></div><div id="mobile-nav-menu" class="space-y-1"><div class="mobile-menu-item"> <a href="https://www.immersion-technologies.fr/" class="block"> <span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 flex items-center gap-2 py-2"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> </svg> Accueil </span> </a></div><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2130"><div class="mobile-menu-item"><a href="https://www.immersion-technologies.fr/a-propos/"><span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 py-2">A Propos</span></a></div></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2110"><div class="mobile-menu-item"><a href="https://www.immersion-technologies.fr/nos-solutions/"><span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 py-2">Nos Solutions</span></a></div></li><li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-2114"><div class="mobile-menu-item"><a href="https://www.immersion-technologies.fr/nos-realisations/"><span class="block font-inter text-lg text-white/90 hover:text-verre hover:translate-x-2 transition-all duration-300 py-2">Nos Réalisations</span></a></div></li></div><div class="pt-4 space-y-3 border-t border-white/10"><div class="mobile-menu-item"> <a href="tel:0369459295" class="w-full flex items-center justify-center gap-2 px-6 py-3 bg-black/50 backdrop-blur-sm border border-verre/50 text-verre font-semibold rounded-lg hover:bg-verre/10 transition-all"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> Appeler maintenant </a></div><div class="mobile-menu-item"> <a href="https://www.immersion-technologies.fr/#contact" class="contact-btn-mobile w-full flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-verre to-verre-dark text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> Demander un devis </a></div></div><div class="flex items-center justify-center space-x-6 pt-4 border-t border-white/10 mobile-menu-item"></div></div></div> <script>document.addEventListener('DOMContentLoaded', function () {
const header = document.getElementById('main-header');
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
const menuIcon = mobileMenuBtn.querySelector('.menu-icon');
let isMenuOpen = false;
// Fonction pour gérer le scroll vers la section contact
function handleContactClick(e) {
const href = e.currentTarget.getAttribute('href');
// Si le lien contient #contact
if (href && href.includes('#contact')) {
const contactSection = document.querySelector('#contact');
// Si on est sur la page d'accueil et que la section existe
if (contactSection) {
e.preventDefault();
contactSection.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
// Fermer le menu mobile si ouvert
if (isMenuOpen) {
toggleMobileMenu();
}
} else if (!href.startsWith('http')) {
// Si la section n'existe pas et que c'est un lien relatif, rediriger vers la page d'accueil
e.preventDefault();
window.location.href = href;
}
}
}
// Ajouter l'événement aux boutons contact
const contactButtons = document.querySelectorAll('.contact-btn, .contact-btn-mobile');
contactButtons.forEach(btn => {
btn.addEventListener('click', handleContactClick);
});
// Effet sticky amélioré
let lastScroll = 0;
window.addEventListener('scroll', () => {
const currentScroll = window.scrollY;
if (currentScroll > 50) {
header.classList.add('bg-black/90', 'backdrop-blur-lg', 'shadow-2xl');
// Hide/show on scroll
if (currentScroll > lastScroll && currentScroll > 100) {
header.style.transform = 'translateY(-100%)';
} else {
header.style.transform = 'translateY(0)';
}
} else {
header.classList.remove('bg-black/90', 'backdrop-blur-lg', 'shadow-2xl');
header.style.transform = 'translateY(0)';
}
lastScroll = currentScroll;
});
// Fonction pour toggle le menu mobile avec animation améliorée
function toggleMobileMenu() {
isMenuOpen = !isMenuOpen;
if (isMenuOpen) {
// Ouvrir le menu
mobileMenu.style.maxHeight = mobileMenu.scrollHeight + 'px';
mobileMenu.classList.add('open');
// Animation de l'icône hamburger
menuIcon.children[0].style.transform = 'rotate(45deg) translateY(11px)';
menuIcon.children[1].style.opacity = '0';
menuIcon.children[1].style.transform = 'translateX(20px)';
menuIcon.children[2].style.transform = 'rotate(-45deg) translateY(-11px)';
// Empêcher le scroll du body
document.body.style.overflow = 'hidden';
} else {
// Fermer le menu
mobileMenu.style.maxHeight = '0px';
mobileMenu.classList.remove('open');
// Réinitialiser l'icône hamburger
menuIcon.children[0].style.transform = 'rotate(0) translateY(0)';
menuIcon.children[1].style.opacity = '1';
menuIcon.children[1].style.transform = 'translateX(0)';
menuIcon.children[2].style.transform = 'rotate(0) translateY(0)';
// Réactiver le scroll du body
document.body.style.overflow = '';
}
}
// Toggle menu mobile
mobileMenuBtn.addEventListener('click', toggleMobileMenu);
// Fermer le menu mobile au clic sur un lien
const mobileLinks = mobileMenu.querySelectorAll('a');
mobileLinks.forEach(link => {
link.addEventListener('click', () => {
// Attendre un peu avant de fermer pour permettre la navigation
setTimeout(() => {
if (isMenuOpen) {
toggleMobileMenu();
}
}, 300);
});
});
// Fermer le menu si on clique en dehors
document.addEventListener('click', (e) => {
if (isMenuOpen && !mobileMenu.contains(e.target) && !mobileMenuBtn.contains(e.target)) {
toggleMobileMenu();
}
});
// Fermer le menu sur redimensionnement de fenêtre (passage desktop)
window.addEventListener('resize', () => {
if (window.innerWidth >= 1024 && isMenuOpen) {
toggleMobileMenu();
}
});
});</script> </header><section class="relative overflow-hidden min-h-[400px] sm:min-h-[500px] md:min-h-[550px] flex items-center"><div class="absolute inset-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/q-u-i-n-g-u-y-e-n-S6atLH5Rf0U-unsplash.jpg" alt="Nos réalisations" class="w-full h-full object-cover" loading="eager"></div><div class="absolute inset-0 bg-gradient-to-br from-black/80 via-black/70 to-black/85"></div><div class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 md:py-16"><nav class="mb-4 sm:mb-6 text-xs sm:text-sm"> <a href="https://www.immersion-technologies.fr" class="text-white/80 hover:text-white transition-colors">Accueil</a> <span class="mx-2 text-white/50">/</span> <span class="text-white font-medium">Nos Réalisations</span></nav><div class="text-center"><h1 class="font-space text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-3 sm:mb-4 leading-tight drop-shadow-2xl opacity-0 translate-y-5 animate-[fadeIn_0.6s_ease-out_forwards]">Nos réalisations en intégration audiovisuelle – Projets en Alsace et en France</h1><h2 class="text-sm sm:text-base md:text-lg text-white/90 max-w-2xl mx-auto leading-relaxed drop-shadow-lg px-2 opacity-0 translate-y-5 animate-[fadeIn_0.6s_ease-out_0.2s_forwards] font-normal">Votre installateur audiovisuel pour bars, restaurants, hôtels et établissements professionnels</h2><div class="mt-4 sm:mt-6 inline-flex items-center gap-2 px-3 py-1.5 sm:px-4 sm:py-2 bg-white/10 backdrop-blur-sm rounded-full border border-white/20 opacity-0 translate-y-5 animate-[fadeIn_0.6s_ease-out_0.4s_forwards]"> <svg class="w-3.5 h-3.5 sm:w-4 sm:h-4 text-white" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg> <span class="text-white text-xs sm:text-sm font-medium">2 projets</span></div></div></div></section><section class="sticky top-0 z-50 bg-white/95 backdrop-blur-lg border-b border-gray-100 shadow-sm transition-all duration-500" id="filters-bar"><div class="max-w-7xl mx-auto px-3 sm:px-4 lg:px-6 py-3 sm:py-4"><div class="flex flex-col xs:flex-row xs:items-center xs:justify-between gap-3 sm:gap-4"><div class="flex items-center gap-2 sm:gap-3"> <svg class="w-4 h-4 sm:w-5 sm:h-5 text-green-600" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.207A1 1 0 013 6.5V4z"/></svg> <span class="text-base sm:text-lg font-bold text-gray-900">Filtrer par catégorie</span></div><div class="relative flex items-center"> <button id="scroll-left" class="hidden sm:flex absolute left-0 z-10 w-8 h-8 sm:w-10 sm:h-10 bg-white border border-gray-200 rounded-lg shadow-md hover:bg-gray-50 transition-all duration-200 items-center justify-center -ml-2"> <svg class="w-4 h-4 sm:w-5 sm:h-5 text-gray-700" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg> </button><div id="filters-container" class="flex items-center gap-1 sm:gap-2 overflow-x-auto scroll-smooth px-0 sm:px-10 max-w-full [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> <button class="filter-btn px-4 py-2 sm:px-5 sm:py-2.5 lg:px-6 lg:py-3 rounded-lg sm:rounded-xl text-xs sm:text-sm font-semibold whitespace-nowrap transition-all duration-300 bg-gradient-to-r from-green-600 to-green-500 text-white shadow-lg shadow-green-500/25 border border-green-600 flex-shrink-0" data-category="all"> <span class="flex items-center gap-1 sm:gap-2"> <svg class="w-3.5 h-3.5 sm:w-4 sm:h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg> Tous les projets </span> </button> <button class="filter-btn px-4 py-2 sm:px-5 sm:py-2.5 lg:px-6 lg:py-3 rounded-lg sm:rounded-xl text-xs sm:text-sm font-semibold whitespace-nowrap transition-all duration-300 bg-white text-gray-700 border border-gray-200 hover:border-green-500 hover:bg-green-50 hover:text-green-700 shadow-sm flex-shrink-0" data-category="Audio">Audio</button> <button class="filter-btn px-4 py-2 sm:px-5 sm:py-2.5 lg:px-6 lg:py-3 rounded-lg sm:rounded-xl text-xs sm:text-sm font-semibold whitespace-nowrap transition-all duration-300 bg-white text-gray-700 border border-gray-200 hover:border-green-500 hover:bg-green-50 hover:text-green-700 shadow-sm flex-shrink-0" data-category="Lumière">Lumière</button> <button class="filter-btn px-4 py-2 sm:px-5 sm:py-2.5 lg:px-6 lg:py-3 rounded-lg sm:rounded-xl text-xs sm:text-sm font-semibold whitespace-nowrap transition-all duration-300 bg-white text-gray-700 border border-gray-200 hover:border-green-500 hover:bg-green-50 hover:text-green-700 shadow-sm flex-shrink-0" data-category="Vidéo">Vidéo</button></div> <button id="scroll-right" class="hidden sm:flex absolute right-0 z-10 w-8 h-8 sm:w-10 sm:h-10 bg-white border border-gray-200 rounded-lg shadow-md hover:bg-gray-50 transition-all duration-200 items-center justify-center -mr-2"> <svg class="w-4 h-4 sm:w-5 sm:h-5 text-gray-700" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> </button></div></div></div></section><section class="bg-gray-50"><div class="w-full"><article id="projet-2123" class="projet-card opacity-0 translate-y-8 transition-all duration-700 min-h-[500px] sm:min-h-[600px]" data-category="Audio, Lumière, Vidéo"><div class="flex flex-col lg:flex-row bg-white shadow-lg sm:shadow-xl overflow-hidden group hover:shadow-2xl transition-all duration-500"><div class="relative w-full lg:w-1/2 aspect-[4/3] bg-gray-200"><div class="slider-container overflow-hidden relative w-full h-full" data-slider-id="slider-1"> <span class="absolute top-3 left-3 inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full z-20 text-white"
style="background-color: #8b4513CC;"> <svg class="w-3.5 h-3.5 text-white" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Audio, Lumière, Vidéo</span><div class="slider-wrapper flex transition-transform duration-500 ease-out h-full will-change-transform" style="transform: translateX(0%);"><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/q-u-i-n-g-u-y-e-n-S6atLH5Rf0U-unsplash.jpg"
alt="Brasserie aux Bières du Monde - Image 1"
class="w-full h-full object-cover select-none"
loading="eager"
draggable="false"
><div class="absolute z-40 group/marker marker-1" style="top: 30%; left: 35%;"><div class="relative"><div class="absolute inset-0 bg-white rounded-full animate-ping opacity-75 pointer-events-none"></div><div class="marker-point relative w-5 h-5 sm:w-6 sm:h-6 bg-white rounded-full border-2 shadow-lg flex items-center justify-center group-hover/marker:scale-110 transition-transform duration-200 cursor-pointer" style="border-color: #8b4513;"><div class="w-2.5 h-2.5 sm:w-3 sm:h-3 rounded-full" style="background-color: #8b4513;"></div></div><div class="tooltip-content absolute top-full mt-2 left-1/2 -translate-x-1/2 opacity-0 group-hover/marker:opacity-100 transition-opacity duration-300 pointer-events-none z-50 w-[85vw] sm:w-auto max-w-[280px]"><div class="bg-white rounded-xl shadow-2xl border p-3 sm:p-4 z-20" style="border-color: #8b451340;"><div class="flex items-start gap-3"><div class="w-8 h-8 sm:w-10 sm:h-10 flex-shrink-0 flex items-center justify-center rounded-lg" style="background-color: #8b451315;"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/ChatGPT_Image_5_aout_2025__16_19_28-removebg-preview.png" class="w-5 h-5 sm:w-6 sm:h-6" alt="Icon"></div><div class="flex-1 min-w-0"> <strong class="block font-bold text-gray-900 text-xs sm:text-sm mb-1">Sonorisation DAS Audio Altea</strong><p class="text-gray-600 text-[10px] sm:text-xs leading-relaxed">Système audio performant pour une expérience sonore optimale en café-concert</p></div></div></div><div class="absolute bottom-full left-1/2 -translate-x-1/2 border-b-8 border-l-8 border-r-8 border-l-transparent border-r-transparent border-b-white w-0 h-0" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));"></div></div></div></div><div class="absolute z-40 group/marker marker-2" style="top: 65%; left: 65%;"><div class="relative"><div class="absolute inset-0 bg-white rounded-full animate-ping opacity-75 pointer-events-none"></div><div class="marker-point relative w-5 h-5 sm:w-6 sm:h-6 bg-white rounded-full border-2 shadow-lg flex items-center justify-center group-hover/marker:scale-110 transition-transform duration-200 cursor-pointer" style="border-color: #8b4513;"><div class="w-2.5 h-2.5 sm:w-3 sm:h-3 rounded-full" style="background-color: #8b4513;"></div></div><div class="tooltip-content absolute bottom-full mb-2 left-1/2 -translate-x-1/2 opacity-0 group-hover/marker:opacity-100 transition-opacity duration-300 pointer-events-none z-50 w-[85vw] sm:w-auto max-w-[280px]"><div class="bg-white rounded-xl shadow-2xl border p-3 sm:p-4" style="border-color: #8b451340;"><div class="flex items-start gap-3"><div class="w-8 h-8 sm:w-10 sm:h-10 flex-shrink-0 flex items-center justify-center rounded-lg" style="background-color: #8b451315;"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/ChatGPT_Image_5_aout_2025__16_19_41-removebg-preview.png" class="w-5 h-5 sm:w-6 sm:h-6" alt="Icon"></div><div class="flex-1 min-w-0"> <strong class="block font-bold text-gray-900 text-xs sm:text-sm mb-1">Éclairage Ambiant Dynamique</strong><p class="text-gray-600 text-[10px] sm:text-xs leading-relaxed">Mise en lumière adaptée à l'ambiance café-brasserie et aux événements concerts</p></div></div></div><div class="absolute top-full left-1/2 -translate-x-1/2 border-t-8 border-l-8 border-r-8 border-l-transparent border-r-transparent border-t-white w-0 h-0" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));"></div></div></div></div></div></div></div></div><div class="w-full lg:w-1/2 flex items-center relative overflow-hidden"><div class="absolute inset-0 opacity-[0.03]" style="background-color: #8b4513; background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23000000" fill-opacity="0.4"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v6h6V4z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div><div class="w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8 lg:py-10 relative z-10"><div class="relative w-full mb-4 rounded-lg overflow-hidden"><div class="relative flex items-center justify-center px-3 py-3 sm:py-4 backdrop-blur-sm bg-black/30 w-full text-center z-10"><div class="flex flex-row items-center justify-center space-x-4 sm:space-x-6"><div class="px-2 sm:px-4"><p class="text-lg sm:text-xl md:text-2xl font-bold text-white"> DAS Audio</p><p class="text-[10px] sm:text-xs text-white/80 uppercase tracking-wide"> Sonorisation professionnelle</p></div><div class="px-2 sm:px-4"><p class="text-lg sm:text-xl md:text-2xl font-bold text-white"> Café-Concert</p><p class="text-[10px] sm:text-xs text-white/80 uppercase tracking-wide"> Double ambiance</p></div><div class="px-2 sm:px-4"><p class="text-lg sm:text-xl md:text-2xl font-bold text-white"> Corse</p><p class="text-[10px] sm:text-xs text-white/80 uppercase tracking-wide"> Localisation insulaire</p></div></div></div><div class="absolute inset-0 flex w-full h-full -z-10"><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/q-u-i-n-g-u-y-e-n-S6atLH5Rf0U-unsplash.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div></div></div><div class="mb-4 sm:mb-6"><div class="flex flex-col xs:flex-row xs:flex-wrap xs:items-center gap-2 sm:gap-3 mb-2 sm:mb-3"><h2 class="text-xl sm:text-2xl lg:text-3xl font-bold text-gray-900 font-space leading-tight">Brasserie aux Bières du Monde</h2></div><p class="text-gray-600 text-sm sm:text-base leading-relaxed">Installation d'un système de sonorisation DAS Audio Altea et d'un éclairage ambiant dynamique dans ce café-concert corse pour une expérience sonore et visuelle optimale.</p></div><div class="prose prose-sm max-w-none text-gray-700 [&_h2]:font-space [&_h2]:text-lg [&_h2]:font-bold [&_h2]:text-gray-900 [&_h2]:mt-6 [&_h2]:mb-3 [&_h2]:pb-2 [&_h2]:border-b-2 [&_h2]:border-gray-200 [&_h3]:font-space [&_h3]:text-base [&_h3]:font-bold [&_h3]:text-green-800 [&_h3]:mt-5 [&_h3]:mb-2 [&_p]:text-gray-700 [&_p]:leading-7 [&_p]:mb-4 [&_ul]:my-4 [&_ul]:pl-6 [&_ul_li]:text-gray-700 [&_ul_li]:mb-2 [&_ul_li]:leading-7 [&_ul_li]:marker:text-green-600 [&_strong]:text-gray-900 [&_strong]:font-semibold [&_a]:text-green-600 [&_a]:no-underline [&_a]:transition-colors [&_a:hover]:text-green-800 [&_a:hover]:underline"><p class="whitespace-normal break-words">Située en Corse, la <strong>Brasserie aux Bières du Monde</strong> allie convivialité et spectacle vivant dans un concept de café-concert unique. Nous avons accompagné cet établissement dans sa transformation technique pour offrir une expérience immersive à ses clients.</p><p class="whitespace-normal break-words"><strong>Une acoustique professionnelle</strong> L’intégration d’un système de sonorisation <strong>DAS Audio Altea</strong> garantit une expérience sonore de qualité, que ce soit pour l’ambiance musicale du café ou pour les performances live lors des soirées concert. Ce système performant assure une diffusion homogène dans tout l’espace.</p><p class="whitespace-normal break-words"><strong>Une ambiance visuelle maîtrisée</strong> La mise en place d’un éclairage ambiant et dynamique permet de créer des atmosphères variées, s’adaptant aux différents moments de la journée et aux événements organisés. De l’ambiance chaleureuse de brasserie aux éclairages scéniques pour les concerts, chaque moment bénéficie de sa propre identité lumineuse.</p><p class="whitespace-normal break-words">La Brasserie aux Bières du Monde offre ainsi un cadre technique professionnel au service d’une expérience client mémorable.</p></div></div></div></div></article><div class="projet-separator relative py-8 sm:py-12 lg:py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="relative flex items-center justify-center"><div class="flex-1 h-px bg-gradient-to-r from-transparent via-gray-300 to-gray-200"></div><div class="mx-4 sm:mx-6 flex-shrink-0"><div class="relative"><div class="absolute inset-0 bg-green-500/20 blur-xl rounded-full"></div><div class="relative bg-white border-2 border-gray-200 rounded-full p-2 sm:p-3 shadow-lg"> <svg class="w-4 h-4 sm:w-5 sm:h-5 text-green-600" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/> </svg></div></div></div><div class="flex-1 h-px bg-gradient-to-l from-transparent via-gray-300 to-gray-200"></div></div></div></div><article id="projet-2121" class="projet-card opacity-0 translate-y-8 transition-all duration-700 min-h-[500px] sm:min-h-[600px]" data-category="Audio, Lumière, Vidéo"><div class="flex flex-col lg:flex-row lg:flex-row-reverse bg-white shadow-lg sm:shadow-xl overflow-hidden group hover:shadow-2xl transition-all duration-500"><div class="relative w-full lg:w-1/2 aspect-[4/3] bg-gray-200"><div class="slider-container overflow-hidden relative w-full h-full" data-slider-id="slider-2"> <span class="absolute top-3 left-3 inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full z-20 text-white"
style="background-color: #10b981CC;"> <svg class="w-3.5 h-3.5 text-white" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Audio, Lumière, Vidéo</span><div class="slider-wrapper flex transition-transform duration-500 ease-out h-full will-change-transform" style="transform: translateX(0%);"><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/K-CLUB-08-02-25-9-scaled.jpg"
alt="Le Moul’1 - Image 1"
class="w-full h-full object-cover select-none"
loading="eager"
draggable="false"
><div class="absolute z-40 group/marker marker-1" style="top: 13%; left: 30%;"><div class="relative"><div class="absolute inset-0 bg-white rounded-full animate-ping opacity-75 pointer-events-none"></div><div class="marker-point relative w-5 h-5 sm:w-6 sm:h-6 bg-white rounded-full border-2 shadow-lg flex items-center justify-center group-hover/marker:scale-110 transition-transform duration-200 cursor-pointer" style="border-color: #10b981;"><div class="w-2.5 h-2.5 sm:w-3 sm:h-3 rounded-full" style="background-color: #10b981;"></div></div><div class="tooltip-content absolute left-full ml-2 top-1/2 -translate-y-1/2 opacity-0 group-hover/marker:opacity-100 transition-opacity duration-300 pointer-events-none z-50 w-[85vw] sm:w-auto max-w-[280px]"><div class="bg-white rounded-xl shadow-2xl border p-3 sm:p-4 z-20" style="border-color: #10b98140;"><div class="flex items-start gap-3"><div class="w-8 h-8 sm:w-10 sm:h-10 flex-shrink-0 flex items-center justify-center rounded-lg" style="background-color: #10b98115;"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/ChatGPT_Image_5_aout_2025__16_19_28-removebg-preview.png" class="w-5 h-5 sm:w-6 sm:h-6" alt="Icon"></div><div class="flex-1 min-w-0"> <strong class="block font-bold text-gray-900 text-xs sm:text-sm mb-1">Multi-zone JBL Pro</strong><p class="text-gray-600 text-[10px] sm:text-xs leading-relaxed">Système de sonorisation</p></div></div></div><div class="absolute right-full top-1/2 -translate-y-1/2 border-l-0 border-r-8 border-t-8 border-b-8 border-t-transparent border-b-transparent border-r-white w-0 h-0" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));"></div></div></div></div></div><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/LM-SAINT-VALENTIN-2-11-scaled.jpg"
alt="Le Moul’1 - Image 2"
class="w-full h-full object-cover select-none"
loading="lazy"
draggable="false"
><div class="absolute z-40 group/marker marker-2" style="top: 25%; left: 66%;"><div class="relative"><div class="absolute inset-0 bg-white rounded-full animate-ping opacity-75 pointer-events-none"></div><div class="marker-point relative w-5 h-5 sm:w-6 sm:h-6 bg-white rounded-full border-2 shadow-lg flex items-center justify-center group-hover/marker:scale-110 transition-transform duration-200 cursor-pointer" style="border-color: #10b981;"><div class="w-2.5 h-2.5 sm:w-3 sm:h-3 rounded-full" style="background-color: #10b981;"></div></div><div class="tooltip-content absolute right-full mr-2 top-1/2 -translate-y-1/2 opacity-0 group-hover/marker:opacity-100 transition-opacity duration-300 pointer-events-none z-50 w-[85vw] sm:w-auto max-w-[280px]"><div class="bg-white rounded-xl shadow-2xl border p-3 sm:p-4" style="border-color: #10b98140;"><div class="flex items-start gap-3"><div class="w-8 h-8 sm:w-10 sm:h-10 flex-shrink-0 flex items-center justify-center rounded-lg" style="background-color: #10b98115;"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/08/ChatGPT_Image_5_aout_2025__16_19_41-removebg-preview.png" class="w-5 h-5 sm:w-6 sm:h-6" alt="Icon"></div><div class="flex-1 min-w-0"> <strong class="block font-bold text-gray-900 text-xs sm:text-sm mb-1">Bandeaux LED </strong><p class="text-gray-600 text-[10px] sm:text-xs leading-relaxed">Eclairage ambiant et dynamique</p></div></div></div><div class="absolute left-full top-1/2 -translate-y-1/2 border-r-0 border-l-8 border-t-8 border-b-8 border-t-transparent border-b-transparent border-l-white w-0 h-0" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));"></div></div></div></div></div><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/9J1A3718.jpg"
alt="Le Moul’1 - Image 3"
class="w-full h-full object-cover select-none"
loading="lazy"
draggable="false"
></div><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/20-decembre-2024-31.jpg"
alt="Le Moul’1 - Image 4"
class="w-full h-full object-cover select-none"
loading="lazy"
draggable="false"
></div><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/LE-MOUL1-07-05-25-14-sur-164-scaled.jpg"
alt="Le Moul’1 - Image 5"
class="w-full h-full object-cover select-none"
loading="lazy"
draggable="false"
></div><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/luke-7-scaled.jpg"
alt="Le Moul’1 - Image 6"
class="w-full h-full object-cover select-none"
loading="lazy"
draggable="false"
></div><div class="slider-slide flex-shrink-0 w-full h-full relative group"> <img
src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/luke-286-scaled.jpg"
alt="Le Moul’1 - Image 7"
class="w-full h-full object-cover select-none"
loading="lazy"
draggable="false"
></div></div> <button class="slider-btn slider-prev absolute left-2 sm:left-4 top-1/2 -translate-y-1/2 z-30 bg-black/40 hover:bg-black/60 border-0 rounded-full p-2 sm:p-3 cursor-pointer transition-all duration-300 text-white flex items-center justify-center active:scale-90 touch-manipulation" type="button" aria-label="Image précédente"> <svg class="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7"/> </svg> </button> <button class="slider-btn slider-next absolute right-2 sm:right-4 top-1/2 -translate-y-1/2 z-30 bg-black/40 hover:bg-black/60 border-0 rounded-full p-2 sm:p-3 cursor-pointer transition-all duration-300 text-white flex items-center justify-center active:scale-90 touch-manipulation" type="button" aria-label="Image suivante"> <svg class="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"/> </svg> </button><div class="slider-dots absolute bottom-3 sm:bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5 sm:gap-2 z-30"> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white w-6 sm:w-8" data-index="0" type="button" aria-label="Image 1"></button> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white/50 w-1.5 sm:w-2" data-index="1" type="button" aria-label="Image 2"></button> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white/50 w-1.5 sm:w-2" data-index="2" type="button" aria-label="Image 3"></button> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white/50 w-1.5 sm:w-2" data-index="3" type="button" aria-label="Image 4"></button> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white/50 w-1.5 sm:w-2" data-index="4" type="button" aria-label="Image 5"></button> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white/50 w-1.5 sm:w-2" data-index="5" type="button" aria-label="Image 6"></button> <button class="slider-dot h-1.5 sm:h-2 rounded-full border-0 cursor-pointer transition-all duration-300 touch-manipulation bg-white/50 w-1.5 sm:w-2" data-index="6" type="button" aria-label="Image 7"></button></div></div></div><div class="w-full lg:w-1/2 flex items-center relative overflow-hidden"><div class="absolute inset-0 opacity-[0.03]" style="background-color: #10b981; background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23000000" fill-opacity="0.4"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v6h6V4z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div><div class="w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8 lg:py-10 relative z-10"><div class="relative w-full mb-4 rounded-lg overflow-hidden"><div class="relative flex items-center justify-center px-3 py-3 sm:py-4 backdrop-blur-sm bg-black/30 w-full text-center z-10"><div class="flex flex-row items-center justify-center space-x-4 sm:space-x-6"><div class="px-2 sm:px-4"><p class="text-lg sm:text-xl md:text-2xl font-bold text-white"> 1</p><p class="text-[10px] sm:text-xs text-white/80 uppercase tracking-wide"> Établissement historique réinventé</p></div><div class="px-2 sm:px-4"><p class="text-lg sm:text-xl md:text-2xl font-bold text-white"> Multi-zone</p><p class="text-[10px] sm:text-xs text-white/80 uppercase tracking-wide"> Sonorisation adaptative</p></div><div class="px-2 sm:px-4"><p class="text-lg sm:text-xl md:text-2xl font-bold text-white"> 100%</p><p class="text-[10px] sm:text-xs text-white/80 uppercase tracking-wide"> Ambiance modernisée</p></div></div></div><div class="absolute inset-0 flex w-full h-full -z-10"><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/K-CLUB-08-02-25-9-scaled.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/LM-SAINT-VALENTIN-2-11-scaled.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/9J1A3718.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/20-decembre-2024-31.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/LE-MOUL1-07-05-25-14-sur-164-scaled.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/luke-7-scaled.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div><div class="flex-1 min-w-0"> <img src="https://www.immersion-technologies.fr/wp-content/uploads/2025/10/luke-286-scaled.jpg"
alt=""
class="w-full h-full object-cover"
loading="lazy"></div></div></div><div class="mb-4 sm:mb-6"><div class="flex flex-col xs:flex-row xs:flex-wrap xs:items-center gap-2 sm:gap-3 mb-2 sm:mb-3"><h2 class="text-xl sm:text-2xl lg:text-3xl font-bold text-gray-900 font-space leading-tight">Le Moul’1</h2></div><p class="text-gray-600 text-sm sm:text-base leading-relaxed">Réouverture de l'Auberge du Vieux Moulin à Duppigheim sous le nom Le Moul'1, avec une modernisation complète incluant un système de sonorisation multi-zone JBL Pro et un éclairage LED dynamique.</p></div><div class="prose prose-sm max-w-none text-gray-700 [&_h2]:font-space [&_h2]:text-lg [&_h2]:font-bold [&_h2]:text-gray-900 [&_h2]:mt-6 [&_h2]:mb-3 [&_h2]:pb-2 [&_h2]:border-b-2 [&_h2]:border-gray-200 [&_h3]:font-space [&_h3]:text-base [&_h3]:font-bold [&_h3]:text-green-800 [&_h3]:mt-5 [&_h3]:mb-2 [&_p]:text-gray-700 [&_p]:leading-7 [&_p]:mb-4 [&_ul]:my-4 [&_ul]:pl-6 [&_ul_li]:text-gray-700 [&_ul_li]:mb-2 [&_ul_li]:leading-7 [&_ul_li]:marker:text-green-600 [&_strong]:text-gray-900 [&_strong]:font-semibold [&_a]:text-green-600 [&_a]:no-underline [&_a]:transition-colors [&_a:hover]:text-green-800 [&_a:hover]:underline"><p class="whitespace-normal break-words">Après une période de fermeture, l’Auberge du Vieux Moulin à Duppigheim rouvre ses portes sous une nouvelle identité. Rebaptisé <strong>Le Moul’1</strong>, cet établissement historique a bénéficié d’une modernisation complète de ses installations techniques.</p><p class="whitespace-normal break-words"><strong>Une sonorisation professionnelle</strong> L’installation d’un système de sonorisation multi-zone JBL Pro constitue l’un des points forts de cette rénovation. Ce dispositif permet de diffuser une ambiance musicale adaptée à chaque espace, assurant ainsi une atmosphère harmonieuse et personnalisée pour chaque moment de la journée.</p><p class="whitespace-normal break-words"><strong>Un éclairage sur mesure</strong> Des bandeaux LED ont été intégrés pour créer un éclairage ambiant et dynamique, rehaussé par des projecteurs asservis. Cette combinaison offre une lumière modulable qui s’adapte à l’ambiance souhaitée, du déjeuner intimiste au dîner festif.</p><p class="whitespace-normal break-words">Le Moul’1 combine ainsi le charme de son histoire avec le confort d’équipements modernes, créant une expérience unique pour ses visiteurs.</p></div></div></div></div></article></div></section> <script>document.addEventListener('DOMContentLoaded', function() {
'use strict';
// SLIDER
function initSlider(container) {
const wrapper = container.querySelector('.slider-wrapper');
const slides = container.querySelectorAll('.slider-slide');
const dots = container.querySelectorAll('.slider-dot');
const prevBtn = container.querySelector('.slider-prev');
const nextBtn = container.querySelector('.slider-next');
if (slides.length <= 1) return;
let currentIndex = 0;
let isAnimating = false;
let startX = 0;
let currentX = 0;
let isDragging = false;
function updateSlider() {
const offset = -currentIndex * 100;
wrapper.style.transform = `translateX(${offset}%)`;
dots.forEach((dot, index) => {
if (index === currentIndex) {
dot.classList.remove('bg-white/50', 'w-1.5', 'w-2');
dot.classList.add('bg-white', 'w-6', 'sm:w-8');
} else {
dot.classList.remove('bg-white', 'w-6', 'sm:w-8');
dot.classList.add('bg-white/50', 'w-1.5', 'sm:w-2');
}
});
}
function goToSlide(index) {
if (isAnimating) return;
if (index < 0) index = slides.length - 1;
if (index >= slides.length) index = 0;
currentIndex = index;
isAnimating = true;
updateSlider();
setTimeout(() => { isAnimating = false; }, 500);
}
if (prevBtn) {
prevBtn.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
goToSlide(currentIndex - 1);
});
}
if (nextBtn) {
nextBtn.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
goToSlide(currentIndex + 1);
});
}
dots.forEach((dot, index) => {
dot.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
goToSlide(index);
});
});
container.addEventListener('touchstart', (e) => {
startX = e.touches[0].clientX;
isDragging = true;
}, { passive: true });
container.addEventListener('touchmove', (e) => {
if (!isDragging) return;
currentX = e.touches[0].clientX;
}, { passive: true });
container.addEventListener('touchend', () => {
if (!isDragging) return;
const diffX = startX - currentX;
const threshold = 50;
if (Math.abs(diffX) > threshold) {
if (diffX > 0) {
goToSlide(currentIndex + 1);
} else {
goToSlide(currentIndex - 1);
}
}
isDragging = false;
}, { passive: true });
updateSlider();
}
document.querySelectorAll('.slider-container').forEach(initSlider);
// MARKERS TACTILES
document.querySelectorAll('.group\\/marker').forEach(marker => {
const tooltip = marker.querySelector('.tooltip-content');
if (tooltip) {
const sliderSlide = marker.closest('.slider-slide');
const statsContainer = sliderSlide ? sliderSlide.querySelector('.stats-container') : null;
marker.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
}, true);
marker.addEventListener('touchstart', function(e) {
e.stopPropagation();
}, true);
marker.addEventListener('touchend', function(e) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
document.querySelectorAll('.group\\/marker').forEach(m => {
if (m !== marker) {
m.style.zIndex = m.classList.contains('marker-1') ? '40' : '41';
}
});
document.querySelectorAll('.tooltip-content').forEach(t => {
if (t !== tooltip) {
t.classList.remove('!opacity-100', 'pointer-events-auto');
const otherSlide = t.closest('.slider-slide');
const otherStats = otherSlide ? otherSlide.querySelector('.stats-container') : null;
if (otherStats) otherStats.classList.remove('opacity-0', 'pointer-events-none');
}
});
if (tooltip.classList.contains('!opacity-100')) {
tooltip.classList.remove('!opacity-100', 'pointer-events-auto');
if (statsContainer) statsContainer.classList.remove('opacity-0', 'pointer-events-none');
marker.style.zIndex = marker.classList.contains('marker-1') ? '40' : '41';
} else {
tooltip.classList.add('!opacity-100', 'pointer-events-auto');
if (statsContainer) statsContainer.classList.add('opacity-0', 'pointer-events-none');
marker.style.zIndex = '100';
}
}, true);
marker.addEventListener('mouseenter', function() {
if (statsContainer && window.innerWidth >= 640) {
statsContainer.classList.add('opacity-0', 'pointer-events-none');
}
marker.style.zIndex = '100';
});
marker.addEventListener('mouseleave', function() {
if (statsContainer && window.innerWidth >= 640) {
statsContainer.classList.remove('opacity-0', 'pointer-events-none');
}
marker.style.zIndex = marker.classList.contains('marker-1') ? '40' : '41';
});
}
});
document.addEventListener('click', function(e) {
if (!e.target.closest('.group\\/marker')) {
document.querySelectorAll('.tooltip-content').forEach(tooltip => {
tooltip.classList.remove('!opacity-100', 'pointer-events-auto');
});
document.querySelectorAll('.stats-container').forEach(stats => {
stats.classList.remove('opacity-0', 'pointer-events-none');
});
document.querySelectorAll('.group\\/marker').forEach(m => {
m.style.zIndex = m.classList.contains('marker-1') ? '40' : '41';
});
}
});
document.addEventListener('touchstart', function(e) {
if (!e.target.closest('.group\\/marker')) {
document.querySelectorAll('.tooltip-content').forEach(tooltip => {
tooltip.classList.remove('!opacity-100', 'pointer-events-auto');
});
document.querySelectorAll('.stats-container').forEach(stats => {
stats.classList.remove('opacity-0', 'pointer-events-none');
});
document.querySelectorAll('.group\\/marker').forEach(m => {
m.style.zIndex = m.classList.contains('marker-1') ? '40' : '41';
});
}
}, { passive: true });
// INTERSECTION OBSERVER
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.remove('opacity-0', 'translate-y-8');
observer.unobserve(entry.target);
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
document.querySelectorAll('.projet-card').forEach(card => observer.observe(card));
// SCROLL DES FILTRES
const filtersContainer = document.getElementById('filters-container');
const scrollLeftBtn = document.getElementById('scroll-left');
const scrollRightBtn = document.getElementById('scroll-right');
if (filtersContainer && scrollLeftBtn && scrollRightBtn) {
function checkScrollButtons() {
const isScrollable = filtersContainer.scrollWidth > filtersContainer.clientWidth;
if (isScrollable) {
const isAtStart = filtersContainer.scrollLeft <= 0;
const isAtEnd = filtersContainer.scrollLeft + filtersContainer.clientWidth >= filtersContainer.scrollWidth - 1;
scrollLeftBtn.classList.toggle('hidden', isAtStart);
scrollRightBtn.classList.toggle('hidden', isAtEnd);
} else {
scrollLeftBtn.classList.add('hidden');
scrollRightBtn.classList.add('hidden');
}
}
scrollLeftBtn.addEventListener('click', () => {
filtersContainer.scrollBy({ left: -200, behavior: 'smooth' });
});
scrollRightBtn.addEventListener('click', () => {
filtersContainer.scrollBy({ left: 200, behavior: 'smooth' });
});
filtersContainer.addEventListener('scroll', checkScrollButtons);
window.addEventListener('resize', checkScrollButtons);
checkScrollButtons();
}
// FILTRES DE CATÉGORIES
const filterButtons = document.querySelectorAll('.filter-btn');
const projetCards = document.querySelectorAll('.projet-card');
const separators = document.querySelectorAll('.projet-separator');
function updateSeparators() {
// Récupérer tous les projets visibles
const visibleProjects = Array.from(projetCards).filter(card => card.style.display !== 'none');
// Masquer tous les séparateurs d'abord
separators.forEach(sep => sep.style.display = 'none');
// Afficher uniquement les séparateurs entre deux projets visibles
visibleProjects.forEach((card, index) => {
if (index < visibleProjects.length - 1) {
// Trouver le séparateur qui suit ce projet
let nextElement = card.nextElementSibling;
while (nextElement) {
if (nextElement.classList.contains('projet-separator')) {
nextElement.style.display = 'block';
break;
}
nextElement = nextElement.nextElementSibling;
}
}
});
}
filterButtons.forEach(button => {
button.addEventListener('click', function() {
const category = this.dataset.category;
filterButtons.forEach(btn => {
btn.classList.remove('bg-gradient-to-r', 'from-green-600', 'to-green-500', 'text-white', 'shadow-lg', 'shadow-green-500/25', 'border-green-600');
btn.classList.add('bg-white', 'text-gray-700', 'border-gray-200', 'shadow-sm');
});
this.classList.remove('bg-white', 'text-gray-700', 'border-gray-200', 'shadow-sm');
this.classList.add('bg-gradient-to-r', 'from-green-600', 'to-green-500', 'text-white', 'shadow-lg', 'shadow-green-500/25', 'border-green-600');
let visibleCount = 0;
projetCards.forEach((card) => {
const cardCategory = card.dataset.category;
// Vérifier si la catégorie filtrée est dans les catégories de la carte (pour plusieurs catégories)
const categoryMatch = category === 'all' ||
cardCategory === category ||
cardCategory.split(',').map(c => c.trim()).includes(category);
if (categoryMatch) {
card.style.display = 'block';
card.classList.add('opacity-0', 'translate-y-12');
setTimeout(() => {
card.classList.remove('opacity-0', 'translate-y-12');
}, visibleCount * 100);
visibleCount++;
} else {
card.style.display = 'none';
}
});
// Mettre à jour l'affichage des séparateurs
updateSeparators();
const firstVisible = document.querySelector('.projet-card[style="display: block"]');
if (firstVisible) {
firstVisible.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
// STICKY FILTERS BAR
const filtersBar = document.getElementById('filters-bar');
if (filtersBar) {
window.addEventListener('scroll', function() {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
if (scrollTop > 100) {
filtersBar.classList.add('shadow-lg');
} else {
filtersBar.classList.remove('shadow-lg');
}
}, { passive: true });
}
// SMOOTH SCROLL
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
const href = this.getAttribute('href');
if (href !== '#') {
e.preventDefault();
const target = document.querySelector(href);
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}
});
});
console.log('✅ ' + document.querySelectorAll('.slider-container').length + ' sliders initialisés');
console.log('✅ ' + document.querySelectorAll('.projet-card').length + ' projets chargés');
// Scroll automatique vers le projet si ancre dans l'URL
if (window.location.hash) {
const hash = window.location.hash;
const targetProject = document.querySelector(hash);
if (targetProject) {
// Attendre que les animations initiales soient terminées
setTimeout(() => {
// Scroll vers le projet avec un offset pour la barre de filtres sticky
const filtersBarHeight = document.getElementById('filters-bar')?.offsetHeight || 0;
const targetPosition = targetProject.getBoundingClientRect().top + window.pageYOffset - filtersBarHeight - 20;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
}, 500);
}
}
});</script> <footer class="relative bg-gradient-to-b from-black via-black-900 to-black pt-20 pb-8 overflow-hidden"><div class="absolute inset-0 opacity-20"><div class="absolute top-0 left-1/4 w-96 h-96 bg-verre/20 rounded-full blur-3xl animate-pulse-slow"></div><div class="absolute bottom-0 right-1/4 w-96 h-96 bg-verre/10 rounded-full blur-3xl animate-pulse-slow" style="animation-delay: 2s;"></div></div><div class="container mx-auto px-6 relative z-10"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12"><div class="space-y-6"><div> <a href="https://www.immersion-technologies.fr/"> <img src="/wp-content/uploads/2024/12/LOGO-Immersion-blanc.png"
alt="Immersion Technologies"
class="h-14 w-auto mb-4 transition-transform hover:scale-105"
width="156"
height="48"
loading="lazy" /> </a><p class="text-gray-400 font-inter text-sm leading-relaxed"> Solutions & Integrations Audiovisuelles</p></div></div><div><h3 class="font-inter font-bold text-white text-lg mb-6 relative"> Nos Services <span class="absolute -bottom-2 left-0 w-12 h-0.5 bg-verre"></span></h3><ul class="space-y-3"><li> <a href="https://www.immersion-technologies.fr/nos-solutions/#audio" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"> <span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span> Audio </a></li><li> <a href="https://www.immersion-technologies.fr/nos-solutions/#video" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"> <span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span> Vidéo </a></li><li> <a href="https://www.immersion-technologies.fr/nos-solutions/#lumiere" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"> <span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span> Lumière </a></li></ul></div><div><h3 class="font-inter font-bold text-white text-lg mb-6 relative"> Navigation <span class="absolute -bottom-2 left-0 w-12 h-0.5 bg-verre"></span></h3><ul class="space-y-3"><li><a href="https://www.immersion-technologies.fr/mentions-legales/" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"><span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span>Mentions légales</a></li><li><a href="https://www.immersion-technologies.fr/mentions-legales/#politique-de-confidentialite" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"><span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span>Politique de confidentialité</a></li><li><a href="https://www.immersion-technologies.fr/plan-du-site-html/" class="footer-anchor-link text-gray-400 hover:text-verre transition-colors font-inter text-sm flex items-center gap-2 group"><span class="w-1 h-1 bg-verre/50 rounded-full group-hover:w-2 transition-all"></span>Plan du site</a></li></ul></div><div><h3 class="font-inter font-bold text-white text-lg mb-6 relative"> Contact <span class="absolute -bottom-2 left-0 w-12 h-0.5 bg-verre"></span></h3><div class="space-y-4 mb-6"> <a href="tel:0369459295" class="flex items-center gap-3 text-gray-400 hover:text-verre transition-colors group"><div class="w-10 h-10 bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg flex items-center justify-center group-hover:border-verre/50 transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg></div> <span class="font-inter text-sm">03 69 45 92 95</span> </a> <a href="mailto:contact@immersion-technologies.fr" class="flex items-center gap-3 text-gray-400 hover:text-verre transition-colors group"><div class="w-10 h-10 bg-white/5 backdrop-blur-sm border border-white/10 rounded-lg flex items-center justify-center group-hover:border-verre/50 transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg></div> <span class="font-inter text-sm">contact@immersion-technologies.fr</span> </a></div></div></div><div class="border-t border-white/10 pt-8 mb-8"><div class="flex flex-col lg:flex-row items-center justify-between gap-6"><div class="flex flex-col sm:flex-row items-center gap-4"><p class="text-gray-400 font-inter">Vous avez un lieu à équiper ?</p> <a href="https://www.immersion-technologies.fr/#contact" class="footer-cta relative overflow-hidden group backdrop-blur-md border border-white/30 bg-gradient-to-br from-[#3daa35] to-[#2d8028] text-white font-medium px-8 py-3.5 rounded-lg shadow-[0_0_20px_rgba(61,170,53,0.3)] hover:shadow-[0_0_30px_rgba(61,170,53,0.5)] transition-all duration-500 hover:scale-[1.02]"> <span class="relative z-10 flex items-center justify-center gap-2"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> Créons votre ambiance </span> <span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 -translate-x-full group-hover:translate-x-full"></span> </a></div><div class="flex items-center gap-4"></div></div></div><div class="border-t border-white/10 pt-6"><div class="flex flex-col sm:flex-row items-center justify-between gap-4 text-center sm:text-left"><p class="text-gray-500 font-inter text-sm"> © 2026 Immersion. Tous droits réservés.</p><div class="flex items-center gap-2"> <span class="text-gray-500 font-inter text-sm">Créé par</span> <a href="https://ldsolutions.fr" target="_blank" rel="noopener noreferrer" class="text-verre hover:text-verre-dark font-inter font-semibold text-sm transition-colors"> LDSolutions </a></div></div></div></div> <button id="back-to-top"
class="fixed bottom-8 right-8 w-12 h-12 bg-gradient-to-r from-verre to-verre-dark text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 opacity-0 invisible hover:scale-110 z-50"> <svg class="w-6 h-6 mx-auto" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> </svg> </button></footer> <script>document.addEventListener('DOMContentLoaded', function() {
// Bouton retour en haut
const backToTop = document.getElementById('back-to-top');
window.addEventListener('scroll', function() {
if (window.scrollY > 300) {
backToTop.classList.remove('opacity-0', 'invisible');
backToTop.classList.add('opacity-100', 'visible');
} else {
backToTop.classList.add('opacity-0', 'invisible');
backToTop.classList.remove('opacity-100', 'visible');
}
});
backToTop.addEventListener('click', function() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// Gestion intelligente des liens avec ancres (même logique que le header)
function handleAnchorLink(e) {
const href = e.currentTarget.getAttribute('href');
// Si le lien contient une ancre (#)
if (href && href.includes('#')) {
const hashPart = href.split('#')[1];
const targetSection = document.getElementById(hashPart);
// Si on est sur la page actuelle et que la section existe
if (targetSection) {
e.preventDefault();
targetSection.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
} else if (!href.startsWith('http')) {
// Si la section n'existe pas et que c'est un lien relatif, rediriger
e.preventDefault();
window.location.href = href;
}
}
}
// Ajouter l'événement à tous les liens du footer avec ancres
const footerLinks = document.querySelectorAll('.footer-anchor-link, .footer-cta');
footerLinks.forEach(link => {
link.addEventListener('click', handleAnchorLink);
});
// Animation d'apparition au scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Appliquer l'animation aux éléments du footer
const footerElements = document.querySelectorAll('footer .grid > div');
footerElements.forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = 'all 0.6s ease-out';
observer.observe(el);
});
});</script>
