/* EED corporate identity: supplied manual, sections 1.4, 1.10, 2.1 and 2.2. */
:root {
  --eed-base: #075f44;
  --eed-green: #007a55;
  --eed-active: #16a085;
  --eed-accent: #b9dd72;
  --eed-graphite: #2e3235;
  --eed-black: #111715;
  --eed-light: #f3f5f4;
  --green: var(--eed-active);
  --line: rgb(243 245 244 / 14%);
  font-family: Helvetica, Arial, sans-serif;
  color: var(--eed-light);
  background: var(--eed-black);
}
.header { height: 124px; background: var(--eed-black); position: relative; }
.header::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--eed-base), var(--eed-green) 34%, var(--eed-active) 68%, var(--eed-accent));
}
.brand { display: block; flex-shrink: 0; }
.brand .official-logo { display: block; width: 184px; height: auto; }
.header-contact { color: var(--eed-light); border-color: var(--eed-active); font-weight: 400; }
.header-contact:hover { color: var(--eed-accent); }
h1 { font-family: Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: -.035em; color: var(--eed-light); }
h1 span {
  color: var(--eed-accent);
  background: linear-gradient(105deg, var(--eed-active), var(--eed-accent));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.intro { color: var(--eed-light); }
.specialty { color: #c4cdc8; }
.film { background-color: var(--eed-black); }
.film-shade {
  background: linear-gradient(90deg, var(--eed-black), rgb(17 23 21 / 82%) 12%, rgb(17 23 21 / 20%) 47%, transparent 80%),
    linear-gradient(0deg, rgb(17 23 21 / 65%), transparent 30%);
}
.primary-button { background: var(--eed-green); color: var(--eed-light); font-weight: 700; }
.primary-button:hover { background: var(--eed-base); }
.services svg { color: var(--eed-accent); }
.services span { color: var(--eed-light); }
.video-control { background: rgb(17 23 21 / 60%); }
.contact { background: var(--eed-graphite); }
.contact-icon { color: var(--eed-active); }
.contact-link small { color: #c4cdc8; }
.contact-link:hover strong { color: var(--eed-accent); }
footer { color: #c4cdc8; background: var(--eed-black); }
@media (max-width: 1100px) and (min-width: 761px) {
  .header { height: 112px; }
  .brand .official-logo { width: 168px; }
}
@media (max-width: 760px) {
  .header { height: 104px; }
  .brand .official-logo { width: 156px; }
  .film-shade {
    background: linear-gradient(90deg, rgb(17 23 21 / 94%), rgb(17 23 21 / 68%) 65%, rgb(17 23 21 / 42%)),
      linear-gradient(0deg, var(--eed-black), transparent 45%);
  }
}
@media (max-height: 500px) and (orientation: landscape) and (max-width: 1100px) {
  .header { height: 96px; }
  .brand .official-logo { width: 150px; }
}
@media (forced-colors: active) {
  h1 span { background: none; -webkit-text-fill-color: currentColor; color: CanvasText; }
}