@import url('base.css');

@font-face {
  font-family: 'Eina03';
  src: url('assets/fonts/Eina03-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eina03';
  src: url('assets/fonts/Eina03-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eina03';
  src: url('assets/fonts/Eina03-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Ensure smooth pointer transitions */
._3-pointer-line {
  transition: opacity 0.25s ease, background-color 0.25s ease;
}

._3-pointer-label {
  cursor: pointer;
  transition: color 0.2s ease;
}

aside:hover ._3-pointer-line {
  opacity: 1 !important;
  background-color: #FFD700 !important;
}

aside:hover ._3-pointer-label {
  color: #FFFFFF !important;
}

/* Ensure html and body inherit Eina03 font */
body, html {
  font-family: 'Eina03', sans-serif !important;
}

._3-tagline-text {
  font-family: 'Eina03', sans-serif;
  font-size: 110px;
  font-weight: 700;
  color: #E6E6E6;
  letter-spacing: -3px;
  line-height: 1.1;
}

@media screen and (max-width: 991px) {
  ._3-tagline-text { font-size: 72px; }
}

@media screen and (max-width: 767px) {
  ._3-tagline-text { font-size: 52px; }
}

@media screen and (max-width: 479px) {
  ._3-tagline-text { font-size: 38px; letter-spacing: -1.5px; }
}

/* Brand mark — header + footer */
.logotype {
  height: 40px;
  width: auto;
  display: block;
}

.footer-logo-link {
  display: block;
  margin-bottom: 32px;
}

.footer-logotype {
  height: 72px;
  width: auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .logotype { height: 32px; }
  .footer-logotype { height: 56px; }
}