.program-select-page{padding:8rem 0 9.6rem}.program-select-page__intro{max-width:76rem;margin:0 auto 5.6rem;padding:0 var(--edge-gutter);text-align:center}.program-select-page__heading{margin:1.2rem 0 0;font-family:var(--font-display-family);font-style:var(--font-display-style);text-transform:uppercase;line-height:.96;letter-spacing:-.01em;font-size:clamp(3.6rem,7vw,6.4rem)}.program-select-page__sub{margin:2rem auto 0;max-width:60ch;font-size:clamp(1.6rem,1.8vw,1.9rem);line-height:1.6;color:rgba(var(--color-foreground),.75)}.program-select-page__empty{padding:0 var(--edge-gutter);text-align:center;color:rgba(var(--color-foreground),.65)}.program-select-page__help{margin:5.6rem auto 0;padding:0 var(--edge-gutter);text-align:center;font-size:1.5rem;color:rgba(var(--color-foreground),.65)}.program-select-page__help a{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:3px}.program-select-page__help a:hover{color:rgb(var(--color-button))}.program-select{display:flex;flex-wrap:nowrap;gap:.4rem;padding:0 var(--edge-gutter);min-height:58rem}.program-select__panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 0%;min-width:0;overflow:hidden;text-decoration:none;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.12);transition:flex-grow var(--duration-long) var(--ease-out-slow),border-color var(--duration-medium) var(--ease-out-slow)}.program-select__panel:active{transform:scale(.99);transition:transform var(--duration-short) linear}.program-select__index{position:absolute;top:2rem;left:2rem;z-index:2;font-family:var(--font-display-family);font-size:1.3rem;letter-spacing:.1em;color:rgba(var(--color-foreground),.45)}.program-select__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.program-select__img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.85);transition:transform var(--duration-long) var(--ease-out-slow),filter var(--duration-long) var(--ease-out-slow)}.program-select__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(var(--color-background),.92),rgba(var(--color-background),.72) 45%,rgba(var(--color-background),.55));transition:background var(--duration-long) var(--ease-out-slow)}.program-select__body{position:relative;z-index:2;padding:2.4rem 2rem 3.2rem}.program-select__eyebrow{margin:0 0 .8rem;font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.program-select__title{margin:0;font-family:var(--font-display-family);text-transform:uppercase;line-height:1.02;font-size:clamp(2rem,2.6vw,2.8rem)}.program-select__value-prop{margin:0;max-height:0;max-width:42ch;overflow:hidden;opacity:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.78);transition:max-height var(--duration-long) var(--ease-out-slow),opacity var(--duration-medium) var(--ease-out-slow),margin-top var(--duration-long) var(--ease-out-slow)}.program-select__price{margin:1.2rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.55)}.program-select__price--drama{margin:1.2rem 0 0}.program-select__price-compare-wrap{margin:0;line-height:1}.program-select__price-struck{position:relative;display:inline-block;padding:0 .3rem;font-family:var(--font-display-family);font-size:1.8rem;color:rgba(var(--color-foreground),.5);text-decoration:none}.program-select__price-struck:after{content:"";position:absolute;left:-8%;right:-8%;top:50%;height:.25rem;border-radius:.15rem;background:rgb(var(--color-button));transform:translateY(-50%) rotate(-4deg);pointer-events:none}.program-select__price-now-big{margin:.4rem 0 0;font-family:var(--font-display-family);text-transform:uppercase;line-height:.92;letter-spacing:-.02em;font-size:clamp(3.2rem,5vw,4.4rem);color:rgb(var(--color-foreground))}.program-select__price-save{display:inline-block;margin:.8rem 0 0;padding:.3rem 1rem;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.program-select__cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.6rem;padding:1rem 1.8rem;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(.8rem);transition:opacity var(--duration-medium) var(--ease-out-slow),transform var(--duration-medium) var(--ease-out-slow)}.program-select__cta svg{width:1.4rem;height:1.4rem}.program-select__panel:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:0;background:rgb(var(--color-button));transition:height var(--duration-medium) var(--ease-out-slow)}@media(hover:hover)and (pointer:fine){.program-select__panel:hover,.program-select__panel:focus-within{flex-grow:2.4;border-color:rgba(var(--color-foreground),.3)}.program-select:has(.program-select__panel:hover) .program-select__panel:not(:hover):not(:focus-within),.program-select:has(.program-select__panel:focus-within) .program-select__panel:not(:hover):not(:focus-within){flex-grow:.6}.program-select__panel:hover .program-select__img,.program-select__panel:focus-within .program-select__img{filter:brightness(.95) saturate(1);transform:scale(1.04)}.program-select__panel:hover .program-select__scrim,.program-select__panel:focus-within .program-select__scrim{background:linear-gradient(to top,rgba(var(--color-background),.85),rgba(var(--color-background),.25) 55%,rgba(var(--color-background),.05))}.program-select__panel:hover:after,.program-select__panel:focus-within:after{height:.4rem}.program-select__panel:hover .program-select__value-prop,.program-select__panel:focus-within .program-select__value-prop{max-height:14rem;opacity:1;margin-top:1.2rem}.program-select__panel:hover .program-select__cta,.program-select__panel:focus-within .program-select__cta{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.program-select{flex-direction:column;min-height:0}.program-select__panel{flex:none;min-height:30rem}.program-select__value-prop{max-height:none;opacity:1;margin-top:1.2rem}.program-select__cta{opacity:1;transform:none}.program-select__panel:after{height:.3rem}}@media screen and (max-width:749px){.program-select-page{padding:5.6rem 0 6.4rem}.program-select-page__intro{margin-bottom:3.6rem}.program-select__panel{min-height:26rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-program-select.css.map */