.elementor-1391 .elementor-element.elementor-element-6456685{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--horizontal{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--vertical .menu-item-link-top{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:center;text-align:center;}body:not(.rtl) .elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--horizontal .jet-nav__sub{text-align:left;}body.rtl .elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--horizontal .jet-nav__sub{text-align:right;}.elementor-1391 .elementor-element.elementor-element-f520973 .menu-item-link-top{color:#FFFFFF;padding:5px 20px 5px 20px;border-radius:10px 10px 10px 10px;}.elementor-1391 .elementor-element.elementor-element-f520973 .menu-item-link-top .jet-nav-link-text{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}.elementor-1391 .elementor-element.elementor-element-f520973 .menu-item:hover > .menu-item-link-top{background-color:#272727;color:#FFFFFF;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav > .jet-nav__item{margin:0px 5px 0px 5px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav__sub{border-radius:10px 10px 10px 10px;padding:10px 0px 10px 0px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav__sub > .menu-item:first-child > .menu-item-link{border-radius:10px 10px 0 0;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav__sub > .menu-item:last-child > .menu-item-link{border-radius:0 0 10px 10px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--horizontal .jet-nav-depth-0{margin-top:5px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--vertical-sub-left-side .jet-nav-depth-0{margin-right:5px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--vertical-sub-right-side .jet-nav-depth-0{margin-left:5px;}.elementor-1391 .elementor-element.elementor-element-f520973 .menu-item-link-sub{color:#EB5B2C;}.elementor-1391 .elementor-element.elementor-element-f520973 .menu-item:hover > .menu-item-link-sub{color:#EB5B2CB0;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav__mobile-trigger{color:#E7E7E7;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-mobile-menu-active .jet-nav{padding:0px 0px 0px 0px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav__mobile-close-btn{font-size:0px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--horizontal{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--vertical .menu-item-link-top{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:center;text-align:center;}body:not(.rtl) .elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--horizontal .jet-nav__sub{text-align:left;}body.rtl .elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--horizontal .jet-nav__sub{text-align:right;}.elementor-1391 .elementor-element.elementor-element-2f277fd .menu-item-link-top{color:#FFFFFF;padding:5px 20px 5px 20px;border-radius:10px 10px 10px 10px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .menu-item-link-top .jet-nav-link-text{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}.elementor-1391 .elementor-element.elementor-element-2f277fd .menu-item:hover > .menu-item-link-top{color:#FFFFFF;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav > .jet-nav__item{margin:0px 5px 0px 5px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav__sub{border-radius:10px 10px 10px 10px;padding:10px 0px 10px 0px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav__sub > .menu-item:first-child > .menu-item-link{border-radius:10px 10px 0 0;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav__sub > .menu-item:last-child > .menu-item-link{border-radius:0 0 10px 10px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--horizontal .jet-nav-depth-0{margin-top:5px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--vertical-sub-left-side .jet-nav-depth-0{margin-right:5px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--vertical-sub-right-side .jet-nav-depth-0{margin-left:5px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .menu-item-link-sub{color:#EB5B2C;}.elementor-1391 .elementor-element.elementor-element-2f277fd .menu-item:hover > .menu-item-link-sub{color:#EB5B2CB0;}.elementor-1391 .elementor-element.elementor-element-4133e954{--display:flex;--min-height:98vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1391 .elementor-element.elementor-element-506ac65{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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 );}.elementor-1391 .elementor-element.elementor-element-d3ed827{width:auto;max-width:auto;z-index:10;}.elementor-1391 .elementor-element.elementor-element-d3ed827 > .elementor-widget-container{--e-transform-translateX:150px;--e-transform-translateY:22px;}.elementor-1391 .elementor-element.elementor-element-d3ed827 img{width:100%;max-width:20%;}.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-1391 .elementor-element.elementor-element-c6b5d39{z-index:10;}.elementor-1391 .elementor-element.elementor-element-c6b5d39 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:5.3rem;font-weight:700;letter-spacing:4.9px;color:#FFFFFF;}.elementor-1391 .elementor-element.elementor-element-210fdea{z-index:10;}.elementor-1391 .elementor-element.elementor-element-210fdea .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.5rem;font-weight:200;color:#FFFFFFBF;}body:not(.rtl) .elementor-1391 .elementor-element.elementor-element-c3aa408{left:0px;}body.rtl .elementor-1391 .elementor-element.elementor-element-c3aa408{right:0px;}.elementor-1391 .elementor-element.elementor-element-c3aa408{top:0px;}.elementor-1391 .elementor-element.elementor-element-c3aa408 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 49% ) contrast( 100% ) saturate( 105% ) blur( 0px ) hue-rotate( 0deg );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1391 .elementor-element.elementor-element-6456685{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--horizontal{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--vertical .menu-item-link-top{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-f520973 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1391 .elementor-element.elementor-element-f520973{z-index:9999;}.elementor-1391 .elementor-element.elementor-element-f520973 .menu-item-link-top{padding:6px 15px 6px 15px;}.elementor-1391 .elementor-element.elementor-element-f520973 .jet-nav > .jet-nav__item{margin:6px 0px 0px 0px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--horizontal{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--vertical .menu-item-link-top{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:center;text-align:center;}.elementor-1391 .elementor-element.elementor-element-2f277fd > .elementor-widget-container{padding:0px 0px 0px 103px;}.elementor-1391 .elementor-element.elementor-element-2f277fd{z-index:9999;}.elementor-1391 .elementor-element.elementor-element-2f277fd .menu-item-link-top{padding:6px 15px 6px 15px;}.elementor-1391 .elementor-element.elementor-element-2f277fd .jet-nav > .jet-nav__item{margin:6px 0px 0px 0px;}.elementor-1391 .elementor-element.elementor-element-4133e954{--min-height:25vh;}.elementor-1391 .elementor-element.elementor-element-d3ed827 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 30px 0px 0px;}.elementor-1391 .elementor-element.elementor-element-d3ed827 img{max-width:15%;}.elementor-1391 .elementor-element.elementor-element-c6b5d39 .elementor-heading-title{font-size:1rem;}.elementor-1391 .elementor-element.elementor-element-210fdea .elementor-heading-title{font-size:1rem;}}/* Start custom CSS for jet-nav-menu, class: .elementor-element-f520973 */@media (max-width: 767px){
    .jet-mobile-menu.jet-nav-wrap .jet-nav.m-layout-mobile .menu-item-link.menu-item-link-top{
        color: #000;
    }
}/* End custom CSS */
/* Start custom CSS for jet-nav-menu, class: .elementor-element-2f277fd */@media (max-width: 767px){
    .jet-mobile-menu.jet-nav-wrap .jet-nav.m-layout-mobile .menu-item-link.menu-item-link-top{
        color: #000;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================
   CINEMATIC HERO — Motorsport
   Dark blue–black gradient, parallax, sequence
   ============================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Inter", system-ui, sans-serif;
}

/* --------------------------------------------
   NAV — Horizontal, uppercase, language .elementor-1391
   -------------------------------------------- */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 1.25rem 2rem;
}

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.nav-link {
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.2s ease;
}

.nav-link:hover {
  opacity: 0.85;
}

.nav-lang {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  padding-left: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}

.nav-lang-flag {
  font-size: 1rem;
  line-height: 1;
}

.nav-lang-chevron {
  font-size: 0.5rem;
  opacity: 0.9;
}

/* --------------------------------------------
   HERO — Full-screen, centered, immersive
   -------------------------------------------- */
.hero {
  position: relative;
  width: 100%;
  min-height: 98vh;
  height: 98vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
}

/* --------------------------------------------
   BACKGROUND — Dark blue to black + ambient
   -------------------------------------------- */
.hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 120% 80% at 50% 100%, rgba(15, 25, 45, 0.95) 0%, transparent 55%),
    radial-gradient(ellipse 100% 60% at 50% 20%, rgba(20, 35, 65, 0.4) 0%, transparent 50%),
    linear-gradient(180deg, #0a0e1a 0%, #060810 40%, #030508 100%);
  animation: heroBgFade 2s ease-out forwards;
  z-index: 0;
}

@keyframes heroBgFade {
  0% {
    opacity: 0;
    filter: brightness(0.7);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}

/* Subtle ambient motion on gradient */
.hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 50% at 50% 90%, rgba(30, 60, 120, 0.08) 0%, transparent 60%);
  animation: heroAmbient 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes heroAmbient {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.05); }
}

