.ptrack{--ptrack-h:min(56.25vw, 38svh, max(140px, 100svh - 504px))}.ptrack-stage{top:var(--header-h);z-index:4;margin-inline:-24px;position:sticky}.ptrack-host{isolation:isolate;height:var(--ptrack-h);background-color:var(--color-bg-base);box-shadow:0 1px 0 var(--rule);position:relative;overflow:hidden}[data-tone=deck] .ptrack-host{background-color:var(--color-bg-deck)}.ptrack-still{aspect-ratio:16/9;mix-blend-mode:lighten;width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.ptrack-readout{pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:12px;right:24px}.ptrack-host[data-still]+.ptrack-readout{visibility:hidden}.ptrack-list{flex-direction:column;padding-top:40px;display:flex}.ptrack-list>li{scroll-margin-top:calc(var(--scroll-clear) + var(--ptrack-h) + 24px)}@media (min-width:768px){.ptrack{--ptrack-h:min(56.25vw, 44svh, max(140px, 100svh - 504px))}.ptrack-stage{margin-inline:-40px}.ptrack-readout{right:40px}}@media (min-width:1024px){.ptrack{--ptrack-gap:40px;--ptrack-cols:6;--ptrack-inner:calc(min(100vw, var(--container-page)) - 80px);--ptrack-bleed:calc((100vw - min(100vw, var(--container-page))) / 2 + 40px);--ptrack-w:calc((var(--ptrack-inner) - 11 * var(--ptrack-gap)) / 12 * var(--ptrack-cols) + (var(--ptrack-cols) - 1) * var(--ptrack-gap) + var(--ptrack-bleed));--ptrack-ratio:1;--ptrack-h:max(260px, min(var(--ptrack-w) * var(--ptrack-ratio), 100svh - var(--header-h) - 80px));--ptrack-pin:calc(var(--header-h) + 24px);column-gap:var(--ptrack-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.ptrack-stage{top:var(--ptrack-pin);grid-area:1/7/auto/span 6;margin-inline:0}.ptrack-host{margin-right:calc(var(--ptrack-bleed) * -1);box-shadow:none;-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9%),linear-gradient(#0000,#000 7% 89%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9%),linear-gradient(#0000,#000 7% 89%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ptrack-readout{justify-content:space-between;align-items:center;gap:24px;height:16px;margin-top:12px;display:flex;position:static}.ptrack-list{grid-area:1/1/auto/span 6;padding-top:0}.ptrack-list>li{scroll-margin-top:var(--ptrack-pin)}.ptrack-list>li:last-child{min-height:calc(var(--ptrack-h) + 28px)}.ptrack-deck{padding-bottom:var(--space-section-sm)}}@media (min-width:1280px){.ptrack{--ptrack-gap:64px;--ptrack-cols:7;--ptrack-ratio:.75}.ptrack-stage{grid-column:6/span 7}.ptrack-list{grid-column:1/span 5}}.ptrack-ticks{align-items:flex-end;gap:7px;height:12px;display:flex}.ptrack-ticks>i{background:var(--line-strong);width:1px;height:6px}.ptrack-stage[data-at="0"] .ptrack-ticks>i:nth-child(-n+1),.ptrack-stage[data-at="1"] .ptrack-ticks>i:nth-child(-n+2),.ptrack-stage[data-at="2"] .ptrack-ticks>i:nth-child(-n+3),.ptrack-stage[data-at="3"] .ptrack-ticks>i:nth-child(-n+4),.ptrack-stage[data-at="4"] .ptrack-ticks>i:nth-child(-n+5){background:var(--rule-strong)}.ptrack-stage[data-at="0"] .ptrack-ticks>i:first-child,.ptrack-stage[data-at="1"] .ptrack-ticks>i:nth-child(2),.ptrack-stage[data-at="2"] .ptrack-ticks>i:nth-child(3),.ptrack-stage[data-at="3"] .ptrack-ticks>i:nth-child(4),.ptrack-stage[data-at="4"] .ptrack-ticks>i:nth-child(5){background:var(--text-blue);height:12px}.ptrack-label{text-align:right;width:18ch}