.logo-wrap{
  position:relative;
  isolation: isolate; /* scope blend-mode compositing to this element */
}

/* glow field behind logo */
.logo-wrap::after{
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  transform:translate(-50%,-50%);
  width:min(70vw,820px);
  height:min(26vw,300px);
  border-radius:50%;
  background:
    radial-gradient(circle,
      rgba(240,208,112,.18),
      rgba(212,168,56,.14),
      rgba(184,120,32,.10),
      transparent 82%);
  filter:blur(18px);
  z-index:-1;
}

/* MAIN LOGO */
/* Logo image: never upscale above 600px, always responsive */
.logo-img{
  width:100%;
  max-width:600px;
  display:block;
  position: relative;
  z-index: 1;
  height:auto;
  filter:
    brightness(0.98)
    contrast(1.58)
    saturate(0.98)
    hue-rotate(-8deg)
    drop-shadow(0 0 4px  rgba(240,208,112, .52))
    drop-shadow(0 0 10px rgba(212,168,56, .22))
    drop-shadow(0 0 5px  rgba(184,120,32, .34))
    /* deep black depth */
    drop-shadow(0 3px 9px rgba(0,0,0, .78));
}

@media (min-width: 981px){
  .logo-img{
    max-width:600px;
  }
  .logo-wrap::after{
    width:720px;
    height:220px;
    filter:blur(14px);
  }
}

/* OVERLAY — darkens the Naimean lettering area via multiply blend */
.naimean-overlay {
  position: absolute;
  inset: 0;
  /* gradient concentrates darkness at the top where the Naimean text sits */
  background: linear-gradient(
    to bottom,
    rgba(48, 22, 4, 0.34) 0%,
    rgba(38, 17, 3, 0.27) 26%,
    rgba(22, 10, 2, 0.11) 54%,
    transparent 72%
  );
  /* multiply: proportionally darkens bright areas (text) far more than
     already-dark areas (background), creating contrast between text and rest */
  mix-blend-mode: multiply;
  border-radius: 4px;
  pointer-events: none;
  z-index: 2;
}

/* SECRET EYE CLICK ZONE */
.eye{
  position:absolute;
  left:50%;
  top:20%;
  transform:translate(-50%,-50%);
  width:120px;
  height:120px;
  background:transparent;
  border:0;
  cursor:pointer;
  z-index:4;
}