/* Atmospheric glows */
.hero-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0;
  animation: heroGlowIn 2.5s ease-out 0.5s forwards;
  z-index: 1;
  pointer-events: none;
}

.hero-glow--left {
  width: 40vmin;
  height: 40vmin;
  background: rgba(20, 50, 100, 0.35);
  left: -10%;
  bottom: 20%;
  animation-delay: 0.8s;
}

.hero-glow--right {
  width: 35vmin;
  height: 35vmin;
  background: rgba(15, 40, 80, 0.3);
  right: -5%;
  bottom: 25%;
  animation-delay: 1s;
}

.hero-glow--center {
  width: 60vmin;
  height: 40vmin;
  background: rgba(25, 55, 110, 0.2);
  left: 50%;
  bottom: 10%;
  transform: translateX(-50%);
  animation-delay: 0.6s;
}

@keyframes heroGlowIn {
  to { opacity: 1; }
}

/* --------------------------------------------
   SEQUENCE — Car + driver (parallax mid)
   -------------------------------------------- */
.hero-sequence {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  transform: translateZ(0);
}

.hero-sequence-inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 98vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.hero-frames {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  /* Smooth crossfade between frames handled by JS */
}

/* Slight haze when car is in distance (start of sequence) */
.hero-frames-haze {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 12, 22, 0.25) 30%, transparent 70%);
  pointer-events: none;
  animation: heroHazeOut 4s ease-out 0.5s forwards;
}

