<style>
/* ---------- GLOBAL ---------- */
* {
  box-sizing: border-box;
}

body {
    margin: 0;
    margin-bottom: 75px;
    padding-top: 0px;     /* Added for fixed top element */
    background-color: #000;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #eaeaea;
    font-size: clamp(14px, 1.85vw, 18px);
}

/* ---------- FIXED TOP ELEMENT ---------- */
.fixed-top-element {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    pointer-events: none;
}

.fixed-top-element img {
    display: block;
    width: 100%;
    height: 3px;
    margin: 0 auto;
}
/* Mobile adjustment */
@media (max-width: 600px) {
  .fixed-top-element img {
    height: 3px;
  }
}


/* ---------- PAGE WRAPPER ---------- */
.page {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* ---------- GRAPHICS COLUMN ---------- */
.graphics-column {
  width: 100%;
  max-width: 666px;
}

/* All images behave as solid blocks */
.graphics-column img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

/* Images that are naturally smaller keep their size */
.graphics-column img[width="75"] {
  width: 6.94%;
  max-width: 75px;
  height: auto;
}


/* ---------- TEXT COLUMN ---------- */
.text-column {
    width: 77.22%;
    max-width: 834px;
    margin: 0 auto;
}

/* ---------- CENTER SMALL ELEMENTS ---------- */
.center {
  display: flex;
  justify-content: center;
}

/* ---------- LINKS ---------- */
a {
  display: block;
}

.video-embed {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0rem auto;

  /* Fallback for desktop bugs */
  height: 0;
  padding-bottom: 56.25%; /* 16:9 ratio */
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
</style>