.cinema-landing,.course-coming-soon{background:var(--cinema-bg);color:var(--cinema-text);isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.cinema-backdrop{z-index:-2;background:#060d16;position:absolute;inset:0}.cinema-poster,.cinema-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cinema-backdrop:after{content:"";background:linear-gradient(#030a1420,#030a1440);transition:background 1s;position:absolute;inset:0}.is-ready .cinema-backdrop:after{background:linear-gradient(#040c18dd,#040c18ed 70%,#040c18)}.is-ready .cinema-video{opacity:0;transition:opacity 1s}.intro-skip{color:#fff;cursor:pointer;background:linear-gradient(#0000 65%,#030914b0);border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;width:100%;min-height:100svh;padding:40px 24px;display:flex;position:absolute;inset:0}.intro-skip>span{letter-spacing:.03em;align-items:center;gap:12px;font-size:16px;display:flex}.intro-skip small{color:#d3dfe8;font-size:14px}.course-selector{flex-direction:column;min-height:100svh;padding:0 4vw 24px;animation:.8s both selector-in;display:flex}.course-selector[hidden]{display:none}.cinema-header{justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.cinema-brand{color:inherit;letter-spacing:-.4px;align-items:center;gap:7px;font-size:18px;text-decoration:none;display:flex}.cinema-brand svg{color:var(--cinema-accent);margin-right:4px}.cinema-header>span{letter-spacing:.18em;color:var(--cinema-muted);font-size:12px}.course-heading{text-align:center;margin:24px 0 15px}.cinema-eyebrow{letter-spacing:.24em;color:var(--cinema-accent);margin:0 0 12px;font-size:12px}.course-heading h1{letter-spacing:-.045em;margin:0 0 15px;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.15}.course-heading>p:last-child{color:var(--cinema-muted);margin:0;font-size:16px}.coverflow{touch-action:pan-y;width:min(100%,1080px);margin:auto;position:relative}.coverflow-stage{perspective:1400px;height:clamp(380px,49svh,520px);margin:20px 0;position:relative}.course-cover{z-index:3;background:#112132;border:1px solid #ffffff28;border-radius:18px;width:clamp(250px,32vw,360px);height:100%;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .65s,opacity .65s;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 65px #0009}.course-cover[data-position="-1"]{z-index:1;filter:brightness(.6);transform:translate(calc(-50% - clamp(130px,23vw,265px)))translateZ(-170px)rotateY(22deg)}.course-cover[data-position="1"]{z-index:1;filter:brightness(.6);transform:translate(calc(-50% + clamp(130px,23vw,265px)))translateZ(-170px)rotateY(-22deg)}.course-cover:focus-within{filter:brightness();z-index:4}.course-image{object-fit:cover;width:100%;height:100%;position:absolute}.course-cover-shade{background:linear-gradient(#07111a00 15%,#07111a55 40%,#07111af5 74%);position:absolute;inset:0}.course-cover-copy{padding:26px;position:absolute;inset:auto 0 0}.course-level{color:var(--course-accent);letter-spacing:.18em;margin-bottom:8px;font-size:14px;font-weight:650;display:inline-block}.course-cover h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(25px,3vw,33px);font-weight:550;line-height:1.16}.course-cover p{color:#c3d0dd;margin:0 0 24px;font-size:16px;line-height:1.5}.course-enter{width:100%;color:var(--course-accent);cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;padding:17px 0 0;font-size:16px;font-weight:600;text-decoration:none;display:flex}.coverflow-arrow{z-index:6;color:#fff;cursor:pointer;background:#102031;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:48%;transform:translateY(-50%)}.previous{left:0}.next{right:0}.coverflow-arrow:hover{background:#234153}:is(.cinema-landing :focus-visible,.course-coming-soon :focus-visible){outline-offset:5px;outline:3px solid #8ce5d3}.intro-skip:focus-visible{outline-offset:-6px}.course-footer{text-align:center;color:#e0e9f2;padding:12px 0 0;font-size:14px}.course-count{color:var(--cinema-accent);letter-spacing:.16em;margin-left:20px}.course-footer p{color:var(--cinema-muted);margin:9px 0 0;font-size:14px}.course-coming-soon{flex-direction:column;padding:32px 6vw;display:flex}.course-coming-soon>div{max-width:760px;margin:auto;padding:60px 0}.course-coming-soon h1{letter-spacing:-.04em;margin:0 0 32px;font-size:clamp(34px,6vw,70px);line-height:1.1}.course-return{color:var(--cinema-accent);align-items:center;gap:12px;padding:15px 0;font-size:16px;text-decoration:none;display:inline-flex}.cinema-noscript{z-index:10;background:#060d16;min-height:100svh;padding:40px;position:relative}.cinema-noscript a{color:#8ce5d3;padding:20px;display:block}@keyframes selector-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:600px){.cinema-header{padding:22px 0}.cinema-header>span{display:none}.cinema-brand{font-size:16px}.course-heading{margin-top:20px}.coverflow-stage{height:430px;margin:25px 0}.course-cover{width:72vw;max-width:330px}.course-cover-copy{padding:22px}.coverflow-arrow{width:44px;height:44px;top:48%}.previous{left:-8px}.next{right:-8px}.course-footer{padding-bottom:16px}}@media (max-height:700px) and (min-width:601px){.cinema-header{padding:18px 0}.course-heading{margin:4px 0}.course-heading h1{font-size:34px}.coverflow-stage{height:360px;margin:16px 0}.course-cover-copy{padding:22px}.course-footer{padding-top:0}}@media (prefers-reduced-motion:reduce){.course-selector{animation:none}.course-cover,.cinema-backdrop:after,.cinema-video{transition:none}}.cinema-backdrop:after{opacity:0;background:linear-gradient(#040c18dd,#040c18ed 70%,#040c18);transition:opacity 1s}.is-ready .cinema-backdrop:after{opacity:1}.coverflow-stage{height:clamp(26rem,49svh,34rem)}@media (max-width:600px){.coverflow-stage{height:max(430px,27rem)}}@media (max-height:700px) and (min-width:601px){.coverflow-stage{height:max(360px,23rem)}}@media (prefers-reduced-motion:reduce){.cinema-backdrop:after{transition:none}}
