/* A day with GoSEQ (homepage): a vertical timeline of rider moments, each a lazy silent loop. */
.landing .calm-day .wrap{max-width:1000px}
.landing .day-list{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:clamp(48px,7vw,96px)}
.landing .day-list::before{content:'';position:absolute;top:8px;bottom:8px;left:50%;width:1px;background:linear-gradient(#ffffff00,#ff966f66 8%,#ff966f66 92%,#ffffff00);transform:translateX(-.5px)}
.landing .day-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);align-items:center}
.landing .day-item::before{content:'';position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#ff966f;box-shadow:0 0 0 6px #ff966f26,0 0 24px #ff966f88}
.landing .day-clip{justify-self:end;width:100%;max-width:290px;margin:0;border-radius:30px;overflow:hidden;background:#111514;border:1px solid var(--c-line);box-shadow:0 40px 80px -30px #000c;line-height:0}
.landing .day-clip video{display:block;width:100%;height:auto}
.landing .day-txt{text-align:left;max-width:34ch}
.landing .day-time{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-coral)}
.landing .day-txt h3{margin:0 0 10px;font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.035em;color:var(--c-text);line-height:1.15}
.landing .day-txt p:not(.day-time){margin:0;font-size:15px;line-height:1.7;color:var(--c-muted)}
.landing .day-item:nth-child(even) .day-clip{grid-column:2;justify-self:start}
.landing .day-item:nth-child(even) .day-txt{grid-column:1;grid-row:1;justify-self:end;text-align:right}
@media(max-width:760px){
  .landing .day-list{gap:56px;padding-left:26px}
  .landing .day-list::before{left:6px;transform:none}
  .landing .day-item,.landing .day-item:nth-child(even){grid-template-columns:1fr;gap:18px}
  .landing .day-item::before{left:-26px;top:10px;margin:0}
  .landing .day-item .day-clip,.landing .day-item:nth-child(even) .day-clip{grid-column:1;grid-row:2;justify-self:start;max-width:min(270px,100%)}
  .landing .day-item .day-txt,.landing .day-item:nth-child(even) .day-txt{grid-column:1;grid-row:1;justify-self:start;text-align:left;max-width:none}
}