.elementor-866 .elementor-element.elementor-element-feae443{--display:flex;--min-height:100vh;--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;--justify-content:center;}.elementor-866 .elementor-element.elementor-element-92e3a07{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}#elementor-popup-modal-866 .dialog-widget-content{animation-duration:1.2s;background-color:#000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-866{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-866 .dialog-message{width:1650px;height:100vh;align-items:center;}#elementor-popup-modal-866 .dialog-close-button{display:flex;top:8%;font-size:33px;}body:not(.rtl) #elementor-popup-modal-866 .dialog-close-button{right:6%;}body.rtl #elementor-popup-modal-866 .dialog-close-button{left:6%;}#elementor-popup-modal-866 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-866 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-866 .dialog-close-button:hover i{color:#1E2672;}@media(max-width:1024px){.elementor-866 .elementor-element.elementor-element-92e3a07{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-866 .elementor-element.elementor-element-92e3a07{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-bd9de7b *//* Main container for the menu */
.full-page-menu-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 50px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Main navigation grid layout */
.nav-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 1500px;
    gap: 0 15%;
}

.nav-column {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-right {
    margin-top: 10vh; /* Adjusted vertical alignment */
}

.nav-column li {
    border-bottom: 1px solid #4a4a4a;
    padding: 15px 0;
}

.nav-column li:first-child {
    border-top: 1px solid #4a4a4a;
}

/* --- Navigation Link Styling and HOVER GLITCH EFFECT --- */
.nav-link {
    /* Default State: Thin Serif Font */
    font-family: "Times New Roman", Times, serif;
    font-weight: 300; /* CRITICAL CHANGE: Use a light font weight */
    font-size: clamp(2.5rem, 6vw, 5.5rem);
    color: #888;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    transition: color 0.2s ease; /* Smooth color transition */
}

/* Style for the permanently active "CULTURE" link */
.nav-link.special-active {
    color: #ffffff;
    /* Apply the bold sans-serif font permanently */
    font-family: "Scto Grotesk A", sans-serif;
    font-weight: 700;
}

/* On hover for ANY link: change color and font */
.nav-link:hover {
    color: #ffffff;
    /* Switch to the bold sans-serif font on hover */
    font-family: "Scto Grotesk A", sans-serif;
    font-weight: 700;
    font-style:italic;
}

/* Glitch layers are created on hover */
.nav-link:hover::before,
.nav-link:hover::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: hidden;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
}

.nav-link:hover::before {
    left: 3px;
    text-shadow: -2px 0 #002fff;
    animation-name: glitch-anim-1;
}

.nav-link:hover::after {
    left: -3px;
    text-shadow: -2px 0 #ff00de;
    animation-name: glitch-anim-2;
}


/* Keyframes for the glitch animations */
@keyframes glitch-anim-1 {
  0% { clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } 10% { clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); } 20% { clip-path: polygon(0 20%, 100% 20%, 100% 23%, 0 23%); } 30% { clip-path: polygon(0 80%, 100% 80%, 100% 82%, 0 82%); } 40% { clip-path: polygon(0 55%, 100% 55%, 100% 60%, 0 60%); } 50% { clip-path: polygon(0 15%, 100% 15%, 100% 18%, 0 18%); } 60% { clip-path: polygon(0 90%, 100% 90%, 100% 93%, 0 93%); } 70% { clip-p/* End custom CSS */