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