.listing-scroll{height:100svh;transition:opacity var(--theme-transition-duration) ease;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;overflow:hidden}@media (max-width:960px){.listing-scroll{grid-template:100%/100%;display:grid}}.listing-scroll__stage{height:inherit;overscroll-behavior:contain;width:calc(50% - 8px);position:relative}@media (min-width:2000px){.listing-scroll__stage{width:calc(50% - 8px)}}@media (max-width:960px){.listing-scroll__stage{width:100%}}@media (max-width:480px){.listing-scroll__stage{width:100%}}@media (max-width:960px){.listing-scroll__stage{grid-area:1/1;height:100%}.listing-scroll__stage:before,.listing-scroll__stage:after{content:"";z-index:1;pointer-events:none;width:100%;position:absolute;left:0}.listing-scroll__stage:before{background:linear-gradient(var(--theme-bg), color-mix(in srgb, var(--theme-bg) 0%, transparent));height:15%;top:0}.listing-scroll__stage:after{background:linear-gradient(to top, var(--theme-bg), color-mix(in srgb, var(--theme-bg) 0%, transparent));height:20%;bottom:0}}.listing-scroll .media-layer{--reveal-sign:0;--reveal-offset:200px;--reveal-step:0;--reveal-stagger:50ms;transform-origin:100%;will-change:transform;width:auto;opacity:var(--wrap-fade,1);pointer-events:none;position:absolute;top:50%;right:0}@media (max-width:960px){.listing-scroll .media-layer{transform-origin:50%;opacity:calc(var(--wrap-fade,1)*max(.2,1 - var(--steps,0)*.45));top:calc(50% - 60px);left:50%;right:auto;translate:-50%}}.listing-scroll .media-layer[data-intro-done=true]{pointer-events:auto}.listing-scroll .media-layer[data-intro-done=true] .media-layer__reveal{opacity:1;transform:translateY(0)}.listing-scroll .media-layer__reveal{--reveal-delay:calc(var(--reveal-step) * var(--reveal-stagger));background-color:var(--theme-text-secondary);width:100%;height:100%;transform:translateY(calc(var(--reveal-sign) * var(--reveal-offset)));transition:transform .45s cubic-bezier(.4, 1, .7, 1) var(--reveal-delay),opacity .2s ease-out var(--reveal-delay);opacity:0;border-radius:8px;position:relative;overflow:hidden}.listing-scroll .media-layer[data-slug-index="0"] .media-layer__reveal{transition:none}.listing-scroll .media-layer__image{object-fit:cover}.listing-scroll__projects{height:inherit;align-items:center;width:calc(33.3333% - 10.6667px);display:grid;position:relative}@media (min-width:2000px){.listing-scroll__projects{width:calc(33.3333% - 10.6667px)}}@media (max-width:960px){.listing-scroll__projects{width:100%}}@media (max-width:480px){.listing-scroll__projects{width:100%}}.listing-scroll__projects{margin-left:calc(8.33333% + 1.33333px)}@media (min-width:2000px){.listing-scroll__projects{margin-left:calc(8.33333% + 1.33333px)}}@media (max-width:960px){.listing-scroll__projects{margin-left:0}}@media (max-width:480px){.listing-scroll__projects{margin-left:0}}@media (max-width:960px){.listing-scroll__projects{z-index:1;pointer-events:none;grid-area:1/1;align-self:end;height:auto}}.listing-scroll .project-layer{pointer-events:none;opacity:0;z-index:0;grid-area:1/1;position:relative}@media (max-width:960px){.listing-scroll .project-layer{text-align:center;background:linear-gradient(to bottom, transparent, var(--theme-bg) 20%);justify-content:center;margin-left:clamp(-2rem,-2rem + -1.66667vw + 16px,-2.5rem);margin-right:clamp(-2rem,-2rem + -1.66667vw + 16px,-2.5rem);padding:40px clamp(2rem,2.5rem + 1.66667vw - 24px,2.5rem)}}@media (max-width:960px) and (min-width:2000px){.listing-scroll .project-layer{margin-left:clamp(-2.5rem,-2.5rem + 0vw - 0px,-2.5rem)}}@media (max-width:960px) and (max-width:960px){.listing-scroll .project-layer{margin-left:clamp(-2rem,-1rem + -3.33333vw + 16px,-1rem)}}@media (max-width:960px) and (max-width:480px){.listing-scroll .project-layer{margin-left:-1rem}}@media (max-width:960px) and (min-width:2000px){.listing-scroll .project-layer{margin-right:clamp(-2.5rem,-2.5rem + 0vw - 0px,-2.5rem)}}@media (max-width:960px) and (max-width:960px){.listing-scroll .project-layer{margin-right:clamp(-2rem,-1rem + -3.33333vw + 16px,-1rem)}}@media (max-width:960px) and (max-width:480px){.listing-scroll .project-layer{margin-right:-1rem}}@media (max-width:960px) and (min-width:2000px){.listing-scroll .project-layer{padding-left:clamp(2.5rem,2.5rem + 0vw - 0px,2.5rem)}}@media (max-width:960px) and (max-width:960px){.listing-scroll .project-layer{padding-left:clamp(1rem,2rem + 3.33333vw - 32px,2rem)}}@media (max-width:960px) and (max-width:480px){.listing-scroll .project-layer{padding-left:1rem}}@media (max-width:960px) and (min-width:2000px){.listing-scroll .project-layer{padding-right:clamp(2.5rem,2.5rem + 0vw - 0px,2.5rem)}}@media (max-width:960px) and (max-width:960px){.listing-scroll .project-layer{padding-right:clamp(1rem,2rem + 3.33333vw - 32px,2rem)}}@media (max-width:960px) and (max-width:480px){.listing-scroll .project-layer{padding-right:1rem}}@media (max-width:480px){.listing-scroll .project-layer{padding-top:24px;padding-bottom:24px}}.listing-scroll .project-layer[data-visible=true]{opacity:1}.listing-scroll .project-layer[data-active=true]{pointer-events:auto;z-index:1}.listing-scroll .project-layer[data-visible=true][data-active=true] .project-layer__cta,.listing-scroll .project-layer[data-visible=true][data-active=true] .project-layer__tags{visibility:visible;opacity:1;transition:visibility .6s .2s,opacity .6s .2s}.listing-scroll .project-layer__tags{transition:visibility var(--theme-transition-duration) ease,opacity var(--theme-transition-duration) ease;visibility:hidden;opacity:0;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:24px;display:flex}@media (max-width:960px){.listing-scroll .project-layer__tags{justify-content:center}}@media (max-width:480px){.listing-scroll .project-layer__tags{margin-bottom:16px}}.listing-scroll .project-layer__excerpt{margin-top:clamp(.5rem,1rem + 1.66667vw - 24px,1rem)}@media (min-width:2000px){.listing-scroll .project-layer__excerpt{margin-top:clamp(1rem,1rem + 0vw - 0px,1rem)}}@media (max-width:960px){.listing-scroll .project-layer__excerpt{margin-top:clamp(.5rem,.5rem + 0vw - 0px,.5rem)}}@media (max-width:480px){.listing-scroll .project-layer__excerpt{margin-top:.5rem}}.listing-scroll .project-layer__excerpt{opacity:.4}.listing-scroll .project-layer__excerpt p{font-family:var(--font-ease-full-rounded),sans-serif;font-size:clamp(1.25rem,1.5rem + .833333vw - 12px,1.5rem)}@media (min-width:2000px){.listing-scroll .project-layer__excerpt p{font-size:clamp(1.5rem,1.5rem + 0vw - 0px,1.5rem)}}@media (max-width:960px){.listing-scroll .project-layer__excerpt p{font-size:clamp(1.25rem,1.25rem + 0vw - 0px,1.25rem)}}@media (max-width:480px){.listing-scroll .project-layer__excerpt p{font-size:1.25rem}}.listing-scroll .project-layer__excerpt p{letter-spacing:-.04em;font-weight:900;line-height:1}.listing-scroll .project-layer__cta{transition:visibility var(--theme-transition-duration) ease,opacity var(--theme-transition-duration) ease;visibility:hidden;opacity:0;margin-top:32px;display:inline-block}@media (max-width:480px){.listing-scroll .project-layer__cta{margin-top:24px}}
