:root {
  --bg: #f6edee;
  --ink: #331e2a;
  --muted: #775e69;
  --accent: #812d48;
  --line: #c8aeb5;
  --input: #fff7f6;
  --radius: 5px;
}
header {
  border-bottom: 1px solid #b68b99;
}
.signature {
  font: italic bold 39px/1 Georgia;
  letter-spacing: -0.09em;
}
.signature span {
  font: normal 44px/0.7 Arial;
  color: #9a3854;
  padding-left: 3px;
}
.partnerships {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 13px 0;
}
.partnerships label {
  font-weight: 500;
}
.partnerships select {
  font-size: 14px;
  padding: 5px 8px;
}
.partnerships button {
  margin-left: auto;
}
.creator-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.1fr);
  gap: clamp(20px, 4vw, 48px);
  align-items: start;
}
.contact-sheet {
  overflow: hidden;
  background: #e3a7a9;
  color: #3a2025;
  border-radius: 2px;
}
.photo-frame {
  position: relative;
  background: #341419;
  overflow: hidden;
}
.photo-frame img {
  display: block;
  width: 100%;
  height: clamp(160px, 22vw, 250px);
  object-fit: cover;
  object-position: 50% 55%;
}
.photo-frame small {
  position: absolute;
  right: 5px;
  bottom: 4px;
  font: 9px/1.1 Arial;
  background: #24151cbf;
  color: white;
  padding: 2px 3px;
}
.slip {
  padding: 15px 18px 9px;
}
.slip span {
  font-size: 14px;
}
.slip h1 {
  font: normal clamp(33px, 4.9vw, 58px) / 0.96 Georgia;
  letter-spacing: -0.065em;
  margin: 6px 0 9px;
}
.slip .subtle {
  padding-left: 0;
}
#brief-front {
  background: #64293d;
  color: #ffded7;
  padding: 20px;
  min-height: 124px;
  display: grid;
  gap: 10px;
}
#brief-front strong {
  font: italic 32px Georgia;
}
#brief-front span {
  font-size: 13px;
}
.deliveries h2 {
  font-size: 26px;
  letter-spacing: -0.045em;
}
.deliveries ol {
  list-style: none;
  padding: 0;
  margin: 10px 0 12px;
}
.deliveries li {
  border-top: 1px solid var(--line);
  padding: 6px 0 12px;
}
.deliveries li h3 {
  font-size: 21px;
  letter-spacing: -0.04em;
}
.deliveries li small {
  font-size: 12px;
  color: var(--muted);
}
.deliveries li .between .subtle {
  padding: 4px 0;
  font-size: 12px;
}
.task-body p {
  font-size: 13px;
  margin: 5px 0;
  color: var(--muted);
}
.deliveries li .primary {
  font-size: 14px;
  margin: 4px 2px 0 0;
}
.fee {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  border-top: 2px solid #96546a;
  padding-top: 9px;
}
.fee small,
.fee b {
  display: block;
}
.fee small {
  font-size: 12px;
  color: var(--muted);
}
.fee b {
  font-size: 19px;
}
.fee div:nth-child(2) b {
  font-size: 15px;
}
@media (max-width: 620px) {
  .creator-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .contact-sheet {
    display: grid;
    grid-template-columns: 0.75fr 1fr;
  }
  .photo-frame img {
    min-height: 100%;
    height: 145px;
  }
  .slip {
    padding: 12px;
  }
  .slip h1 {
    font-size: 26px;
  }
  .partnerships {
    gap: 5px;
  }
  .partnerships button {
    font-size: 13px;
  }
  .partnerships label {
    display: none;
  }
  .partnerships select {
    max-width: 52%;
  }
  .deliveries li {
    padding-top: 0;
  }
  .fee {
    gap: 10px 14px;
  }
}

.change-note {
  border-left: 2px solid #ab586c;
  padding-left: 7px;
  color: var(--ink);
}
.version-link {
  display: inline-block;
  font-size: 14px;
  color: var(--accent);
  margin-bottom: 5px;
}