/* Shared logo layout. Colours and fonts are set per design via custom properties. */
.eve-logo {
  --logo-size: 1rem; /* wordmark font-size; everything scales from this */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--logo-size) * 0.55);
  color: var(--word, currentColor);
  text-decoration: none;
  line-height: 1;
  user-select: none;
}
.eve-logo--stacked { flex-direction: column; }
.eve-logo--inline { flex-direction: row; gap: calc(var(--logo-size) * 0.7); }
.eve-logo--inline .eve-text { align-items: flex-start; }
.eve-logo--inline .eve-sub i { display: none; }
.eve-logo--inline .eve-sub i:first-child { display: block; }

.eve-mark { display: block; height: auto; flex: none; }
.eve-logo--stacked .eve-mark--palm { width: calc(var(--logo-size) * 8.4); }
.eve-logo--stacked .eve-mark--island { width: calc(var(--logo-size) * 3.3); }
.eve-logo--stacked .eve-mark--water { width: calc(var(--logo-size) * 7.6); }
.eve-logo--inline .eve-mark--palm { width: calc(var(--logo-size) * 4.2); }
.eve-logo--inline .eve-mark--island { width: calc(var(--logo-size) * 2.1); }
.eve-logo--inline .eve-mark--water { width: calc(var(--logo-size) * 3.6); }
.eve-logo--mark .eve-mark { width: 100%; }

.eve-text { display: inline-flex; flex-direction: column; align-items: center; gap: calc(var(--logo-size) * 0.42); }
.eve-word {
  font-family: var(--word-font, serif);
  font-weight: var(--word-weight, 500);
  font-size: var(--logo-size);
  letter-spacing: var(--word-tracking, 0.34em);
  text-indent: var(--word-tracking, 0.34em);
  color: var(--word, currentColor);
  white-space: nowrap;
  line-height: 1;
}
.eve-logo--script .eve-word {
  letter-spacing: 0.01em;
  text-indent: 0;
  font-size: calc(var(--logo-size) * 1.9);
  line-height: 0.9;
  padding: 0 0.1em;
}
.eve-sub {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--logo-size) * 0.5);
  font-family: var(--sub-font, sans-serif);
  font-weight: var(--sub-weight, 400);
  font-size: calc(var(--logo-size) * 0.36);
  letter-spacing: var(--sub-tracking, 0.42em);
  text-indent: var(--sub-tracking, 0.42em);
  text-transform: uppercase;
  color: var(--sub, currentColor);
  white-space: nowrap;
}
.eve-sub i { display: block; width: calc(var(--logo-size) * 1.4); height: 1px; background: var(--rule, currentColor); opacity: .9; }