/* Delta Music — nur service */

.day{position:relative; display:grid; grid-template-columns:18px 1fr; gap:0}
@media(min-width:760px){ .day{grid-template-columns:24px 1fr} }
.day .rail{position:relative; justify-self:center; width:1px; background:var(--hair)}
.day .rail i{position:absolute; left:0; top:0; width:1px; height:0; background:var(--flame);
  display:block; transition:height .25s linear}
.phases{display:grid; gap:0; min-width:0}
.phase{position:relative; padding:0 0 42px 22px}
@media(min-width:760px){ .phase{padding:0 0 56px 32px} }
.phase:last-child{padding-bottom:0}
.phase .when{display:flex; align-items:center; gap:12px; color:var(--grey);
  margin-bottom:12px; position:relative}
.phase .when .dot{position:absolute; left:-27px; width:11px; height:11px; border-radius:50%;
  background:var(--paper); border:1.5px solid var(--hair)}
@media(min-width:760px){ .phase .when .dot{left:-37px} }
.phase.in .when .dot{border-color:var(--ember); background:var(--flame)}
.phase.hot .when{color:var(--ember)}
.phase h3{font-size:clamp(20px,3vw,27px); margin-bottom:11px; max-width:22ch}
.phase p{margin:0 0 12px; color:var(--grey); max-width:60ch}
.phase .relief{border-left:2px solid var(--hair); padding-left:16px; margin-bottom:0;
  color:var(--ink); opacity:.78; font-size:16px}
.phase.hot .relief{border-left-color:var(--ember)}
.adds{display:grid; gap:18px; grid-template-columns:1fr}
@media(min-width:860px){ .adds{grid-template-columns:repeat(3,1fr); gap:22px} }
.add{border:1px solid var(--hair); background:var(--paper-2); padding:26px 24px;
  display:flex; flex-direction:column; min-width:0}
.add .k{color:var(--ember); margin-bottom:14px}
.add h3{font-size:21px; margin-bottom:11px}
.add p{margin:0 0 14px; color:var(--grey)}
.add .rare{margin:auto 0 0; padding-top:14px; border-top:1px solid var(--hair);
  font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink); opacity:.6}
.small{margin:22px 0 0; color:var(--grey); font-size:15px}