.all-day-case {
  --all-day-inset: clamp(20px, 3.333vw, 48px);
  --all-day-space: clamp(44px, 5.56vw, 80px);
  --all-day-ink: #111;
  --all-day-muted: #555;
  --all-day-divider: #e7e7e7;
}
.all-day-case .skip:not(:focus) { clip-path: inset(50%); }
.all-day-case .page { background: var(--all-day-paper, white); color: var(--all-day-ink); }
.all-day-case h1, .all-day-case h2, .all-day-case h3, .all-day-case p, .all-day-case dl, .all-day-case dd { margin: 0; }
.all-day-case .all-day-title { padding: clamp(36px, 3.333vw, 48px) var(--all-day-inset) clamp(48px, 4.8vw, 70px); }
.all-day-case .all-day-title h1 {
  font-size: clamp(40px, 5.84vw, 84px);
  line-height: 1.03;
  font-weight: 900;
  letter-spacing: -.033em;
}
.all-day-case .all-day-title p {
  margin-top: 24px;
  color: var(--all-day-muted);
  font-size: clamp(20px, 2.084vw, 30px);
}
.all-day-case img { display: block; max-width: 100%; height: auto; }
.all-day-case .all-day-cover { width: 100%; }
.all-day-case .all-day-section { padding: var(--all-day-space) var(--all-day-inset); border-top: 1px solid var(--all-day-divider); }
.all-day-case .all-day-chapter { padding: var(--all-day-space) var(--all-day-inset) 32px; }
.all-day-case h2 { font-size: clamp(30px, 3.61vw, 52px); font-weight: 300; line-height: 1.12; letter-spacing: -.028em; }
.all-day-case h3 { font-size: clamp(26px, 2.64vw, 38px); font-weight: 600; line-height: 1.21; letter-spacing: -.024em; }
.all-day-case .all-day-section p, .all-day-case dl { font-size: clamp(16px, 1.39vw, 20px); line-height: 1.5; }
.all-day-lead, .all-day-passport {
  display: grid;
  grid-template-columns: minmax(0, 408fr) minmax(0, 888fr);
  gap: clamp(20px, 3.33vw, 48px);
  align-items: start;
}
.all-day-case .all-day-passport { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--all-day-divider); }
.all-day-case .all-day-passport dl { display: grid; grid-template-columns: minmax(72px, 1fr) minmax(0, 3fr); gap: 12px 24px; }
.all-day-case .all-day-passport dt, .all-day-case .all-day-note { color: var(--all-day-muted); }
.all-day-case .all-day-overview { display: grid; grid-template-columns: minmax(0, 600fr) minmax(0, 696fr); gap: 48px; align-items: center; }
.all-day-case .all-day-intro h2 {
  font-size: clamp(32px, 3.89vw, 56px);
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1.14;
}
.all-day-case .all-day-intro p { margin-top: 20px; max-width: 50ch; }
.all-day-case .all-day-overview .all-day-figures { margin-top: 0; }
.all-day-figures {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(18px, 3.33vw, 48px);
  margin-top: clamp(28px, 3.33vw, 48px);
}
.all-day-figures figure { margin: 0; min-width: 0; }
.all-day-phones { gap: clamp(18px, 2.22vw, 32px); }
.all-day-phones figure { flex: 0 1 min(21.6cqw, 312px); }
.all-day-overview .all-day-phones figure { flex: 0 1 min(42%, 312px); }
.all-day-pair figure { flex: 0 1 min(44%, 540px); }
.all-day-tablet figure { width: min(100%, 1008px); }
.all-day-wide figure { width: 100%; }
.case.all-day-case #design-system { padding-inline: var(--all-day-inset) !important; }
.case.all-day-case #design-system .all-day-system { position: relative; margin: 40px calc(50% - 50cqw) 0; }
.case.all-day-case #design-system .all-day-system .art { width: auto !important; }
.all-day-related, .ad-experience-link { text-decoration: underline; text-underline-offset: .2em; }
.all-day-case header nav { background: transparent !important; }
.all-day-case header nav a { display: inline-flex; align-items: center; min-height: 44px !important; white-space: nowrap; }
.all-day-case.all-day-mymap {
  --all-day-paper: #151310;
  --all-day-ink: #eee8df;
  --all-day-muted: #c2b8ad;
  --all-day-divider: #413a32;
}
.all-day-mymap header p, .all-day-mymap header a, .all-day-mymap #contact .text, .all-day-mymap footer .text {
  color: var(--all-day-ink) !important;
}
.all-day-cards { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 3.33vw, 48px); }
.all-day-cards .wondervo-project { align-content: start; }
.all-day-cards .wondervo-project img { aspect-ratio: 3/2; object-fit: cover; }
.all-day-cards .wondervo-project h2 { font-size: clamp(25px, 2.64vw, 38px); }
@media (max-width: 900px) {
  .all-day-phones figure { flex-basis: min(42%, 312px); }
}
@media (max-width: 720px) {
  .all-day-lead, .all-day-passport, .all-day-case .all-day-overview, .all-day-cards { grid-template-columns: minmax(0, 1fr); }
  .all-day-case header nav { flex-wrap: wrap; }
}
@media (max-width: 460px) {
  .all-day-phones figure, .all-day-pair figure, .all-day-overview .all-day-phones figure { flex-basis: min(100%, 312px); }
}