.video-poster{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1.5rem;background:var(--n4j-baltic);color:#fff;border:none;cursor:pointer;overflow:hidden;text-align:center;transition:background .24s cubic-bezier(.22,1,.36,1)}.video-poster:hover{background:color-mix(in srgb,var(--n4j-baltic) 92%,#fff 8%)}.video-poster__art{position:absolute;inset:0;width:140%;height:140%;top:-20%;left:-20%;opacity:.28;pointer-events:none;color:var(--n4j-light-baltic);transform-origin:50% 50%;transform:rotate(0deg);transition:transform 1.5s cubic-bezier(.22,1,.36,1),opacity .4s ease}.video-poster:focus-visible .video-poster__art,.video-poster:hover .video-poster__art{transform:rotate(2deg);opacity:.34}@media (prefers-reduced-motion:reduce){.video-poster__art{transition:opacity .4s ease}.video-poster:focus-visible .video-poster__art,.video-poster:hover .video-poster__art{transform:rotate(0deg)}}.video-poster__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;max-width:38rem}.video-poster .video-poster__eyebrow{font-size:.75rem;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0;color:var(--n4j-light-baltic)}.video-poster .video-poster__title{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em;margin:.25rem 0 0;color:#fff;text-wrap:balance}.video-poster__play{position:relative;z-index:1;width:64px;height:64px;border-radius:9999px;background:var(--n4j-cream);color:var(--n4j-baltic);display:inline-flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 8px 32px rgba(1,36,55,.3);transition:transform .24s cubic-bezier(.22,1,.36,1)}.video-poster:focus-visible .video-poster__play,.video-poster:hover .video-poster__play{transform:scale(1.06)}.video-poster:focus-visible{outline:2px solid var(--n4j-light-baltic);outline-offset:-4px}@media (max-width:640px){.video-poster__title{font-size:1.125rem}.video-poster__play{width:52px;height:52px}}@layer components{.youtube-player__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-video-frame{position:relative;width:100%;overflow:hidden;border-radius:calc(var(--radius) + 4px);background-color:#000;aspect-ratio:16/9}.lesson-video-frame__media{position:absolute;inset:0;width:100%;height:100%}.lesson-sticky-video__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background-color:oklch(20.5% 0 0);color:#fff}.lesson-sticky-video__placeholder-icon{opacity:.5}.lesson-sticky-video__placeholder-text{font-size:.875rem;line-height:calc(1.25 / .875);font-weight:500;opacity:.8}.lesson-sticky-video__placeholder-close{font-size:.75rem;line-height:calc(1 / .75);opacity:.5;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:2px;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}}@layer components{}@layer components{@media (hover:hover){.lesson-sticky-video__placeholder-close:hover{opacity:1}}}.lesson-sticky-video__wrapper{position:relative;width:100%;aspect-ratio:16/9;background:black;border-radius:.5rem}.lesson-sticky-video__video-panel{position:absolute;inset:0;border-radius:.5rem;overflow:hidden}.lesson-sticky-video__video-panel--pip{position:fixed;inset:auto;bottom:1.5rem;right:1.5rem;width:min(var(--lesson-pip-width,480px),50vw);height:auto;aspect-ratio:16/9;box-shadow:0 8px 32px rgba(0,0,0,.45);z-index:50;opacity:0;transform:translateY(.75rem);transition:opacity .25s ease,transform .25s ease}.lesson-sticky-video__video-panel--visible{opacity:1;transform:translateY(0)}.lesson-sticky-video__pip-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);color:#fff;border-radius:9999px;border:none;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;z-index:1}.lesson-sticky-video__pip-close:focus-visible,.lesson-sticky-video__video-panel--pip:hover .lesson-sticky-video__pip-close{opacity:1}.lesson-sticky-video__pip-close:hover{background:rgba(0,0,0,.85)}