.pm-stage{color:#fcfbf9;--axis-w:5rem;touch-action:pan-y;background:#0a181a;outline:none;height:min(46vw,100svh - 7.5rem);position:relative;overflow:hidden}.pm-stage:focus-visible{box-shadow:inset 0 0 0 2px #d4b166}.pm-sticky{position:sticky}.pm-moment{pointer-events:none;position:absolute;inset:0}.pm-moment[data-active]{pointer-events:auto}.pm-media{opacity:0;filter:blur(14px);transition:opacity 1.4s,filter 1.4s,transform 1.75s cubic-bezier(.2,.65,.3,1);position:absolute;inset:0;transform:scale(1.06)}.pm-moment[data-active] .pm-media{opacity:1;filter:blur();transform:scale(1.01)}.pm-bg{object-fit:cover;filter:blur(26px)brightness(.55)saturate(.9);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.pm-fg{aspect-ratio:1;object-fit:cover;width:auto;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 16%);mask-image:linear-gradient(270deg,#0000 0%,#000 16%)}.pm-shade{background:linear-gradient(#0000 30%,#0a181a59 60%,#0a181ad9 100%),linear-gradient(270deg,#0a181a8c 0%,#0000 55%);position:absolute;inset:0}.pm-text{bottom:3rem;right:calc(var(--axis-w) + 2.5rem);opacity:0;filter:blur(4px);align-items:stretch;gap:1.25rem;max-width:min(36rem,46%);transition:opacity .8s,filter .8s,transform .8s;display:flex;position:absolute;transform:translateY(12px)}.pm-moment[data-active] .pm-text{opacity:1;filter:blur();transition-delay:.22s;transform:none}.pm-num{writing-mode:vertical-rl;text-align:center;font-size:var(--fs-display);color:#edd4ac;font-weight:200;line-height:1}.pm-body{align-self:flex-end}.pm-axis{color:var(--axis,#edd4ac);z-index:2;flex-direction:column;gap:.9rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.pm-axis-item{color:inherit;font-size:var(--fs-body);opacity:.45;align-items:center;gap:.6rem;padding:.25rem 0;font-weight:400;transition:opacity .3s;display:flex}.pm-axis-item:hover,.pm-axis-item[aria-current]{opacity:1}.pm-axis-item[aria-current]{font-weight:700}.pm-axis-line{background:currentColor;width:1rem;height:1.5px;transition:width .3s;display:block}.pm-axis-item[aria-current] .pm-axis-line{width:2.5rem}.pm-nav{z-index:2;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:2rem}.pm-nav-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fcfbf9;background:#fcfbf926;place-items:center;width:3rem;height:3rem;transition:background-color .3s,color .3s,opacity .3s;display:grid}.pm-nav-btn:hover:not(:disabled),.pm-nav-btn:focus-visible{color:#0a181a;background:#edd4ac}.pm-nav-btn:focus-visible{outline-offset:2px;outline:2px solid #d4b166}.pm-nav-btn:disabled{opacity:.35;cursor:default}@media (width<=1023px){.pm-stage{height:70vw}.pm-fg{height:62%;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.pm-shade{background:linear-gradient(#0000 40%,#0a181a80 62%,#0a181ae6 100%)}.pm-text{flex-direction:column;gap:.25rem;max-width:none;bottom:4.5rem;left:1.5rem;right:1.5rem}.pm-num{writing-mode:horizontal-tb;text-align:start}.pm-body{align-self:auto}.pm-axis{flex-direction:row;gap:1.25rem;inset:auto 1.5rem 1.25rem;transform:none}.pm-nav{top:1rem;bottom:auto;left:1rem}.pm-nav-btn{width:2.75rem;height:2.75rem}}@media (width<=639px){.pm-stage{height:150vw}.pm-fg{width:100%;height:auto;left:0;transform:none}.pm-text{bottom:4rem;left:1.25rem;right:1.25rem}.pm-axis{left:1.25rem;right:1.25rem}}@media (prefers-reduced-motion:reduce){.pm-media,.pm-text,.pm-axis-line{transition:none!important}.pm-media,.pm-moment[data-active] .pm-media{filter:none;transform:none}}.dw{--dw-w:15rem;--dw-gap:.875rem;--dw-lift:48px;--dw-dim:.6;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width>=768px){.dw{--dw-w:17rem;--dw-gap:1.125rem}}@media (width>=1280px){.dw{--dw-w:19rem;--dw-gap:1.25rem;--dw-lift:64px}}.dw-stage{perspective:1200px;perspective-origin:50%;position:absolute;inset:0}.dw-plane{height:170%;transform-style:preserve-3d;transform-origin:50%;will-change:transform;display:flex;position:absolute;top:50%;left:50%}.dw-col{height:100%;width:calc(var(--dw-w) + var(--dw-gap));transform-style:preserve-3d}.dw-track{transform-style:preserve-3d;will-change:transform;flex-direction:column;animation:40s linear infinite dw-drift;display:flex}.dw-track>div{transform-style:preserve-3d}@keyframes dw-drift{0%{transform:translate(0)}to{transform:translate3d(0, calc(-100% / var(--dw-copies,3)), 0)}}.dw[data-offscreen] .dw-track{animation-play-state:paused}.dw-tile{padding:calc(var(--dw-gap) / 2);transform-style:preserve-3d}.dw-inner{opacity:var(--dw-dim);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.dw-tile.is-active .dw-inner{opacity:1;transform:translateZ(var(--dw-lift));filter:drop-shadow(0 24px 36px #00000073)}@media (prefers-reduced-motion:reduce){.dw-plane,.dw-track{will-change:auto}.dw-track{animation:none!important}}