@keyframes heroHazeOut {
  0%   { opacity: 0.9; }
  70%  { opacity: 0.4; }
  100% { opacity: 0.2; }
}

/* Motion blur overlay during movement (strong at start, fades) */
.hero-motion-blur {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.03) 50%, transparent 70%);
  pointer-events: none;
  animation: heroMotionBlur 3.5s ease-out forwards;
  opacity: 0;
}

@keyframes heroMotionBlur {
  0%   { opacity: 0.35; transform: translateX(-2%); }
  40%  { opacity: 0.1; }
  100% { opacity: 0; transform: translateX(0); }
}

/* --------------------------------------------
   FLOOR REFLECTION — Intensifies as car approaches
   -------------------------------------------- */
.hero-reflection {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.02) 15%,
    rgba(255, 255, 255, 0.06) 40%,
    rgba(255, 255, 255, 0.04) 70%,
    transparent 100%
  );
  z-index: 3;
  pointer-events: none;
  animation: heroReflectionIn 4.5s ease-out 1s forwards;
  opacity: 0;
}

@keyframes heroReflectionIn {
  0%   { opacity: 0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1; }
}

/* --------------------------------------------
   LIGHT STREAKS — High-tech micro accents
   -------------------------------------------- */
.hero-streaks {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
}

.hero-streak {
  position: absolute;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(100, 160, 255, 0.25),
    rgba(150, 200, 255, 0.4),
    rgba(100, 160, 255, 0.2),
    transparent
  );
  filter: blur(0.5px);
  animation: heroStreakPulse 3s ease-in-out infinite;
}

.hero-streak--1 { width: 20%; left: 15%; top: 25%; animation-delay: 0s;    }
.hero-streak--2 { width: 15%; left: 70%; top: 35%; animation-delay: 0.4s;  }
.hero-streak--3 { width: 25%; left: 40%; top: 60%; animation-delay: 0.8s;  }
.hero-streak--4 { width: 18%; left: 5%;  top: 70%; animation-delay: 0.2s;  }
.hero-streak--5 { width: 22%; left: 75%; top: 80%; animation-delay: 0.6s;  }

@keyframes heroStreakPulse {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 0.9; }
}

/* --------------------------------------------
   TYPOGRAPHY — Bold, modern, minimalist luxury
   -------------------------------------------- */
.hero-content {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 2rem;
  animation: heroContentIn 1.8s ease-out 2.5s both;
}

@keyframes heroContentIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-name-block {
  position: relative;
  display: inline-block;
  margin-bottom: 0.25rem;
}

.hero-sponsor {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.35rem;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.7rem, 1.8vmin, 0.9rem);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.hero-headline {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3rem, 12vmin, 7rem);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 0.95;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  margin-bottom: 0.5rem;
}

.hero-subheadline {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.9rem, 2.2vmin, 1.15rem);
  font-weight: 400;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 2.5rem;
  word-spacing: 0.5em;
}

/* --------------------------------------------
   CTA — Strong button with subtle glow
   -------------------------------------------- */
.hero-cta {
  display: inline-block;
  padding: 1rem 2.5rem;
  font-family: "Inter", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 0;
  cursor: pointer;
  transition:
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
  box-shadow:
    0 0 20px rgba(80, 140, 255, 0.15),
    inset 0 0 20px rgba(80, 140, 255, 0.05);
}

.hero-cta:hover {
  border-color: rgba(255, 255, 255, 0.95);
  color: #fff;
  box-shadow:
    0 0 35px rgba(80, 140, 255, 0.35),
    0 0 60px rgba(80, 140, 255, 0.15),
    inset 0 0 25px rgba(80, 140, 255, 0.08);
  background: rgba(255, 255, 255, 0.06);
}

.hero-cta:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 4px;
}

/* --------------------------------------------
   PARALLAX (optional enhancement via JS)
   -------------------------------------------- */
.hero[data-parallax-ready] .hero-sequence {
  will-change: transform;
}

/* --------------------------------------------
   FINAL FRAME — Lock dramatic pose (class added by JS)
   -------------------------------------------- */
.hero.hero--final .hero-reflection {
  animation: none;
  opacity: 1;
}

.hero.hero--final .hero-motion-blur {
  animation: none;
  opacity: 0;
}/* End custom CSS */