.elementor-10716 .elementor-element.elementor-element-57b84d8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-10716 .elementor-element.elementor-element-7c2560f{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-10716 .elementor-element.elementor-element-598fe4d{--display:flex;--min-height:240px;--overlay-opacity:0.3;--overlay-mix-blend-mode:multiply;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10716 .elementor-element.elementor-element-598fe4d:not(.elementor-motion-effects-element-type-background), .elementor-10716 .elementor-element.elementor-element-598fe4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#42215D;background-image:url("https://landu.com.au/wp-content/uploads/2024/03/hiep-duong-mm6VFRGTqWk-unsplash-scaled.jpg");background-position:top center;background-size:cover;}.elementor-10716 .elementor-element.elementor-element-598fe4d::before, .elementor-10716 .elementor-element.elementor-element-598fe4d > .elementor-background-video-container::before, .elementor-10716 .elementor-element.elementor-element-598fe4d > .e-con-inner > .elementor-background-video-container::before, .elementor-10716 .elementor-element.elementor-element-598fe4d > .elementor-background-slideshow::before, .elementor-10716 .elementor-element.elementor-element-598fe4d > .e-con-inner > .elementor-background-slideshow::before, .elementor-10716 .elementor-element.elementor-element-598fe4d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#182353;--background-overlay:'';}.elementor-10716 .elementor-element.elementor-element-598fe4d::before{filter:brightness( 66% ) contrast( 125% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10716 .elementor-element.elementor-element-1d5f90c > .elementor-widget-container{padding:1.2rem 0rem 0rem 0rem;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-10716 .elementor-element.elementor-element-598fe4d{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-10716 .elementor-element.elementor-element-598fe4d{--min-height:50px;}.elementor-10716 .elementor-element.elementor-element-598fe4d.e-con{--align-self:flex-start;}}/* Start custom CSS *//* ===============================
   Header & Nav
   =============================== */

.site-header {
  position: relative;
  z-index: 30;

  background: transparent;
}

.site-header .nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  position: relative;
}

/* Left & right link groups */
.site-header .nav-left,
.site-header .nav-right {
  display: flex;
  align-items: center;
  gap: clamp(22px, 4vw, 42px);
  justify-self: center;
}

.site-header .brand { justify-self: center; }
.site-header .logo  { height: 80px; width: auto; display: block; }

.site-header .nav-links a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  
  font-family: "VCR OSD", ui-monospace, monospace !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.4px !important;
  line-height: 1 !important;

  color: #EDECEC !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.site-header .nav-links a::before,
.site-header .nav-links a::after {
  content: '';
  position: absolute;
  left: 0; width: 100%;
}

.site-header .nav-links a::before {
  bottom: 0; height: 2px;
  background: #54b3d6;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform .3s cubic-bezier(0.76,0,0.24,1);
}

.site-header .nav-links a::after {
  content: attr(data-replace);
  top: 0; height: 100%;
  color: #54b3d6;
  transform: translate3d(200%,0,0);
  transition: transform .3s cubic-bezier(0.76,0,0.24,1);
}

.site-header .nav-links a span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76,0,0.24,1);
}

.site-header .nav-links a:hover::before { 
  transform: scaleX(1); transform-origin: 0% 50%;
}
.site-header .nav-links a:hover::after  { transform: translate3d(0,0,0); }
.site-header .nav-links a:hover span    { transform: translate3d(-200%,0,0); }

/* ===== Mobile toggle ===== */
.site-header .nav-toggle {
  display: none;             /* shown below 960px */
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 0;
  padding: 6px;
  cursor: pointer;
}

.site-header .nav-toggle span {
  display: block;
  width: 26px; height: 2px;
  background: #EDECEC;
  margin: 5px 0;
  transition: transform .25s ease, opacity .2s ease;
}

/* X state */
.site-header .nav-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-header .nav-toggle.active span:nth-child(2) { opacity: 0; }
.site-header .nav-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  /* ===== Mobile dropdown under the header, full width ===== */
.site-header .mobile-nav {
  position: absolute; /* anchor to header width */
  left: 0; right: 0; top: 100%;
  background: linear-gradient(180deg, #0a0f1d 0%, #121735 100%);
  border-top: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45);

  display: grid;
  gap: 16px;
  padding: 16px 20px;

  /* slide/fade animation */
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
}

.site-header .mobile-nav[data-open="true"] {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  display: flex;
  flex-direction: column;

  gap: 24px;  
}

.site-header .mobile-nav a {
  display: block;
  padding: 14px 20px;
  font-family: "VCR OSD", monospace;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ink-2);
  letter-spacing: 2px;
  transition: color .2s ease, background .2s ease;
}

.site-header .mobile-nav a:hover {
  color: var(--ink);
  background: rgba(43,171,235,.12);
  text-shadow: 0 0 8px var(--cyan);
}
.site-header .mobile-nav a + a {
  border-top: 1px solid rgba(255,255,255,.06);
}

/* drawer buttons */
.drawer-actions{
  display:grid; gap:16px; padding: 8px 20px 14px;
}

/* ===== Scrim + background blur when mobile nav is open ===== */
.nav-scrim{
  position: fixed;
  inset: 0;
  z-index: 25; /* below header (z 30), above page */
  background: rgba(10,15,29,.45);
  backdrop-filter: blur(6px) saturate(110%);
  -webkit-backdrop-filter: blur(6px) saturate(110%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

/* When nav is open, show scrim and blur page */
body.nav-open .nav-scrim{ opacity: 1; pointer-events: auto; }

/* Optional extra safety blur for browsers with weak backdrop-filter */
.page-wrap{ transition: filter .22s ease, transform .22s ease; }
body.nav-open .page-wrap{ filter: blur(2px) saturate(.95); transform: translateZ(0); }

/* Ensure the mobile drawer sits above the scrim */
.site-header { z-index: 30; }
.site-header .mobile-nav { z-index: 31; }

/* ===== Responsive ===== */
@media (max-width: 960px) {
  .site-header .nav-left,
  .site-header .nav-right { display: none; }
  .site-header .nav-toggle { display: block; }
  .site-header .logo { height: 36px; }
}/* End custom CSS */