@font-face { font-family: 'Switzer-Light'; src: url('../assets/Switzer-Light.woff2') format('woff2'), url('../assets/Switzer-Light.woff') format('woff'), url('../assets/Switzer-Light.ttf') format('truetype'); font-weight: 300; font-display: swap; font-style: normal; }
@font-face { font-family: 'Switzer-Regular'; src: url('../assets/Switzer-Regular.woff2') format('woff2'), url('../assets/Switzer-Regular.woff') format('woff'), url('../assets/Switzer-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal; }
@font-face { font-family: 'Switzer-Medium'; src: url('../assets/Switzer-Medium.woff2') format('woff2'), url('../assets/Switzer-Medium.woff') format('woff'), url('../assets/Switzer-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; font-style: normal; }
@font-face { font-family: 'Switzer-Semibold'; src: url('../assets/Switzer-Semibold.woff2') format('woff2'), url('../assets/Switzer-Semibold.woff') format('woff'), url('../assets/Switzer-Semibold.ttf') format('truetype'); font-weight: 600; font-display: swap; font-style: normal; }
@font-face { font-family: 'Switzer-Bold'; src: url('../assets/Switzer-Bold.woff2') format('woff2'), url('../assets/Switzer-Bold.woff') format('woff'), url('../assets/Switzer-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; font-style: normal; }



* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { background-color: #000; font-family: 'Switzer-Regular'; color: #fff; font-size: 14px; }
img,video,picture { max-width: 100%; height: auto; display: flex; }
a { color: rgba(255, 255, 255, 0.8); text-decoration: none; }
h2 { font-size: 16px; font-weight: 400; color: #FFFFFF80; margin-bottom: 20px; }
.has_parallex { transform-style: preserve-3d; backface-visibility: hidden; will-change: transform; /*  scale: 1.3; transition: 1s all ease; */ }


/*---------------------------
  Flexbox Utility Classes
  ----------------*/

.site_flex { display: flex; }
.flex_items-center { align-items: center; }
.flex_content-center { justify-content: center; }
.flex-wrap { flex-wrap: wrap; }
.flex-column { flex-direction: column; }
body.browser-chrome.device-mobile .profile-name { font-size: 14px; }
body.browser-chrome.device-mobile .statistics-inner { gap: 12px; justify-content: space-between; }



/*---------------------------
  Hero Block Styles
  ----------------*/

.switcher__filter { position: absolute; width: 0; height: 0; z-index: -1; }
.elink-entreprenuer__container { max-width: 455px; width: 100%; margin: 0 auto; }
.entreprenuer-block__hero { position: relative; border-radius: 0 0 24px 24px;  }
.entreprenuer-block__hero .hero__bg :is(img, video) { width: 100%; height: 100%; object-fit: cover; object-position: center center; scale: 1.20; }
.hero__bg { overflow: hidden; border-radius: 0 0 24px 24px; border: 1px solid #ffffff20; aspect-ratio: 1/1.4; height: 100%; display: flex;}
.entreprenuer-block__hero::after { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; background: linear-gradient(180deg, transparent, #00000060); z-index: 1; display: flex; width: 100%; }
.hero-floating__content { position: absolute; bottom: 0; width: 100%; z-index: 2; }
.floating-content__inner { padding: 16px; gap: 10px; display: flex; flex-direction: column; }
.floating-content__bottom.sticky-active .bottom__inner { padding: 15px; gap: 0px; transition-delay: 0.3s; border-radius: 15px; }
.floating-content__bottom.sticky-active .glass-specular { border-radius: 15px; }
.floating-content__bottom.sticky-active .bottom__inner .cta { border-radius: 12px; }
.name_text { text-wrap: nowrap; text-overflow: ellipsis; max-width: 120px; overflow: hidden; width: 100%; }
.bottom-content__left { display: flex; }
.profile_details { display: flex; align-items: center; gap: 4px; }
.profile-image { background: linear-gradient(90deg, #26B7FF, #1D4AFE); padding: 2px; border-radius: 50px; overflow: hidden; }
.profile-image img { border-radius: 50px; overflow: hidden; height: 24px; width: 24px; }
.profile-name { font-size: 16px; display: flex; align-items: center; gap: 4px; }
.profile-role { font-size: 10px; color: #FFFFFF60; line-height: 0.8; }
.statistics-inner { display: flex; text-align: center; justify-content: space-between; }
.statistics_subtext { font-size: 10px; }
.statistics_text { font-size: 14px; font-weight: 600; line-height: 14px; }
.bottom-top__left { flex: none; display: flex; }
.contact-ctas { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 5px; text-align: center; }
.bottom_top { display: flex; justify-content: space-between; gap:10px; margin-bottom: 20px; transition: 0.3s all ease; }
.floating-content__bottom.sticky-active .bottom_top { margin: 0; }
.bottom-contact__ctas { display: flex; }
.bottom_top, .bottom-contact__ctas { width: 100%; }
.cta { display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(66px); -webkit-backdrop-filter: blur(66px); border-radius: 16px; padding:16px; flex: fit-content; gap: 10px; }
.contact-ctas .cta:first-child:not(.contact-ctas.on__header .cta:first-child) { flex: 55%; }
.bottom-top__right { display: flex; align-items: center; }
.contact-ctas.on__header.has_effect_on-scroll { height: 0; opacity: 0; padding: 0; margin: 0; transition: all 0.3s ease; }
.floating-content__bottom.sticky-active .bottom__inner::before { opacity: 0; }
.bottom__inner::before { content: ''; position: absolute; top: 47%; height: 2px; width: 100%; background: linear-gradient(90deg, #ffffff01, #ffffff80, #ffffff01); display: flex; left: 50%; z-index: 1; transform: translate(-50%, -50%); transition: 0.3s all ease; }
.cta__ai { max-width: fit-content; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 25%), inset 0 0 5px rgba(255, 255, 255, 25%); }
.floating-content__top { display: flex; justify-content: flex-end; }

    .ambient {
      position: absolute;
      inset: 0;               
      background-size: cover;
      background-position: center;
      opacity: 0;             
      filter: blur(40px);     
      transform: scale(1.1);  
      pointer-events: none;  
      user-select: none;
  z-index: -9999999;
    }

/*-----------------
 Bio Block 
 -------------*/

@keyframes spin {
 0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
 }

.loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 5px solid #000; border-top: 5px solid #fff; border-radius: 50%; animation: spin 1s linear infinite; }
.video_block::before { content: ''; position: absolute; top: 0; left: 0; background: #00000040; height: 100%; width: 100%; border-radius: 10px; }
.preview-video { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; object-position: center center; }
.close-button { position: absolute; padding: clamp(3px,0.7vw,10px); background: #00000030; border: none; cursor: pointer; border-radius: 50px; display: flex; z-index: 2; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); justify-content: center; align-items: center; }
.close-button svg { max-width: clamp(20px,3vw,30px); color: #fff; }
.close-button svg { color: #fff; }
.dialog-video-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.82); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; z-index: 1000; }
.popup-content { position: relative; width: 90%; max-width: 300px; background: #fff; overflow: hidden; border-radius: 10px; opacity: 0; /* transform: scale(0.8); */ display: flex; }
.close-button { top: clamp(5px,1vw,10px); right: clamp(5px,1vw,10px); }
.full-video { width: 100%; display: flex; }
body.dialog-box__open { overflow: hidden; }
.video_overlay-content { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; row-gap: 16px; }
.video_overlay-content img { cursor: pointer; max-width: clamp(50px, 8vw, 118px); height: auto; filter: drop-shadow(0px 4px 15px #22222295); z-index: 9; }
.video_overlay-content:not(.dialog-video__loading .video_overlay-content) { opacity: 0; pointer-events: none; transition: 0.2s all ease; }
.video_block { position: relative; display: flex; align-items: center; justify-content: center; width: 99px; }
.loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 5px solid #000; border-top: 5px solid #fff; border-radius: 50%; animation: spin 1s linear infinite; }
.bio_block-info-effect { position: relative; overflow: hidden; padding: 1px; border-radius: 15px; }
.bio_block-detail { display: flex; gap: 20px; padding: 20px; container-type: inline-size; position: relative; overflow: hidden; }
.bio_block-detail-left-video { display: flex; height: 100%; }
.bio_block-main { padding: 15px; }
.bio_block-detail-right-detail p { font-size: 14px; color: #FFFFFFB3; line-height: 22px; margin-bottom: 10px; color: #FFFFFF70; line-height: 1.3; margin-bottom: 5px; }
.bio_block-detail-right-detail a { font-size: 10px; color: #FFFFFF50; display: flex; gap: 5px; }
.bio_block-detail-right-bottom a { display: flex; gap: 8px; align-items: center; }
.bio_block-detail-right-bottom a span { font-size: clamp(12px,1vw,14px); color:  #FFFFFF50; transition: 0.3s all ease; }
.bio_block-detail-right-bottom a span:hover { color: #ffffff; }
img.link-img { border: 1px solid #FFFFFF40; border-radius: 2px; }
.bio_block-detail-right-bootm-detail { position: relative; margin-top: 20px; display: flex; flex-direction: column; gap: 15px; }
.bio_block-detail-right-bootm-detail::before { content: ''; position: absolute; top: -10px; height: 1px; width: 100%; background: linear-gradient(90deg, #ffffff01, #ffffff18, #ffffff01); display: flex; left: 50%; transform: translate(-50%, -50%); }


/*---------------------------
  Interests Styles
  ----------------*/

.interest-list { gap: 20px; }
.interest-tag { align-items: center; gap: 4px; }
.interest-content { padding: 15px; }
.interest_bottom { position: relative; overflow: hidden; border-radius: 15px; padding: 1px; }
.interest_bottom .glass-specular, .bio_block-detail .glass-specular { border-radius: 15px; }
.interest_bottom ul { background-color: #ffffff05; padding: 20px; }
.follow-ctas { gap: 10px; }
.follow-cta { flex: 45%; font-size: 12px; position: relative; overflow: hidden; padding: 1px; }
.cta.cta__follow { padding-top: 12px; padding-bottom: 12px; border-radius: 10px; background: #0D0D0D; width: 100%; }
.feed-feeds { display: grid; grid-template-columns: repeat(auto-fill, minmax(clamp(110px,7vw,120px), 1fr)); gap: 5px; }
.feed-items { border-radius: 10px; overflow: hidden; border: 1px solid #ffffff20; }
.feed-items :is(video, img) { height: 100%; width: 100%; object-fit: cover; object-position: center center; }
.follow-cta.glass-card { border-radius: 10px; }
.bottom__inner { border-radius: 24px; padding: 24px 32px 16px 16px; display: flex; justify-content: space-between; align-items: center; flex-direction: column; width: 100%; /* gap: 20px; */  position: relative; transition: 0.3s all ease; background: transparent; overflow: hidden; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2); }
.glass-overlay { position: absolute; inset: 0; ; }
.glass-filter { position: absolute; inset: 0; z-index: 0; filter: url(#switcher); isolation: isolate; }
.glass-specular { position: absolute; inset: 0; border-radius: 24px; overflow: hidden; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 25%), inset 0 0 5px rgba(255, 255, 255, 25%); }
.follow-cta.staggered-item-active.filterBorder::before { animation: rotate 4s linear; }
.filterBorder::before { content: ""; text-align: center; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); position: absolute; width: 600px; height: 600px; background-repeat: no-repeat; background-position: 0 0; filter: brightness(1.35); background-image: conic-gradient( rgba(0, 0, 0, 0), #ffffff50, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, #ffffff50, rgba(0, 0, 0, 0) 100% ); }


@keyframes rotate {
 100% { transform: translate(-50%, -50%) rotate(360deg); }
 }