.elementor-306 .elementor-element.elementor-element-afd8d6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:035px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-a6bbca7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-4f997ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;}.elementor-306 .elementor-element.elementor-element-f607f18{--display:flex;--min-height:75vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:60px;--padding-right:20px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-306 .elementor-element.elementor-element-f607f18:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-f607f18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-5d1cea1{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"League Gothic", Sans-serif;font-size:45px;font-weight:400;line-height:0px;color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-3109179{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-306 .elementor-element.elementor-element-3109179 .elementor-heading-title{font-family:"League Gothic", Sans-serif;font-size:10.5em;font-weight:400;line-height:145px;letter-spacing:2px;}.elementor-306 .elementor-element.elementor-element-9588b2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"League Gothic", Sans-serif;font-size:33px;font-weight:400;text-transform:uppercase;line-height:30px;color:#000000;}.elementor-306 .elementor-element.elementor-element-9588b2a p{margin-block-end:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-405e082{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-405e082.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-framed .elementor-icon, .elementor-306 .elementor-element.elementor-element-405e082.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-stacked .elementor-icon:hover{background-color:#F8F8F8;color:#000000;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-framed .elementor-icon:hover, .elementor-306 .elementor-element.elementor-element-405e082.elementor-view-default .elementor-icon:hover{color:#F8F8F8;border-color:#F8F8F8;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-framed .elementor-icon:hover, .elementor-306 .elementor-element.elementor-element-405e082.elementor-view-default .elementor-icon:hover svg{fill:#F8F8F8;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-framed .elementor-icon:hover{background-color:#000000;}.elementor-306 .elementor-element.elementor-element-405e082.elementor-view-stacked .elementor-icon:hover svg{fill:#000000;}.elementor-306 .elementor-element.elementor-element-405e082 .elementor-icon{font-size:19px;border-width:3px 3px 3px 3px;}.elementor-306 .elementor-element.elementor-element-405e082 .elementor-icon svg{height:19px;}.elementor-306 .elementor-element.elementor-element-b826063{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-48ae28f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-7dc804d{--display:flex;--margin-top:40px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-306 .elementor-element.elementor-element-804afea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Sen", Sans-serif;font-size:16px;font-weight:400;}.elementor-306 .elementor-element.elementor-element-42a5128{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-42a5128.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-306 .elementor-element.elementor-element-b826063{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-306 .elementor-element.elementor-element-afd8d6a{--content-width:90%;}}@media(max-width:1024px){.elementor-306 .elementor-element.elementor-element-f607f18{--min-height:74vh;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-306 .elementor-element.elementor-element-5d1cea1.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-5d1cea1{text-align:center;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-306 .elementor-element.elementor-element-3109179{text-align:center;}.elementor-306 .elementor-element.elementor-element-9588b2a.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-9588b2a{text-align:center;}}@media(max-width:767px){.elementor-306 .elementor-element.elementor-element-afd8d6a{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-306 .elementor-element.elementor-element-f607f18{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-306 .elementor-element.elementor-element-5d1cea1.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-306 .elementor-element.elementor-element-3109179 .elementor-heading-title{font-size:6.9em;line-height:1em;}.elementor-306 .elementor-element.elementor-element-9588b2a.elementor-element{--align-self:center;}.elementor-306 .elementor-element.elementor-element-9588b2a{text-align:center;}.elementor-306 .elementor-element.elementor-element-804afea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-42a5128{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* PINNED SECTIONS */ .pinned-wrapper { position: relative; background: #e8e8e8; height: 300vh; } .pinned-container { height: 100vh; position: sticky; top: 0; overflow: hidden; background: #e8e8e8; } .pinned-section { height: 100vh; display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; top: 0; left: 0; opacity: 0; pointer-events: none; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%); } #section-1 { opacity: 1; pointer-events: auto; } .portrait-image { position: absolute; width: auto; max-height:100vh !important; max-width: 100%; object-fit: contain !important; object-position: bottom center; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; } .text-container { display: contents; } .section-title { position: relative; margin-bottom: 40px; mix-blend-mode: difference; filter: invert(1) grayscale(0) contrast(9); -webkit-filter: invert(1) grayscale(0) contrast(9); color: white; z-index: 2; text-align: center; font-size:234px !important; line-height:0.9; margin-top: 140px; } .mouse-tracking { position: absolute; margin-top:220px; left: auto; width: 100vh; /* Zone de détection large */ height: 100vh; /* Zone de détection haute */ z-index: 10; /* Variables mouse tracking */ --mouse-x: 0px; --mouse-y: 0px; display: flex; align-items: center; justify-content: center; padding-top: 220px; } .see-more-btn { position: relative; bottom: auto; left: auto; margin-left: 0; width: 100px; height: 100px; border: 5px solid black; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: "League Gothic", sans-serif; font-size: 1.7em; text-align: center; font-weight: 800; letter-spacing: 0.04em; color: black; line-height: 1; cursor: pointer; background: #fff; text-decoration: none; transform: translate(var(--mouse-x), var(--mouse-y)) rotate(7deg); transition: transform 0.66s ease, background 0.3s ease, color 0.3s ease; } .see-more-btn:hover { background: black; color: white; animation: unrotate 0.66s ease forwards, skew-loop 1.2s ease 0.66s forwards; } .see-more-btn:active { transform: scale(0.96); } @keyframes unrotate { from { transform: translate(var(--mouse-x), var(--mouse-y)) rotate(7deg); } to { transform: translate(var(--mouse-x), var(--mouse-y)) rotate(0deg); } } @keyframes skew-loop { 0% { transform: translate(var(--mouse-x), var(--mouse-y)) rotate(0deg) skew(0deg, 0deg); } 25% { transform: translate(var(--mouse-x), var(--mouse-y)) rotate(0deg) skew(-17deg, 0deg); } 75% { transform: translate(var(--mouse-x), var(--mouse-y)) rotate(0deg) skew(10deg, 0deg); } 100% { transform: translate(var(--mouse-x), var(--mouse-y)) rotate(0deg) skew(0deg, 0deg); } } /* No drag & drop img */ .portrait-image { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; pointer-events: none; } @media (max-width: 1340px) { .section-title { font-size:200px !important; margin-top: 160px; } } .mouse-tracking { margin-top:230px; } @media (max-width: 1130px) { .section-title { font-size:180px !important; margin-top: 160px; } .mouse-tracking { margin-top:210px; } } @media (max-width: 767px) { .section-title { font-size: 115px !important; margin-top: 160px; } .portrait-image { max-width:93% !important; } } /*END PINNED SECTION */ /* CSS CTA ROUND */ .btn-round { width:100px; height:100px; border-radius: 50%; border: 5px solid black; cursor: pointer; display:flex; align-items: center; justify-content: center; font-family: "League Gothic", sans-serif; font-size: 1.7em; text-align:center; font-weight: 800; letter-spacing: 0.04em; color:black; line-height: 1; } .btn-round a { text-decoration: none; color: inherit; font: inherit; } .btn-round:hover { background:black; color:white; } .btn-round:active { transform: scale(0.96); } .btn-rotate { display: inline-block; transform: rotate(7deg); transition: transform 0.66s ease; } .btn-rotate:hover { transition: none; animation: unrotate 0.66s ease forwards, skew-loop 1.2s ease 0.66s forwards; } @keyframes unrotate { from { transform: rotate(7deg); } to { transform: rotate(0deg); } } @keyframes skew-loop { 0% { transform: rotate(0deg) skew(0deg, 0deg); } 25% { transform: rotate(0deg) skew(-17deg, 0deg); } 75% { transform: rotate(0deg) skew(10deg, 0deg); } 100% { transform: rotate(0deg) skew(0deg, 0deg); } } /* FIN CSS CTA ROUND */ .conteneur-a { margin-bottom: 70px !important; transition: margin-bottom 0.4s ease; } .conteneur-a.marge-zero { margin-bottom: 0px !important; } @media (max-width: 767px) { .hdemob {font-size:55px !important;} }/* End custom CSS */