.scroll-stage-panels{position:relative;height:var(--scroll-stage-track-height, 160dvh);background:transparent}.scroll-stage-panels__sticky{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;height:100dvh;padding:clamp(2rem,7.7dvh,4.9375rem) clamp(1.25rem,4.45vw,4rem);overflow:hidden;background:transparent;box-sizing:border-box;isolation:isolate}.scroll-stage-panels__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;flex:1 1 auto;width:min(100%,82rem);min-height:0;margin:0 auto}.scroll-stage-panels__copy,.scroll-stage-panels__visual{position:relative;min-height:0;overflow:hidden;border-radius:1.5rem;--panel-radius: 1.5rem;background:#fff}.scroll-stage-panels__copy{display:flex;flex-direction:column;padding:2.875rem 4rem 3.25rem;box-sizing:border-box}.scroll-stage-panels__copy h2{margin:0;color:#000;font-family:EB Garamond,serif;font-size:1.5rem;font-weight:400;line-height:1;letter-spacing:-.03em}.scroll-stage-panels__copy--end{justify-content:space-between}.scroll-stage-panels__copy--center .scroll-stage-panels__list{position:absolute;right:4rem;top:50%;left:4rem;transform:translateY(-50%)}.scroll-stage-panels__list{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.scroll-stage-panels__list button{padding:0;border:0;background:none;color:#00000040;font-family:Geist,sans-serif;font-size:clamp(1.5rem,2.22vw,2rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;text-align:left;cursor:pointer;transition:color .35s ease,transform .35s ease}.scroll-stage-panels__list button:hover,.scroll-stage-panels__list button:focus-visible,.scroll-stage-panels__list button.is-active{color:#0c0a08}.scroll-stage-panels__list button:focus-visible{outline:1px solid currentColor;outline-offset:.3rem}.scroll-stage-panels__visual{background:#263c20;overflow:clip}.scroll-stage-panels__transition{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:clip}.scroll-stage-panels__transition--out{z-index:1;animation:scroll-stage-visual-out .55s ease both}.scroll-stage-panels__transition--in{z-index:2;animation:scroll-stage-visual-in .55s ease both}@keyframes scroll-stage-visual-in{0%{opacity:0}to{opacity:1}}@keyframes scroll-stage-visual-out{0%{opacity:1}to{opacity:0}}@media (max-width: 900px){.scroll-stage-panels__sticky{padding:1.5rem}.scroll-stage-panels__copy{padding:2.5rem 2.25rem}.scroll-stage-panels__copy--center .scroll-stage-panels__list{right:2.25rem;left:2.25rem}}@media (max-width: 680px){.scroll-stage-panels__sticky{top:0;height:100svh;padding:0 1rem}.scroll-stage-panels__grid{grid-template-columns:1fr;grid-template-rows:50% 50%;height:100%;min-height:0}.scroll-stage-panels__copy,.scroll-stage-panels__visual{min-height:0;overflow:hidden;border-radius:1.25rem;--panel-radius: 1.25rem;isolation:isolate;-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.scroll-stage-panels__copy{padding:2rem 1.75rem}.scroll-stage-panels__copy--center .scroll-stage-panels__list,.scroll-stage-panels__copy--end .scroll-stage-panels__list{position:absolute;top:auto;right:1.75rem;bottom:1.75rem;left:1.75rem;gap:.5rem;transform:none}.scroll-stage-panels__list button{font-size:clamp(18px,4vw,1.2rem)}}@media (max-width: 768px),(pointer: coarse){.scroll-stage-panels{height:var(--scroll-stage-stable-track-height, 160svh)}.scroll-stage-panels__sticky{height:calc(100svh - var(--scroll-stage-top-inset, 0px));padding-block:clamp(2rem,7.7svh,4.9375rem)}}@media (max-width: 680px){.scroll-stage-panels{--scroll-stage-top-inset: 0px;height:280svh}.scroll-stage-panels__sticky{padding:1rem}.scroll-stage-panels__grid{height:100%;min-height:0}}@media (prefers-reduced-motion: reduce){.scroll-stage-panels__list,.scroll-stage-panels__list button{transition:none}.scroll-stage-panels__transition--in,.scroll-stage-panels__transition--out{animation:none}}
