.so-day{padding-block:clamp(80px,10vw,140px);overflow-x:clip}.so-day__head{gap:18px;display:grid}.so-day__queue{box-shadow:0 0 0 1px var(--ovaflow-line);font:500 13px/1.4 var(--font-mono);letter-spacing:.02em;color:var(--ovaflow-ink);background:#fff;border-radius:999px;flex-wrap:wrap;justify-self:start;align-items:center;gap:10px;margin:0;padding:8px 14px;display:inline-flex}.so-day__queue-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft,#26685c24);border-radius:50%}.so-day__queue-count{color:var(--ovaflow-muted)}@media (max-width:559.98px){.so-day__queue{border-radius:18px;display:block}.so-day__queue-dot{vertical-align:1px;margin-right:10px;display:inline-block}.so-day__queue-count{margin-left:8px}}.so-day__viewport{margin-top:clamp(28px,4vw,44px);position:relative}.so-day__track{align-items:start;gap:16px;max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,56px);list-style:none;display:grid}@media (min-width:768px){.so-day__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.so-day__track{grid-template-columns:repeat(3,minmax(0,1fr))}}.so-day__card{min-width:0;box-shadow:0 0 0 1px var(--ovaflow-line), 0 24px 48px -36px #1617194d;background:#fff;border-radius:22px;align-content:start;gap:12px;padding:22px 22px 24px;display:grid;position:relative}.so-day__card--media{background:color-mix(in srgb, var(--lime,#e9f8b4) 34%, #fff);padding:16px}.so-day__media-label{color:var(--ovaflow-muted);margin:4px 6px 0}.so-day__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.so-day__time{font:600 clamp(22px, 2vw, 28px) / 1.1 var(--font-display);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}.so-day__n{font:500 12px/1.4 var(--font-mono);color:var(--ovaflow-muted);font-variant-numeric:tabular-nums}.so-day__tick{background:linear-gradient(90deg, var(--accent) 0 28%, var(--ovaflow-line) 28%);border-radius:2px;height:2px;display:block}.so-day__text{font:600 clamp(17px, 1.3vw, 20px) / 1.42 var(--font-display);letter-spacing:-.008em;color:var(--ovaflow-ink);margin:0}.so-day__progress{display:none}@supports (animation-timeline:view()){@media (min-width:1024px) and (min-height:700px){html[data-motion-tier=A] .so-day{height:calc(100svh + var(--so-day-n,6) * 30svh);view-timeline-name:--so-day;view-timeline-axis:block;padding-block:0;overflow:visible}html[data-motion-tier=A] .so-day__pin{top:var(--site-header-h,64px);height:calc(100svh - var(--site-header-h,64px));grid-template-rows:auto minmax(0,1fr);padding-block:clamp(16px,3svh,32px) 12px;display:grid;position:sticky;overflow:hidden}html[data-motion-tier=A] .so-day__viewport{flex-direction:column;justify-content:center;gap:22px;margin-top:clamp(16px,3svh,40px);display:flex;overflow:clip;container-type:size}@media (min-width:1360px){html[data-motion-tier=A] .so-day__viewport{clip-path:inset(-40px 64px -40px 0)}}html[data-motion-tier=A] .so-day__track{flex:none;align-self:flex-start;align-items:flex-start;gap:20px;width:max-content;max-width:none;margin:0;padding-inline:max(clamp(20px,4vw,56px),50vw - 584px);animation:linear both so-day-pan;animation-timeline:--so-day;animation-range:contain 4% contain 96%;display:flex}html[data-motion-tier=A] .so-day__card{flex:none;width:clamp(300px,26vw,380px)}html[data-motion-tier=A] .so-day__card--media{--so-mh:clamp(150px, calc(100cqh - 96px), 360px);width:auto}html[data-motion-tier=A] .so-day__card--media .ovf-demo-card{grid-template-columns:auto minmax(0,270px);align-items:center;gap:22px}html[data-motion-tier=A] .so-day__card--media .ovf-demo-card[data-frame=portrait] .ovf-demo-card__frame{width:calc(var(--so-mh) * .8)}html[data-motion-tier=A] .so-day__card--media .ovf-demo-card[data-frame=landscape] .ovf-demo-card__frame{width:min(calc(var(--so-mh) * 1.6), 380px)}html[data-motion-tier=A] .so-day:has(:focus-visible) .so-day__track{animation:none;transform:translate(min(0px,100cqw - 100%))}html[data-motion-tier=A] .so-day__progress{background:var(--ovaflow-line);border-radius:3px;flex:none;height:3px;margin-inline:max(clamp(20px,4vw,56px),50vw - 584px);display:block;position:relative;overflow:hidden}html[data-motion-tier=A] .so-day__progress-fill{background:var(--accent);transform-origin:0;height:100%;animation:linear both so-day-fill;animation-timeline:--so-day;animation-range:contain 4% contain 96%;display:block}html[data-motion-tier=A] .so-day__card:not(.so-day__card--media){animation:linear both so-day-lift;animation-timeline:--so-day;animation-range:contain calc(var(--i,0) * 12%) contain calc(var(--i,0) * 12% + 18%)}}}@keyframes so-day-pan{0%{transform:translate(0)}to{transform:translate(min(0px,100cqw - 100%))}}@keyframes so-day-fill{0%{transform:scaleX(.04)}to{transform:none}}@keyframes so-day-lift{0%{transform:translateY(22px)rotate(-1deg)}to{transform:none}}
