.desk-room {
  background:
    linear-gradient(180deg, #f5f1e8 0, #eef3f4 42%, #f7f1e5 100%);
}

.desk-ledger {
  width: min(1100px, calc(100vw - 32px));
  margin: 34px auto 74px;
}

.desk-crumbs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 24px;
  font-weight: 800;
}

.desk-crumbs a {
  color: var(--colfax-blue);
}

.desk-crumbs span::before {
  content: "/";
  margin-right: 8px;
  color: #67747c;
}

.desk-opening {
  display: grid;
  grid-template-columns: 1fr minmax(240px, 360px);
  gap: 24px;
  padding: clamp(24px, 5vw, 54px);
  border-radius: var(--boot-corner);
  color: white;
  background:
    linear-gradient(110deg, rgba(20, 24, 29, .95), rgba(30, 95, 116, .88)),
    url("../field-photos/rack-aisle-virtual-hosts.jpg") center/cover;
}

.desk-opening h1 {
  grid-column: 1 / -1;
  margin: 0;
  font-size: clamp(2.2rem, 6vw, 5rem);
  line-height: .98;
  max-width: 850px;
}

.desk-opening p:last-child {
  grid-column: 1 / -1;
  max-width: 760px;
  margin: 0;
  color: rgba(255, 250, 240, .86);
  font-size: 1.12rem;
}

.desk-rack {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 26px 0;
}

.desk-panel {
  padding: 22px;
  border-radius: var(--gasket-corner);
  background: #fffdf7;
  border: 1px solid rgba(20, 24, 29, .15);
}

.desk-panel h2,
.rules-strip h2,
.data-handling h2,
.desk-return h2 {
  margin: 0 0 12px;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.08;
}

.desk-panel address {
  font-style: normal;
}

.rules-strip {
  padding: clamp(22px, 4vw, 38px);
  border-radius: var(--boot-corner);
  background: var(--kernel-charcoal);
  color: white;
}

.rules-strip ol {
  display: grid;
  gap: 14px;
  margin: 0;
  padding-left: 24px;
}

.rules-strip li::marker {
  color: #f2cd86;
  font-weight: 800;
}

.data-handling {
  margin-top: 24px;
  padding: clamp(22px, 4vw, 36px);
  border-left: 10px solid var(--console-green);
  background: #edf5f1;
  border-radius: var(--boot-corner);
}

.data-handling p:last-child,
.desk-return p:last-child {
  margin-bottom: 0;
}

.desk-return {
  margin-top: 24px;
  display: grid;
  gap: 12px;
  align-items: center;
  grid-template-columns: 1fr auto;
  padding: clamp(22px, 4vw, 34px);
  background: var(--terminal-paper);
  border-radius: var(--boot-corner);
  border: 1px solid rgba(20, 24, 29, .14);
}

.desk-return .call-wire {
  align-self: center;
}

@media (max-width: 850px) {
  .desk-opening,
  .desk-rack,
  .desk-return {
    grid-template-columns: 1fr;
  }
}