.vid-deco{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(to bottom,var(--lilac),var(--ink));color:#fff}.vid-deco__media{position:absolute;inset:0;z-index:-1;inline-size:100%;block-size:100%;object-fit:cover}.vid-deco:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 65%,transparent),color-mix(in srgb,var(--ink) 35%,transparent))}.vid-deco__pause{position:absolute;inset-block-end:1rem;inset-inline-end:1rem;display:flex;align-items:center;gap:.5rem;min-block-size:2.75rem;padding:0 .875rem 0 .5rem;border:0;border-radius:.5rem;background:color-mix(in srgb,var(--ink) 88%,transparent);color:#fff;font:inherit;font-size:.875rem;cursor:pointer}.vid-deco__pause:hover{background:color-mix(in srgb,var(--ink) 96%,transparent)}.vid-deco__pause:focus-visible{outline:.1875rem solid #fff;outline-offset:.125rem;box-shadow:none}@media(forced-colors:active){.vid-deco__pause{forced-color-adjust:none}}.vid-text-btn{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;min-block-size:2.75rem;margin:.75rem 0 0;padding:0;border:0;background:none;color:var(--lilac-deep);font:inherit;font-size:1rem;text-align:start;text-decoration:underline;text-decoration-thickness:from-font;cursor:pointer}.vid-text-btn>svg{flex:none}.vid-card .vid-text-btn{margin:0;font-size:.9375rem}.vid-drawer p{margin:0;color:var(--ink);line-height:1.55}.vid-drawer p+p{margin-block-start:.75rem}.vid-thumb{position:relative;display:flex;align-items:flex-end;gap:.5rem;box-sizing:border-box;inline-size:100%;aspect-ratio:16 / 9;padding:.75rem;overflow:hidden;border-radius:.5rem;background:linear-gradient(to bottom,var(--fill),#2c2c33);color:#fff}.vid-thumb__poster{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.vid-thumb__play{position:relative;display:flex;align-items:center;gap:.5rem;min-block-size:3rem;margin-inline-end:auto;padding:0 1rem 0 .75rem;border:0;border-radius:1.5rem;background:color-mix(in srgb,var(--ink) 90%,transparent);color:#fff;font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer}.vid-thumb__play:hover{background:var(--ink)}.vid-thumb__play:focus-visible{outline:.1875rem solid #fff;outline-offset:0;box-shadow:none}.vid-thumb__badges{position:relative;display:flex;align-items:center;gap:.5rem}.vid-thumb__cc,.vid-thumb__time{padding:.25rem .5rem;border-radius:.25rem;background:color-mix(in srgb,var(--ink) 90%,transparent);color:#fff;line-height:1.3}.vid-thumb__cc{padding-inline:.375rem;font-size:.75rem;font-weight:700}.vid-thumb__time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8125rem}@media(forced-colors:active){.vid-thumb,.vid-thumb__play,.vid-thumb__cc,.vid-thumb__time{forced-color-adjust:none}}.app-dialog.dialog-modal.vid-dialog{max-inline-size:54rem}.vid-card{display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box;padding:1rem 1rem 1.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card)}.vid-card__title{margin:0;color:var(--ink);font-size:1.125rem;font-weight:700;line-height:1.2}.vid-hero{display:flex;flex-direction:column;gap:.625rem;box-sizing:border-box;inline-size:min(100%,35rem);min-block-size:19.6875rem;padding:4.375rem 2rem 4.5rem;border-radius:.5rem}.vid-hero__eyebrow,.vid-hero__title{margin:0}.vid-hero__eyebrow{font-size:.9375rem}.vid-hero__title{max-inline-size:23.75rem;font-size:2.125rem;font-weight:700;line-height:1.1}.vid-micro{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:1.25rem;row-gap:.375rem;box-sizing:border-box;inline-size:min(100%,35rem);padding:1.5rem;border:1px solid var(--line);border-radius:.5rem;background:var(--card)}.vid-micro:has(.vid-micro__loop){grid-template-columns:7.5rem minmax(0,1fr)}.vid-micro__loop{grid-row:1 / span 2;inline-size:7.5rem;block-size:7.5rem;border-radius:50%}.vid-micro__title{align-self:end;margin:0;color:var(--ink);font-size:1.75rem;font-weight:700;line-height:1.15}.vid-micro__text,.vid-note-only{align-self:start;margin:0;color:var(--ink-soft);font-size:.9375rem}.vid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem;margin:0;padding:0;list-style:none}
