.featured-post{position:relative;display:flex;background:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-m);box-shadow:var(--shadow-xs);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.featured-post:hover{transform:translateY(-2px);border-color:var(--color-border-input);box-shadow:var(--shadow-m)}.featured-post:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.featured-post-media{position:relative;display:block;overflow:hidden;background:var(--color-bg-sunken);flex-shrink:0}.featured-post-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.featured-post-play{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--black) 55%,transparent)}.featured-post-play:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--white);transform:translateX(2px)}.featured-post-duration{position:absolute;right:var(--spacing-xs);bottom:var(--spacing-xs);padding:1px 5px;border-radius:var(--radius-2xs);background:color-mix(in srgb,var(--black) 80%,transparent);color:var(--color-text-on-inverse);font-size:.72rem;font-weight:600;line-height:1.4}.featured-post-body{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-m) var(--spacing-l)}.featured-post-title{font-size:var(--text-s);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.featured-post-watch{font-size:var(--text-s);font-weight:600;color:var(--color-primary);white-space:nowrap}.featured-post-dismiss{position:absolute;top:var(--spacing-s);right:var(--spacing-s);z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--black) 40%,transparent);color:var(--color-text-on-inverse);font-size:.8rem;line-height:1;cursor:pointer}.featured-post-dismiss:hover{background:color-mix(in srgb,var(--black) 60%,transparent)}.featured-post--sidebar{flex-direction:column;margin:0 var(--spacing-l) var(--spacing-xl)}.featured-post--sidebar .featured-post-media{width:100%;aspect-ratio:16/9}.featured-post--mobile{flex-direction:column;gap:var(--spacing-s);margin-bottom:var(--spacing-m);border:none;background:transparent;box-shadow:none;border-radius:0;overflow:visible;cursor:default}.featured-post--mobile:hover{transform:none;box-shadow:none;border-color:transparent}.featured-post-mobile-head{display:flex;align-items:stretch;min-height:96px;overflow:hidden;border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-m);background:var(--color-bg-surface);box-shadow:var(--shadow-xs);text-decoration:none;color:inherit}.featured-post-mobile-head .featured-post-media{flex:0 0 42%;max-width:160px;align-self:stretch}.featured-post--mobile .featured-post-title{align-self:center;padding:var(--spacing-m);font-size:var(--text-m);line-height:1.3}.featured-post--mobile .featured-post-play{width:34px;height:34px}.featured-post-actions{display:flex;gap:var(--spacing-s)}.featured-post-action{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:var(--height-control-s);padding:0 var(--spacing-l);border:none;border-radius:var(--radius-pill);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.featured-post-action:focus-visible,.featured-post-mobile-head:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.featured-post-action--watch{background:var(--color-primary);color:var(--color-bg-surface)}.featured-post-action--watch:hover{background:var(--color-primary-hover)}.featured-post-action--close{background:var(--color-bg-sunken);color:var(--color-text-secondary)}.featured-post-action--close:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.featured-post--leaving{overflow:hidden;pointer-events:none;animation:featured-post-hide .28s ease forwards}@keyframes featured-post-hide{0%{opacity:1;max-height:480px}to{opacity:0;max-height:0;margin-top:0;margin-bottom:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.featured-post--leaving{animation-duration:.01s}}