@charset "UTF-8";

/* =====================================================
   FOOTER – MYTHOS (Precision Tune)
===================================================== */

.site-footer{
  background:#1a1a1a;
  color:#aaa;
  padding:100px 20px 60px;
  text-align:center;
}

.footer-inner{
  max-width:1000px;
  margin:0 auto;
}

/* =====================================================
   NAV
===================================================== */

.footer-nav{
  margin-bottom:60px;
}

.footer-menu{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:48px;
  list-style:none;
  padding:0;
  margin:0;
}

.footer-menu a{
  font-family:var(--font-en,"Cinzel",serif);
  font-size:14px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#bcbcbc;
  text-decoration:none;
  transition:
    color var(--dur-2) var(--ease),
    opacity var(--dur-2) var(--ease);
}

.footer-menu a::after{
  display:none;
}

.footer-menu a:hover{
  color:#fff;
}

/* =====================================================
   LOGO
===================================================== */

.footer-brand{
  margin-bottom:36px;
}

.footer-logo img{
  width:100px;
  opacity:.9;
  transition:opacity var(--dur-2) var(--ease);
}

.footer-logo img:hover{
  opacity:1;
}

/* =====================================================
   INFO
===================================================== */

.footer-info{
  margin-bottom:24px;
  color:rgba(255,255,255,.70);
}

.footer-info p{
  margin:0 0 8px;
  font-family:var(--font-en,"Cinzel",serif);
  font-size:13.5px;
  letter-spacing:.16em;
  line-height:1.9;
  color:inherit;
}

.footer-info a{
  color:inherit;
  text-decoration:none;
  transition:opacity var(--dur-2) var(--ease);
}

.footer-info a:hover{
  opacity:.9;
}

.footer-info p:nth-of-type(2){
  opacity:.88;
}

.footer-info p:nth-of-type(3){
  opacity:.78;
}

/* =====================================================
   SNS
===================================================== */

.footer-sns{
  margin:4px 0 26px;
  display:flex;
  justify-content:center;
  gap:20px;
}

.footer-sns a{
  font-size:20px;
  color:#aaa;
  transition:
    color var(--dur-2) var(--ease),
    transform var(--dur-2) var(--ease);
}

.footer-sns a:hover{
  color:#fff;
  transform:translateY(-2px);
}

/* =====================================================
   PRIVACY POLICY / MYTHOS GROUP
===================================================== */

.footer-policy{
  margin:0 0 22px;
  text-align:center;
  color:rgba(255,255,255,.55);
  font-family:var(--font-en,"Cinzel",serif);
  font-size:9px;
  letter-spacing:.28em;
  text-transform:uppercase;
  line-height:1.8;
}

.footer-policy a{
  color:inherit;
  text-decoration:none;
  opacity:1;
  transition:opacity var(--dur-2) var(--ease);
}

.footer-policy a:hover{
  opacity:.75;
}

.footer-sep{
  display:inline-block;
  margin:0 12px;
  opacity:.45;
}

/* =====================================================
   COPYRIGHT
===================================================== */

.footer-copy{
  font-size:8px;
  letter-spacing:.2em;
  opacity:.6;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

  .site-footer{
    padding:80px 20px 50px;
  }

  .footer-menu{
    flex-wrap:wrap;
    gap:26px;
  }

  .footer-logo img{
    width:85px;
  }

  .footer-info p{
    font-size:12.5px;
    letter-spacing:.15em;
    line-height:1.9;
  }

  .footer-policy{
    font-size:8px;
    letter-spacing:.24em;
  }

  .footer-sep{
    margin:0 8px;
  }
}

@media (prefers-reduced-motion: reduce){
  .footer-menu a,
  .footer-logo img,
  .footer-sns a,
  .footer-policy a{
    transition:none !important;
    transform:none !important;
  }
}