.elementor-9 .elementor-element.elementor-element-b7fd177{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-b7fd177.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-bf38560{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-bf38560 .elementor-heading-title{font-family:"SquidBoy", Sans-serif;font-size:25px;font-weight:200;text-transform:uppercase;letter-spacing:5px;color:#FEF6E5;}.elementor-9 .elementor-element.elementor-element-e08dcf2{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-e08dcf2 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:15px;font-weight:400;letter-spacing:0px;color:#FEF6E5;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-2a46ddc{left:50.05%;}body.rtl .elementor-9 .elementor-element.elementor-element-2a46ddc{right:50.05%;}.elementor-9 .elementor-element.elementor-element-2a46ddc{top:49%;text-align:center;}.elementor-9 .elementor-element.elementor-element-2a46ddc img{width:14%;}.elementor-9 .elementor-element.elementor-element-b128729{text-align:center;}.elementor-9 .elementor-element.elementor-element-b128729 img{width:14%;}.elementor-9 .elementor-element.elementor-element-9656f49{margin:128px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-9656f49 img{max-width:15%;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-bf38560{margin:29px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;text-align:center;}.elementor-9 .elementor-element.elementor-element-2a46ddc img{width:35%;}.elementor-9 .elementor-element.elementor-element-9656f49 img{max-width:22%;}}/* Start custom CSS */body.elementor-page-9 {

  position: relative;

  overflow: hidden; /* important pour les pseudo-elements */

  background: linear-gradient(

    135deg,

    #00412c 0%,

    #005c3f 50%,

    #00281c 100%

  );

}

/* glow subtil (optionnel mais très propre) */

body.elementor-page-9::before {

  content: "";

  position: absolute;

  inset: 0;

  background: radial-gradient(

    circle at 30% 20%,

    rgba(0, 255, 170, 0.12),

    transparent 60%

  );

  pointer-events: none;

}

/* grain renforcé */

body.elementor-page-9::after {

  content: "";

  position: absolute;

  inset: 0;

  background-image:

    url("https://grainy-gradients.vercel.app/noise.svg"),

    url("https://grainy-gradients.vercel.app/noise.svg");

  opacity: 0.07;

  mix-blend-mode: soft-light;

  pointer-events: none;

}



.hook-logo {
  opacity: 0;
  transform: scale(0.82) rotate(-8deg);
  filter: blur(10px);
  animation: hookLogoReveal 1.2s cubic-bezier(.16, 1, .3, 1) forwards;
  transform-origin: center;
}

@keyframes hookLogoReveal {
  0% {
    opacity: 0;
    transform: scale(0.82) rotate(-8deg);
    filter: blur(10px);
  }

  65% {
    opacity: 1;
    transform: scale(1.04) rotate(2deg);
    filter: blur(0);
  }

  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    filter: blur(0);
  }
}



.hook-logo {
  transition: transform .45s ease, filter .45s ease;
}

.hook-logo:hover {
  transform: scale(1.04) rotate(1deg);
  filter: drop-shadow(0 0 24px rgba(245, 232, 204, .22));
}




.badge-rotate {

  animation: rotateBadge 30s linear infinite;

  transform-origin: center;

}

@keyframes rotateBadge {

  from {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  to {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SquidBoy';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Bold.eot');
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Bold.woff2') format('woff2'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Bold.woff') format('woff'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'SquidBoy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy.eot');
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy.eot?#iefix') format('embedded-opentype'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy.woff2') format('woff2'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy.woff') format('woff'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy.ttf') format('truetype');
}
@font-face {
	font-family: 'SquidBoy';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-1.eot');
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-1.eot?#iefix') format('embedded-opentype'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Thin.woff2') format('woff2'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Thin.woff') format('woff'),
		url('https://www.hookstudio.fr/wp-content/uploads/2026/04/SquidBoy-Thin.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Outfit';
	font-display: auto;
	src: url('https://www.hookstudio.fr/wp-content/uploads/2026/04/Outfit-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */