* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #0a0a0a; color: #f4f1ea; }
body { font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; }
a { color: inherit; }

.stamp {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 20;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244, 241, 234, 0.45);
  pointer-events: none;
}
.row { display: flex; flex-direction: column; align-items: center; gap: 22px; }

.house {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 48px 24px;
}
.mark { width: min(72vw, 520px); height: auto; }
.enter {
  letter-spacing: 0.28em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #f4f1ea;
  padding-bottom: 4px;
}

.bay { background: #111; color: #f4f1ea; }
.top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 20px 24px;
  border-bottom: 1px solid #2a2a2a;
}
.back { text-decoration: none; letter-spacing: 0.2em; text-transform: uppercase; font-size: 13px; }
.tag { color: #e85d04; letter-spacing: 0.18em; text-transform: uppercase; font-size: 12px; }
.bay main { max-width: 640px; padding: 48px 24px 80px; }
h1 { font-weight: 500; font-size: 42px; letter-spacing: 0.04em; margin: 0 0 8px; }
.lede { margin: 0 0 36px; color: #9a958c; }
.parts { list-style: none; margin: 0; padding: 0; }
.parts li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid #2a2a2a;
  font-size: 20px;
}
.parts small { color: #9a958c; font-size: 13px; letter-spacing: 0.04em; }