:root { --blue:#0433ff; --cream:#fff8e6; --chartreuse:#d1e232; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh; display: flex; flex-direction: column;
  background: var(--blue); color: var(--cream);
  font-family: "Andale Mono", "Courier New", ui-monospace, monospace;
  font-size: .85rem; letter-spacing: .08em; line-height: 1.6;
}
a { color: inherit; text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--chartreuse); }
:focus-visible { outline: 2px solid var(--cream); outline-offset: 3px; }
.back { display: inline-block; padding: 1.5rem 2rem 0; }
.page { flex: 1; width: 100%; max-width: 66rem; margin: 0 auto; padding: 1.5rem 2rem 3rem; }
footer {
  display: flex; flex-wrap: wrap; gap: .5rem 2rem; justify-content: center;
  padding: 1.25rem 1.5rem; font-size: .8rem;
}
/* white photo boxes / placeholders */
.ph {
  background: #fff; color: #111; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: .5rem; font-size: .75rem; line-height: 1.3;
}
.ph img, .ph video { width: 100%; height: 100%; object-fit: cover; display: block; }
.ph.has-media { padding: 0; }

/* Header */
header {
  display: flex; align-items: center; justify-content: space-between;
  padding: .9rem 1.5rem; position: relative; z-index: 5;
}
.dropdown { position: relative; }
.dropdown-toggle {
  font: inherit; letter-spacing: inherit; color: var(--cream);
  background: transparent; border: 1px solid var(--cream); border-radius: 0;
  padding: .3rem .8rem; cursor: pointer; transition: color .15s ease, border-color .15s ease;
}
.dropdown-toggle:hover { color: var(--chartreuse); border-color: var(--chartreuse); }
.dropdown-menu {
  display: none; position: absolute; right: 0; top: calc(100% + 6px);
  min-width: 10rem; margin: 0; padding: .4rem 0; list-style: none;
  background: var(--blue); border: 1px solid var(--cream); z-index: 10;
}
.dropdown.open .dropdown-menu { display: block; }
.dropdown-menu a { display: block; padding: .35rem .9rem; }