.stage{--stage-pad:1rem;--stage-card:min(85vw, 26rem);background-color:var(--color-olive-900);color:var(--color-surface)}.stage-pin{position:relative}.stage-defs{pointer-events:none;position:absolute}.stage-backdrop{position:absolute;inset:0;overflow:hidden}.stage-backdrop img{object-fit:cover}.stage-open{align-items:flex-end;min-height:85svh;display:flex;position:relative}.stage-open-scrim{background:linear-gradient(to top, var(--color-olive-900), transparent 70%), color-mix(in oklab, var(--color-olive-900) 45%, transparent);position:absolute;inset:0}.stage-open-content{width:100%;padding:4rem var(--stage-pad);position:relative}.stage-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.stage-intro{max-width:26rem;color:var(--color-khaki);font-size:var(--text-lg);line-height:var(--text-lg--line-height);margin-top:1.5rem}.stage-rest{padding-block:4rem;position:relative}.stage-behind{display:none}.stage-final img{object-position:50% 70%}.stage-final:after{content:"";background:color-mix(in oklab, var(--color-olive-900) 70%, transparent);position:absolute;inset:0}.stage-roll{scroll-snap-type:x mandatory;scroll-padding-inline:var(--stage-pad);padding-inline:var(--stage-pad);padding-block:.25rem;position:relative;overflow-x:auto}.stage-roll:focus-visible{outline-color:var(--color-tan);outline-offset:-2px}.stage-track,.stage-cards{gap:1rem;display:flex}.stage-track{width:max-content}.stage-panel,.stage-closing{width:var(--stage-card);scroll-snap-align:start;flex-shrink:0}.stage-closing{align-items:flex-end;padding:1.5rem;display:flex}.stage-closing-inner{max-width:32rem}.stage-closing-title{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}.stage-closing-body{color:var(--color-khaki);font-size:var(--text-lg);line-height:var(--text-lg--line-height);margin-top:1.25rem}.program-card{aspect-ratio:4/5;border:1px solid color-mix(in oklab, var(--color-tan) 55%, transparent);background:color-mix(in oklab, var(--color-olive-900) 40%, transparent);border-radius:.5rem;padding:.5rem}.program-card-inner{isolation:isolate;background-color:var(--color-olive-700);border-radius:.25rem;align-items:flex-end;height:100%;display:flex;position:relative;overflow:hidden}.program-card-img{z-index:-1;object-fit:cover;transition:transform .3s ease-out}.program-card-scrim{z-index:-1;background:linear-gradient(to top, var(--color-olive-900) 5%, color-mix(in oklab, var(--color-olive-900) 55%, transparent) 40%, transparent 70%);transition:background-color .25s ease-out;position:absolute;inset:0}.program-card[data-open] .program-card-scrim{background-color:color-mix(in oklab, var(--color-olive-900) 45%, transparent)}.program-card-body{align-items:flex-end;gap:1rem;width:100%;padding:1.25rem;display:flex}.program-card-text{flex:1;min-width:0}.program-card-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.program-card-lead{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:.5rem;display:-webkit-box;overflow:hidden}.program-card[data-open] .program-card-lead{display:block}.program-card-more{visibility:hidden;color:var(--color-khaki);grid-template-rows:0fr;transition:grid-template-rows .25s ease-out,visibility .25s;display:grid}.program-card-more>div{min-height:0;overflow:hidden}.program-card-more p{margin-top:.5rem}.program-card[data-open] .program-card-more{visibility:visible;grid-template-rows:1fr}.program-card-toggle{border:1px solid var(--color-tan);width:2.75rem;height:2.75rem;color:var(--color-surface);cursor:pointer;border-radius:9999px;flex-shrink:0;place-items:center;transition:background-color .15s ease-out;display:grid}.program-card-toggle:after{content:"";position:absolute;inset:0}.program-card-toggle:focus-visible{outline-color:var(--color-tan)}.program-card-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:1rem;height:1rem;transition:transform .2s ease-out}.program-card[data-open] .program-card-toggle svg{transform:rotate(45deg)}@media (hover:hover){.program-card-inner:hover .program-card-img{transform:scale(1.03)}.program-card-inner:hover .program-card-toggle{background-color:color-mix(in oklab, var(--color-tan) 25%, transparent)}}@media (min-width:768px){.stage{--stage-pad:max(1.5rem, calc((100% - var(--container-content)) / 2 + 2rem))}.program-card-body{padding:2rem}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.stage{--stage-header:4.75rem;--stage-card:min(70vw, calc((100svh - var(--stage-header) - 8rem) * 4 / 3));background-color:#0000}.stage-pin{background-color:var(--color-olive-900);height:100svh;overflow:clip}.stage-open,.stage-rest{position:absolute;inset:0}.stage-rest{padding:0}.stage-final{z-index:0}.stage-behind{z-index:1;display:block}.stage-behind:after{content:"";background:color-mix(in oklab, var(--color-olive-900) 25%, transparent);position:absolute;inset:0}.stage-open{z-index:2;align-items:stretch}.stage-open-content{padding:var(--stage-header) 0 0;place-items:center;display:grid}.stage-title{font-size:var(--text-display);line-height:var(--text-display--line-height);text-align:center}.stage-intro{inset-inline-end:var(--stage-pad);background:color-mix(in oklab, var(--color-olive-900) 80%, transparent);border-radius:.25rem;margin:0;padding:1.5rem;position:absolute;bottom:3rem}.stage-roll{z-index:3;scroll-snap-type:none;height:100%;padding:0;overflow:visible}.stage-track{height:100%;padding-top:var(--stage-header);align-items:center;padding-inline-start:100vw}.stage-cards{gap:3rem}.stage-panel{width:var(--stage-card)}.stage-closing{text-align:center;justify-content:center;align-items:center;width:100vw;height:100%;padding:0 1.5rem}.stage-closing-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.program-card{aspect-ratio:4/3}}@media (min-width:1280px) and (prefers-reduced-motion:no-preference){.stage{--stage-card:min(50vw, calc((100svh - var(--stage-header) - 8rem) * 4 / 3))}}
